body { background: #ffffff; background-repeat: no-repeat; background-size: 100%; }
a.bb:link { color: #232323; }
a.bb:hover { color: #202020; }
.navbar { background: #ffffff; color: #232323; }
.navbar a:link { color: #232323; }
.navbar a:hover { color: #202020; }
.dropdown-menu  a:link { color: #000000; }
.dropdown-menu  a:hover { color: #000000; }
.container { color: #232323; background-repeat: no-repeat; background-size: 100%; }
.navbar-brand { color: #232323; }
.bb1 { padding-left:10em;padding-right:10em;padding-bottom:6em;padding-top:6em; }
.bb2 { background:url(d1.jpg); background-repeat: no-repeat; background-size: 100%; }
.bottomlinks ul { margin: 0; padding: 2em 1em 2em 1em; list-style: none; }
.bottomlinks ul li{ padding-top: 0.34em; }
.bottomlinks ul li a { color: #787878; }
.bottomlinks { min-width: 200px; border-right: #cfcfcf 1px solid; margin: 1em 0 1em 0; }
.bottomlinks:last-child { border-right: none; }


@keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

#pan1i1 {
	-webkit-transform: translate(0, -50px);	
	-webkit-transition: -webkit-transform 500ms;
	transform: translate(0,-50px);
	transition: transform 500ms;
	will-change: transform;
}

#pan1i1.pan1i1x {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	animation-name: fadeIn;
	animation-duration: 1s;
}