body {
  background-color: white;
  font-family: Verdana, sans-serif;
  margin: 0;
  padding: 0;

}
iframe{
  max-height: 450px;
}
.clear { clear: both; }
.Content {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px;
}
.controls {
  margin: 4px 0 !important;
  max-width: 770px;
  text-align: center;
  width: 100%;
}

.cbcontrol {
  /*background-color: silver;*/
  border-radius: 5px;
  color: white;
  display: inline-block;
  font-size: 50px;
  text-align: center;
  width: 10%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cbcontrol-Image{
  height: 40px !important;
  width: 40px !important;
}

#cbControlRight { margin-right: 2%; }

.cbcontrol:hover { cursor: pointer; }

.stage {
  background-color: white;
  float: left;
  height: 330px;
  max-width: 770px;
  overflow: hidden;
  width: 100%;
  z-index: 10;
  position: relative;
  -webkit-backface-visibility: hidden;
}
.stage .active
{
  border: 3px solid #CCCCCC;
  border-radius: 5px;
}

section { margin-top: 40px; }

.cbImage {
  box-shadow: 0px 5px 10px 0px #D6D6D6;
  color: white;
  float: left;
  height: 268px;
  margin: 25px 0px 25px 0px;
  position: absolute;
  width: 200px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbImage img {
  height: 100%;
  width: 100%;
}

.inactiveLeft {
  -webkit-transform: perspective(500px) rotateY(60deg);
  -O-transform: perspective(500px) rotateY(60deg);
  transform: perspective(500px) rotateY(60deg);
  -webkit-transition: all .5s ease-out;
  -O-transition: all .5s ease-out;
  transition: all .5s ease-out;
  box-shadow: 12px 0px 20px 0px #d6d6d6;
}

.inactiveRight {
  -webkit-transform: perspective(500px) rotateY(-60deg);
  -O-transform: perspective(500px) rotateY(-60deg);
  transform: perspective(500px) rotateY(-60deg);
  -webkit-transition: all .5s ease-out;
  -O-transition: all .5s ease-out;
  transition: all .5s ease-out;
  box-shadow: -12px 0px 20px 0px #d6d6d6;
}

.active {
  z-index: 100;
  -webkit-transform: perspective(500px) rotateY(0deg);
  -O-transform: perspective(500px) rotateY(0deg);
  transform: perspective(500px) rotateY(0deg);
  -webkit-transition: all .5s ease-out;
  -O-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.intro { color: #4C4C4C; }