a 
{
    color: #E69B5A;
}
.left-panel
{
	background: rgba(0,0,0,0.5);
	overflow: scroll;
	overflow-x: hidden;
	position: absolute;
	top: 0px;
	height: 100%;
	margin-left: -10px;
	float: left;
	z-index: 6000;
}
.left-panel section
{
	color: white;
	font-family: Helvetica, sans-serif;
	padding: 40px 40px 40px 40px;
	direction: ltr;
}
.left-panel section p
{
	font-size: 16px;
	line-height: 1.4em;
}
.left-panel section a
{
	text-decoration: none;
}
.left-panel section a:hover
{
	text-decoration: underline;
}
.left-panel section h1
{
	font-size: 1.5em;
    margin-bottom: 1em;
}
.abslideshow{
  position: absolute;
  min-width: 700px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.abslideshow figure{
  margin: 0;
  width: 100%;
  background: #000;
  position: absolute;
  opacity: 0;
}
.abslideshow figcaption{
  position: absolute;
  top: 550px;
  right: 50px;
  text-align: right;
  font-family: helvetica;
  color: white;
  font-size: 21px;
  text-shadow: 2px 3px 5px rgba(0,0,0,0.9);
  opacity: 0;
}
.abslideshow figcaption p{
  color: inherit;
  margin-right: 15px;
  text-shadow: 2px 3px 5px rgba(0,0,0,0.9);
  opacity: 1.0;
}

@-webkit-keyframes xfade{
 0% {
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 100;
}
6% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 100;
}
17% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 100;
}
23% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 90;
}
99% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 90;
}
100% {
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 100;
}
}
@-moz-keyframes xfade{
 0% {
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 100;
}
6% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 100;
}
17% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 100;
}
23% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 90;
}
99% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 90;
}
100% {
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 100;
}
}
@-o-keyframes xfade{
 0% {
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 100;
}
6% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 100;
}
17% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 100;
}
23% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 90;
}
99% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 90;
}
100% {
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 100;
}
}
@keyframes xfade{
 0% {
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 100;
}
6% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 100;
}
17% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 100;
}
23% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 90;
}
99% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 90;
}
100% {
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 100;
}
}

