body { /* UTF-8 √ */
  background-color:#FFFFFF;
  font-size:24pt;
  line-height:14pt;
  margin:0;
  padding:0;
  text-align:left;
  vertical-align:top;
}

p {
  margin:0;
  padding:0;
  font-family:Arial;
  font-size:18pt;
}


/* div { border:1px dotted blue; } */


div.slideControl {
  display:inline-block;
  color:#D0D0D0;
  margin:0;
  padding:2px 6px 2px 6px;
  cursor:default;
  font-size:12pt;
}
div.slideControlShowing {
  color:#E07E30;
}
div.slideControl:hover {
             color:#00769F;
  background-color:#00769F;
      border-color:#00769F;
   border-collapse:collapse;
     border-radius:5pt;
        box-shadow:9px 9px 14px #00769F;
-webkit-box-shadow:9px 9px 14px #00769F;
   -moz-box-shadow:9px 9px 14px #00769F;
}
div.slideControlText {
  color:#00769F;
  font-size:18pt;
  padding:4px 12px 4px 12px;
}
div.slideControlText:hover {
  color:white;
}
div.slideControlTextShowing {
             color:white;
  background-color:#00769F;
      border-color:#00769F;
   border-collapse:collapse;
     border-radius:5pt;
        box-shadow:9px 9px 14px #00769F;
-webkit-box-shadow:9px 9px 14px #00769F;
   -moz-box-shadow:9px 9px 14px #00769F;
}


.divPerspective {
  perspective:1200px;
/*perspective-origin:50% 100px;*/
}

.divPrism {
  margin-right:24px;
	position:relative;
  max-width:400px;
  min-width:400px;
          transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
      -ms-transform-style:none;
}

.prismFace {
  position:absolute;
}

.prismFace1 {
          transform:translateZ(117px);
  -webkit-transform:translateZ(117px);
      -ms-transform:translateZ(117px);
}
.prismFace2 {
          transform:translateX(400px) translateZ(117px) rotateY(120deg);
          transform-origin:left;
  -webkit-transform:translateX(400px) translateZ(117px) rotateY(120deg);
  -webkit-transform-origin:left;
}
.prismFace3 {
          transform:translateX(-400px) translateZ(117px) rotateY(-120deg);
          transform-origin:right;
  -webkit-transform:translateX(-400px) translateZ(117px) rotateY(-120deg);
  -webkit-transform-origin:right;
}
.prismFace4 {
          transform:translateZ(117px) rotateY(60deg);
          transform-origin:left;
  -webkit-transform:translateZ(117px) rotateY(60deg);
  -webkit-transform-origin:left;
      -ms-transform:translateZ(117px) rotateY(60deg);
      -ms-transform-origin:left;
}

@keyframes spin {
	from { transform: rotateY(0); }
	to { transform: rotateY(-360deg); }
}
.divPrism {
  /* animation: spin 12s infinite linear; */
}

@keyframes prismToFace1 {
	to { transform:rotateY(-360deg); -webkit-transform:rotateY(-360deg); }
}
@keyframes prismToFace2 {
	to { transform:rotateY(-120deg); -webkit-transform:rotateY(-120deg); }
}
@keyframes prismToFace3 {
	to { transform:rotateY(-240deg); -webkit-transform:rotateY(-240deg); }
}
.showFace1 {
          transform: rotateY(-240deg);
  -webkit-transform: rotateY(-240deg);
          animation: prismToFace1  2.5s ease 1 forwards;
  -webkit-animation: prismToFace1  2.5s ease 1 forwards;
}
.showFace2 {
          transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
          animation: prismToFace2  2.5s ease 1 forwards;
  -webkit-animation: prismToFace2  2.5s ease 1 forwards;
}
.showFace3 {
          transform: rotateY(-120deg);
  -webkit-transform: rotateY(-120deg);
          animation: prismToFace3  2.5s ease 1 forwards;
  -webkit-animation: prismToFace3  2.5s ease 1 forwards;
}



input[type=button] {
  font-size:18pt;
  font-family:Arial;
  margin:0 8px 12px 4px;
  padding:2px 12px 2px 12px;
}
input[type=text] {
  font-size:24pt;
  font-family:Arial;
}
input[type=text]:focus {
  background-color:#FFFF99;
}
input.inputText {
  font-size:18pt;
  font-family:MyriadPro-SemiCn, MyriadPro-Regular, MyriadPro-Cond, Arial;
}
.inputOption, .inputSelect {
  font-size:14pt;
  font-family:MyriadPro-SemiCn, MyriadPro-Regular, MyriadPro-Cond, Arial;
}
input.inputTextArea {
  font-size:14pt;
  font-family:MyriadPro-SemiCn, MyriadPro-Regular, MyriadPro-Cond, Arial;
}

img {
  border:none;
  vertical-align:top;
}

.hidden {
  display:none;
}
.center {
  text-align:center;
}
.left {
  text-align:left;
}
.right {
  text-align:right;
}

.bold {
  font-style:bold;
}
.italic {
  font-style:italic;
}
.subscript {
  font-size:62%;
  letter-spacing:-0.1em;
  padding-right:0.1em;
  position:relative;
  top:0.8ex;
  vertical-align:0;
}
.superscript {
  bottom:1.4ex;
  font-size:62%;
  letter-spacing:-0.1em;
  position:relative;
  margin-left:-0.1em;
  margin-right:-0.05em;
  vertical-align:0;
}

.caption {
  position:absolute;
  left:0;
  opacity:0;
  font-size:24pt;
  line-height:24pt;
}
.right {
  text-align:right
}

/* Animation keyframes and styles */

@keyframes         keyFadeIn  { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes keyFadeIn  { from { opacity: 0; } to { opacity: 1; } }
@keyframes         keyFadeOut { from { opacity: 1; } to { opacity: 0; } }
@-webkit-keyframes keyFadeOut { from { opacity: 1; } to { opacity: 0; } }

.fade-hidden {
  display:none;
}
.fade-inline {
  display:inline-block;
}
.fade-in {
  animation:         keyFadeIn  1.25s ease-in  1 forwards;
  -webkit-animation: keyFadeIn  1.25s ease-in  1 forwards;
}
.fade-out {
  animation:         keyFadeOut 0.75s ease-out 1 forwards;
  -webkit-animation: keyFadeOut 0.75s ease-out 1 forwards;
}

.is-paused {
  animation-play-state: paused;
}