a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
	border : 0;
	margin : 0;
	padding : 0;
	font-size : 100%;
	}
	html, body {
	height : 100%;
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display : block;
	}
	b, strong {
	font-weight : bold;
	}
	img {
	color : transparent;
	font-size : 0;
	vertical-align : middle;
	}
	ul, ol {
	list-style : none;
	}
	li {
	display : list-item;
	}
	table {
	border-collapse : collapse;
	border-spacing : 0;
	}
	th, td, caption {
	font-weight : normal;
	vertical-align : top;
	text-align : left;
	}
	q {
	quotes : none;
	}
	q:before, q:after {
	content : "";
	content : none;
	}
	sub, sup, small {
	font-size : 75%;
	}
	sub, sup {
	line-height : 0;
	position : relative;
	vertical-align : baseline;
	}
	sub {
	bottom : -0.25em;
	}
	sup {
	top : -0.5em;
	}
	svg {
	overflow : hidden;
	}
	body {
	font : 13px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	}
	pre, code {
	font-family : "DejaVu Sans Mono", Monaco, Consolas, monospace;
	}
	hr {
	border : #cccccc solid 0;
	border-top-width : 1px;
	clear : both;
	height : 0;
	}
	h1 {
	font-size : 25px;
	}
	h1 {
		font-family: 'Roboto', sabs-serif;
		font-weight: normal;
	}
	h2 {
	font-size : 23px;
	}
	h3 {
	font-size : 21px;
	}
	h4 {
	font-size : 19px;
	}
	h5 {
	font-size : 17px;
	}
	h6 {
	font-size : 15px;
	}
	ol {
	list-style : decimal;
	}
	ul {
	list-style : disc;
	}
	li {
	margin-left : 30px;
	}
	p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
	margin-bottom : 10px;
	}
	html {
	overflow-y : scroll;
	}
	body {
	background : white;
	color : #333;
	}
	img {
	max-width : 130px;
	max-height : 150px;
	padding-top : 5px;
	}
	a {
	color : #0066cc;
	}
	a:hover {
	color : #cc9966;
	}
	h1, h2, h3, h4, h5, h6 {
	position : relative;
	}
	.align-center {
	text-align : center;
	}
	.mute, .mute a {
	color : #999999;
	}
	.mute a:hover {
	color : #666666;
	}
	.grid-container > hr, main[role="main"] > hr {
	margin-left : 10px;
	margin-right : 10px;
	}
	.gutter-top {
	margin-top : 20px;
	}
	.permalink {
	border-radius : 4px;
	position : absolute;
	top : auto;
	left : auto;
	right : auto;
	bottom : auto;
	color : transparent;
	display : inline-block;
	font-size : 0;
	overflow : hidden;
	text-indent : -99999px;
	background : #999999;
	top : 50%;
	left : -20px;
	width : 10px;
	height : 10px;
	margin-top : -5px;
	}
	.permalink:hover {
	background : orange;
	}
	#headwrapper {
	max-width : 100%;
	background-image : url("../img/header-bg.png");
	background-size : cover;
	background-repeat : no-repeat;
	height : 205px;
	}
	#wrapper {
	min-height : 100%;
	}
	#brand {
	display : block;
	padding-bottom : 20px;
	text-align : center;
	}
	header[role="banner"] {
	padding-top : 10px;
	height : 205px;
	}
	#nav {
	position : relative;
	width : 750px;
	margin : 0 auto;
	}
	ul#navigation {
	margin : -15px auto;
	position : relative;
	float : left;
	border-left : 1px;
	border-right : 1px;
	}
	ul#navigation li {
	display : inline;
	font-size : 15px;
	font-weight : bold;
	margin : 0;
	padding : 0;
	float : left;
	position : relative;
	}
	ul#navigation li a {
	padding : 10px 25px;
	color : #616161;
	text-shadow : 1px 1px 0 #fff;
	text-decoration : none;
	display : inline-block;
	background : transparent;
	transition : color 0.2s linear, background 0.2s linear;
	}
	ul#navigation li a:hover {
	background : #f8f8f8;
	color : #282828;
	}
	ul#navigation li:hover > a {
	background : #fff;
	}
	ul#navigation li:hover > ul {
	visibility : visible;
	opacity : 1;
	}
	ul#navigation ul, ul#navigation ul li ul {
	list-style : none;
	margin : 0;
	padding : 0;
	visibility : hidden;
	position : absolute;
	z-index : 99999;
	width : 180px;
	background : #f8f8f8;
	box-shadow : 1px 1px 3px #ccc;
	opacity : 0;
	transition : opacity 0.2s linear, visibility 0.2s linear;
	}
	ul#navigation ul {
	top : 40px;
	left : 2px;
	}
	ul#navigation ul li ul {
	top : 0;
	left : 185px;
	}
	ul#navigation ul li {
	clear : both;
	width : 100%;
	border : none 0;
	border-bottom : 1px solid #c9c9c9;
	}
	ul#navigation ul li a {
	background : none;
	padding : 8px 15px;
	color : #616161;
	text-shadow : 1px 1px 0 #fff;
	text-decoration : none;
	display : inline-block;
	border : none 0;
	float : left;
	clear : both;
	width : 180px;
	}
	ul#navigation li a.first {
	border-left : 0 none;
	}
	ul#navigation li a.last {
	border-right : 0 none;
	}
	.mySlide {
	display : none;
	}
	.showSlide img {
	width : 100%;
	height : 300px;
	}
	.slidercontainer {
	max-width : 1000px;
	position : relative;
	margin : auto;
	height : 350px;
	}
	.left, .right {
	cursor : pointer;
	position : absolute;
	top : 50%;
	width : auto;
	padding : 16px;
	margin-top : -22px;
	color : white;
	font-weight : bold;
	font-size : 18px;
	transition : 0.6s ease;
	border-radius : 0 3px 3px 0;
	}
	.right {
	right : 0;
	border-radius : 3px 0 0 3px;
	}
	.left:hover, .right:hover {
	background-color : rgb(115 115 115 / 0.8);
	}
	.content {
	color : #eff5d4;
	font-size : 20px;
	padding : 8px 12px;
	position : absolute;
	top : 270px;
	width : 100%;
	text-align : center;
	}
	.active {
	background-color : #717171;
	}
	.fade {
	animation-name : fade;
	animation-duration : 1.5s;
	}
	@keyframes fade {
	from {
	opacity : 0.4;
	}
	to {
	opacity : 1;
	}
	}
	#footerwrapper {
	max-width : 100%;
	background-image : url("../img/footer-bg.png");
	background-repeat : no-repeat;
	height : 200px;
	position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
	}
	#fsubwrap1 {
	width : 100%;
	height : 150px;
	border-bottom : 1px solid #777;
	}
	#fsubwrap2 {
	width : 100%;
	height : 50px;
	border-top : 1px solid #dedede;
	}
	#fsub1, #fsub2, #fsub3, #fsub4 {
	margin : 25px 0 0 0;
	}
	#fsub1, #fsub2, #fsub3 {
	border-right : none;
	}
	#fsub2, #fsub3, #fsub4 {
	padding : 0 0 15px 20px;
	}
	#fsub1 {
	padding : 0 0 10px 0;
	}
	#fsub1 p, #fsub2 p, #fsub3 p, #fsub4 p {
	font : 14px/1.2 Georgia, "Times New Roman", Times, serif;
	color : #FFFFFF;
	}
	#fsub1 input {
	float : left;
	background : rgb(255 255 255 / 0.2);
	padding : 15px 5px;
	}
	.-moz-placeholder {
	color : #404040;
	}
	#fsub1 .button a {
	float : right;
	padding : 5px;
	margin : 0 10px 0 0;
	}
	#fsub1 .button a:hover {
	background : #FFFFFF;
	}
	#fsub1 .button a:active, #fsub4 .icon a:active {
	margin-top : 1px;
	}
	#fsub1 input[placeholder] {
	font : 14px/1.2 Georgia, "Times New Roman", Times, serif;
	}
	#fsub4 .icon {
	float : left;
	padding : 0 5px 0 0;
	}
	#main-footer a:hover {
	background : none;
	}
	#fsubwrap2 #copyright-info small {
	display : block;
	font : 14px/1.2 Tahoma, Geneva, sans-serif;
	color : #FFFFFF;
	text-align : center;
	text-shadow : 1px 1px 0 #bbb;
	margin-top : 15px;
	}
	.container {
		font-family: arial;
		font-weight: bold;
		color: #000000;
		border: 1px solid #000000;
		width: 340px;
		padding: 10px;
		text-align: center;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	.button-big {
		border-radius : 4px;
		background-color : #ddd;
		background-image : linear-gradient(#eeeeee, #cccccc);
		box-shadow : 0 1px 2px 0 #fff inset;
		border : solid 1px;
		border-color : #dddddd #cccccc #bbbbbb;
		color : #333;
		display : block;
		font-size : 16px;
		font-weight : bold;
		padding : 10px 20px;
		text-align : center;
		text-decoration : none;
		text-shadow : 0 1px 0 white;
	}
	.button-big:hover {
	background-color : #d4d4d4;
	background-image : linear-gradient(#eeeeee, #bbbbbb);
	color : black;
	}
	.button-big:active {
	background-color : #ccc;
	background-image : linear-gradient(#bbbbbb, #dddddd);
	box-shadow : 0 1px 2px 0 rgb(0 0 0 / 0.25) inset;
	border-color : #aaaaaa #bbbbbb #cccccc;
	}
	code {
	background : #ffffee;
	}
	pre {
	overflow : auto;
	padding : 20px;
	}
	pre code {
	background : none;
	display : block;
	padding : 0 0 20px;
	}
	pre, .definition {
	background : #ffffee;
	border : solid 1px;
	border-color : #eeeeee #dddddd #cccccc;
	}
	.definition {
	font-size : 16px;
	font-family : Georgia, "Times New Roman", serif;
	padding : 20px;
	}
	.definition dt {
	font-size : 180%;
	}
	.definition dd {
	padding-top : 20px;
	}
	.definition dd i {
	display : block;
	margin-bottom : 10px;
	}
	.equal-block {
	min-height : 215px;
	}
	.list-inline {
	font-size : 0;
	margin-left : -15px;
	}
	.list-inline li {
	display : inline-block;
	font-size : 13px;
	list-style : none;
	margin : 0;
	padding-left : 15px;
	}
	.list-spacing {
	margin : 0;
	}
	.list-spacing li {
	padding-bottom : 20px;
	}
	.pill {
	border-radius : 15px;
	display : block;
	padding : 5px 15px;
	}
	.list-inline .pill {
	margin-left : -15px;
	}
	.on > .pill {
	background : #777777;
	color : white;
	text-decoration : none;
	}
	.example-block {
	background : #eeeeee;
	font-size : 10px;
	overflow : hidden;
	margin-bottom : 20px;
	padding : 10px 0;
	text-align : center;
	}
	div[class*="push-"] .example-block {
	background : #ddeecc;
	}
	div[class*="pull-"] .example-block {
	background : #ffccdd;
	}
	.dynamic-px-width {
	display : block;
	}
	footer[role="contentinfo"] {
	background : #eeeeee;
	font-size : 11px;
	margin-top : -40px;
	line-height : 40px;
	text-align : center;
	}
	@media screen and (min-width:768px) {
	nav[role="navigation"] ul {
	font-size : 13px;
	line-height : 35px;
	}
	nav[role="navigation"] li {
	border : 0;
	float : left;
	}
	nav[role="navigation"] li a {
	border-right : 1px solid #999999;
	}
	nav[role="navigation"] li:first-child a, nav[role="navigation"] li:last-child a {
	border-radius : 0;
	}
	nav[role="navigation"] li:first-child a {
	border-top-left-radius : 4px;
	border-bottom-left-radius : 4px;
	}
	}

.mySlides {display: none;}
/*
.mySlides.fade {
    width: 135%;
    margin-left: -175px !important;
}*/
.mySlides img {
    vertical-align: middle;
    max-width: 100% !important;
    max-height: 100% !important;
    padding-top: 0px !important;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1600px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text h2{  font-size: 35px; }
.text{
  color: #f2f2f2;

  padding: 8px 12px;
  position: absolute;
  bottom: 150px;
  width: 100%;
  text-align: center;
  background-color: #000;
  opacity: 0.5;   
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.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: 11px}
}