@-webkit-keyframes xfadein{
 0% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 89;
display: none;
}
15% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 89;
display: none;
}
30% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 101;
display: inline-block;
}
93% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 101;
display: inline-block;
}
100% {
filter: alpha(opacity=0);
opacity: 0.0;
z-index: 89;
display: none;
}
}
@-moz-keyframes xfadein{
 0% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 89;
display: none;
}
15% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 89;
display: none;
}
30% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 101;
display: inline-block;
}
93% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 101;
display: inline-block;
}
100% {
filter: alpha(opacity=0);
opacity: 0.0;
z-index: 89;
display: none;
}
}
@-o-keyframes xfadein{
 0% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 89;
display: none;
}
15% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 89;
display: none;
}
30% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 101;
display: inline-block;
}
93% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 101;
display: inline-block;
}
100% {
filter: alpha(opacity=0);
opacity: 0.0;
z-index: 89;
display: none;
}
}
@keyframes xfadein{
 0% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 89;
display: none;
}
15% {
filter: alpha(opacity=0);
opacity: 0;
z-index: 89;
display: none;
}
30% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 101;
display: inline-block;
}
93% {
filter: alpha(opacity=100);
opacity: 1;
z-index: 101;
display: inline-block;
}
100% {
filter: alpha(opacity=0);
opacity: 0.0;
z-index: 89;
display: none;
}
}

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 400px) {
.abslideshow{
  right: 0px;
  top: 0px; 
  height: 100%;
  min-height: 750px;
}
.device{
	width: 100%;
}
.left-panel
{
  width: 70%;
}
.left-panel section
{
  padding: 20px 20px 20px 20px;
}
}
@media all and (min-width: 401px) and (max-width: 620px) {
.abslideshow{
  right: 0px;
  top: 0px; 
  height: 100%;
  min-height: 750px;
}
.device{
  width: 100%;
}
.left-panel
{
  width: 60%;
}
.left-panel section
{
  padding: 30px 30px 30px 30px;
}
}
@media all and (min-width: 621px) and (max-width: 1026px) {
.left-panel{
  width: 40%;
}
.device {
display: none;
}
figure:nth-child(1) {
  -webkit-animation: xfade 40s 32s infinite;
  -moz-animation: xfade 40s 32s infinite;
  animation: xfade 40s 32s infinite;
}
figure:nth-child(2) {
  -webkit-animation: xfade 40s 24s infinite;
  -moz-animation: xfade 40s 24s infinite;
  animation: xfade 40s 24s infinite;
}
figure:nth-child(3) {
  -webkit-animation: xfade 40s 16s infinite;
  -moz-animation: xfade 40s 16s infinite;
  animation: xfade 40s 16s infinite;
}
figure:nth-child(4) {
  -webkit-animation: xfade 40s 8s infinite;
  -moz-animation: xfade 40s 8s infinite;
  animation: xfade 40s 8s infinite;
}
figure:nth-child(5) {
  -webkit-animation: xfade 40s 0s infinite;
  -moz-animation: xfade 40s 0s infinite;
  animation: xfade 40s 0s infinite;
}
figcaption:nth-child(1) {
  -webkit-animation: xfadein 8s 0s infinite;
  -moz-animation: xfadein 8s 0s infinite;
  animation: xfadein 8s 0s infinite;
}
figcaption:nth-child(2) {
  -webkit-animation: xfadein 8s 0s infinite;
  -moz-animation: xfadein 8s 0s infinite;
  animation: xfadein 8s 0s infinite;
}
figcaption:nth-child(3) {
  -webkit-animation: xfadein 8s 0s infinite;
  -moz-animation: xfadein 8s 0s infinite;
  animation: xfadein 8s 0s infinite;
}
figcaption:nth-child(4) {
  -webkit-animation: xfadein 8s 0s infinite;
  -moz-animation: xfadein 8s 0s infinite;
  animation: xfadein 8s 0s infinite;
}
figcaption:nth-child(5) {
  -webkit-animation: xfadein 8s 0s infinite;
  -moz-animation: xfadein 8s 0s infinite;
  animation: xfadein 8s 0s infinite;
}
}
@media all and (min-width: 1027px) {
.abslideshow{
  left: 0px;
}
.left-panel{
  width: 30%;
}
.device {
display: none;
}
figure:nth-child(1) {
  -webkit-animation: xfade 40s 32s infinite;
  -moz-animation: xfade 40s 32s infinite;
  animation: xfade 40s 32s infinite;
}
figure:nth-child(2) {
  -webkit-animation: xfade 40s 24s infinite;
  -moz-animation: xfade 40s 24s infinite;
  animation: xfade 40s 24s infinite;
}
figure:nth-child(3) {
  -webkit-animation: xfade 40s 16s infinite;
  -moz-animation: xfade 40s 16s infinite;
  animation: xfade 40s 16s infinite;
}
figure:nth-child(4) {
  -webkit-animation: xfade 40s 8s infinite;
  -moz-animation: xfade 40s 8s infinite;
  animation: xfade 40s 8s infinite;
}
figure:nth-child(5) {
  -webkit-animation: xfade 40s 0s infinite;
  -moz-animation: xfade 40s 0s infinite;
  animation: xfade 40s 0s infinite;
}
figcaption:nth-child(1) {
  -webkit-animation: xfadein 8s 0s infinite;
  -moz-animation: xfadein 8s 0s infinite;
  animation: xfadein 8s 0s infinite;
}
figcaption:nth-child(2) {
  -webkit-animation: xfadein 8s 0s infinite;
  -moz-animation: xfadein 8s 0s infinite;
  animation: xfadein 8s 0s infinite;
}
figcaption:nth-child(3) {
  -webkit-animation: xfadein 8s 0s infinite;
  -moz-animation: xfadein 8s 0s infinite;
  animation: xfadein 8s 0s infinite;
}
figcaption:nth-child(4) {
  -webkit-animation: xfadein 8s 0s infinite;
  -moz-animation: xfadein 8s 0s infinite;
  animation: xfadein 8s 0s infinite;
}
figcaption:nth-child(5) {
  -webkit-animation: xfadein 8s 0s infinite;
  -moz-animation: xfadein 8s 0s infinite;
  animation: xfadein 8s 0s infinite;
}
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */

}