.delay18_3{
-webkit-animation-delay:18.3s !important;
   -moz-animation-delay:18.3s !important;
     -o-animation-delay:18.3s !important;
        animation-delay:18.3s !important;
}

.deepbreath{
  display:inline-block;
  text-indent:0;
  opacity:0;
  letter-spacing:0;
  -webkit-transform-origin:10% center;
     -moz-transform-origin:10% center;
      -ms-transform-origin:10% center;
       -o-transform-origin:10% center;
          transform-origin:10% center;
  -webkit-transform: scale(1.25,1.00);
     -moz-transform: scale(1.25,1.00);
      -ms-transform: scale(1.25,1.00);
       -o-transform: scale(1.25,1.00);
          transform: scale(1.25,1.00);
  -webkit-animation:deepbreath 7.00s 2.40s ease-out forwards;
     -moz-animation:deepbreath 7.00s 2.40s ease-out forwards;
       -o-animation:deepbreath 7.00s 2.40s ease-out forwards;
          animation:deepbreath 7.00s 2.40s ease-out forwards;
}
@-webkit-keyframes deepbreath {
     42% { letter-spacing:-1px; opacity:1.00; -webkit-transform: scale(0.78,1.75); transform: scale(0.78,1.75);}
     58% { letter-spacing:-1px; opacity:1.00; -webkit-transform: scale(0.78,1.75); transform: scale(0.78,1.75);}
    100% { letter-spacing: 9px; opacity:0.25; -webkit-transform: scale(1.45,0.66); transform: scale(1.45,0.66);}
}
@-moz-keyframes deepbreath {
     42% { letter-spacing:-1px; opacity:1.00; -moz-transform: scale(0.78,1.75); transform: scale(0.78,1.75);}
     58% { letter-spacing:-1px; opacity:1.00; -moz-transform: scale(0.78,1.75); transform: scale(0.78,1.75);}
    100% { letter-spacing: 9px; opacity:0.25; -moz-transform: scale(1.45,0.66); transform: scale(1.45,0.66);}
}
@-o-keyframes deepbreath {
     42% { letter-spacing:-1px; opacity:1.00; -o-transform: scale(0.78,1.75); transform: scale(0.78,1.75);}
     58% { letter-spacing:-1px; opacity:1.00; -o-transform: scale(0.78,1.75); transform: scale(0.78,1.75);}
    100% { letter-spacing: 9px; opacity:0.25; -o-transform: scale(1.45,0.66); transform: scale(1.45,0.66);}
}
@keyframes deepbreath {
     42% { letter-spacing:-1px; opacity:1.00; -webkit-transform: scale(0.78,1.75); -moz-transform: scale(0.78,1.75); -o-transform: scale(0.78,1.75); transform: scale(0.78,1.75);}
     58% { letter-spacing:-1px; opacity:1.00; -webkit-transform: scale(0.78,1.75); -moz-transform: scale(0.78,1.75); -o-transform: scale(0.78,1.75); transform: scale(0.78,1.75);}
    100% { letter-spacing: 9px; opacity:0.25; -webkit-transform: scale(1.45,0.66); -moz-transform: scale(1.45,0.66); -o-transform: scale(1.45,0.66); transform: scale(1.45,0.66);}
}

#commotion {
    font-family: 'Komika Text', 'Yikes!', 'Comic Sans MS', sans-serif;
    font-size: 19px;
    -webkit-transform-origin: 3.0em;
       -moz-transform-origin: 3.0em;
        -ms-transform-origin: 3.0em;
         -o-transform-origin: 3.0em;
            transform-origin: 3.0em;
    -webkit-transform: rotateY(-40deg) translate(-20em,-10em) scale(0,1) skewX(0deg);
       -moz-transform: rotateY(-40deg) translate(-20em,-10em) scale(0,1) skewX(0deg);
        -ms-transform: rotateY(-40deg) translate(-20em,-10em) scale(0,1) skewX(0deg);
         -o-transform: rotateY(-40deg) translate(-20em,-10em) scale(0,1) skewX(0deg);
            transform: rotateY(-40deg) translate(-20em,-10em) scale(0,1) skewX(0deg);
    -webkit-animation: commotion 0.5s 0.7000s linear forwards;
       -moz-animation: commotion 0.7s 0.0001s linear forwards;
         -o-animation: commotion 0.7s 0.0001s linear forwards;
            animation: commotion 0.7s 0.0001s linear forwards;
}

/* to fix old safari problem */
.webkit-commotion {-webkit-animation-delay: 1.3s !important; -moz-animation-delay:0.9s !important; -o-animation-delay:0.9s !important; animation-delay:0.9s !important;}

@-webkit-keyframes commotion {
     80% {-webkit-transform: rotateY( 10deg) translate(  0.0em, -00.0em) scale(1.00,1.0) skewX( 00deg);transform: rotateY( 10deg) translate(  0.0em, -00.0em) scale(1.00,1.0) skewX( 00deg);}
     92% {-webkit-transform: rotateY( 10deg) translate(  0.2em, -00.0em) scale(1.40,1.0) skewX(-30deg);transform: rotateY( 10deg) translate(  0.2em, -00.0em) scale(1.40,1.0) skewX(-30deg);}
    100% {-webkit-transform: rotateY( 10deg) translate(  0.1em, -00.0em) scale(1.05,1.0) skewX(-12deg);transform: rotateY( 10deg) translate(  0.1em, -00.0em) scale(1.05,1.0) skewX(-12deg);}
}
@-moz-keyframes commotion {
     80% {-moz-transform: rotateY( 10deg) translate(  0.0em, -00.0em) scale(1.00,1.0) skewX( 00deg);transform: rotateY( 10deg) translate(  0.0em, -00.0em) scale(1.00,1.0) skewX( 00deg);}
     92% {-moz-transform: rotateY( 10deg) translate(  0.2em, -00.0em) scale(1.40,1.0) skewX(-30deg);transform: rotateY( 10deg) translate(  0.2em, -00.0em) scale(1.40,1.0) skewX(-30deg);}
    100% {-moz-transform: rotateY( 10deg) translate(  0.1em, -00.0em) scale(1.05,1.0) skewX(-12deg);transform: rotateY( 10deg) translate(  0.1em, -00.0em) scale(1.05,1.0) skewX(-12deg);}
}
@-o-keyframes commotion {
     80% {transform: rotateY( 10deg) translate(  0.0em, -00.0em) scale(1.00,1.0) skewX( 00deg);}
     92% {transform: rotateY( 10deg) translate(  0.2em, -00.0em) scale(1.40,1.0) skewX(-30deg);}
    100% {transform: rotateY( 10deg) translate(  0.1em, -00.0em) scale(1.05,1.0) skewX(-12deg);}
}
@keyframes commotion {
     80% {-webkit-transform: rotateY( 10deg) translate(  0.0em, -00.0em) scale(1.00,1.0) skewX( 00deg);-moz-transform: rotateY( 10deg) translate(  0.0em, -00.0em) scale(1.00,1.0) skewX( 00deg);transform: rotateY( 10deg) translate(  0.0em, -00.0em) scale(1.00,1.0) skewX( 00deg);}
     92% {-webkit-transform: rotateY( 10deg) translate(  0.2em, -00.0em) scale(1.40,1.0) skewX(-30deg);-moz-transform: rotateY( 10deg) translate(  0.2em, -00.0em) scale(1.40,1.0) skewX(-30deg);transform: rotateY( 10deg) translate(  0.2em, -00.0em) scale(1.40,1.0) skewX(-30deg);}
    100% {-webkit-transform: rotateY( 10deg) translate(  0.1em, -00.0em) scale(1.05,1.0) skewX(-12deg);-moz-transform: rotateY( 10deg) translate(  0.1em, -00.0em) scale(1.05,1.0) skewX(-12deg);transform: rotateY( 10deg) translate(  0.1em, -00.0em) scale(1.05,1.0) skewX(-12deg);}
}

/* bark classes used this chapter only. */
.bark1{
font-family: jrhand, 'Komika Text', 'Yikes!', 'Comic Sans MS', sans-serif;
font-weight:bold;
display:inline-block;
text-indent:0;
letter-spacing:0;
text-shadow:-1px -1px 1px #A8A8A8;
-webkit-transform-origin:10% bottom;
   -moz-transform-origin:10% bottom;
    -ms-transform-origin:10% bottom;
     -o-transform-origin:10% bottom;
        transform-origin:10% bottom;
-webkit-animation:bark1 0.34s 0.00s linear forwards;
   -moz-animation:bark1 0.34s 0.00s linear forwards;
     -o-animation:bark1 0.34s 0.00s linear forwards;
        animation:bark1 0.34s 0.00s linear forwards;
}

@-moz-keyframes bark1 {
     50% {-moz-transform: skewX( 06deg) scale(1.60,0.67) translate(0.00em,-.15em); letter-spacing:0px; text-shadow:-2.0px .75px 1px #636363;}
    100% {-moz-transform: skewX(-02deg) scale(1.35,1.25) translate(0.25em,-.03em); letter-spacing:2px; text-shadow:-1.5px .75px 1px #636363;}
}
@-webkit-keyframes bark1 {
     50% {-webkit-transform: skewX( 06deg) scale(1.60,0.67) translate(0.00em,-.15em); letter-spacing:0px; text-shadow:-2.0px .75px 1px #636363;}
    100% {-webkit-transform: skewX(-02deg) scale(1.35,1.25) translate(0.25em,-.03em); letter-spacing:2px; text-shadow:-1.5px .75px 1px #636363;}
}
@-o-keyframes bark1 {
     50% {-o-transform: skewX( 06deg) scale(1.60,0.67) translate(0.00em,-.15em); letter-spacing:0px; text-shadow:-2.0px .75px 1px #636363;}
    100% {-o-transform: skewX(-02deg) scale(1.35,1.25) translate(0.25em,-.03em); letter-spacing:2px; text-shadow:-1.5px .75px 1px #636363;}
}
@keyframes bark1 {
     50% {-webkit-transform: skewX( 06deg) scale(1.60,0.67) translate(0.00em,-.15em);-moz-transform: skewX( 06deg) scale(1.60,0.67) translate(0.00em,-.15em);-o-transform: skewX( 06deg) scale(1.60,0.67) translate(0.00em,-.15em);transform: skewX( 06deg) scale(1.60,0.67) translate(0.00em,-.15em); letter-spacing:0px; text-shadow:-2.0px .75px 1px #636363;}
    100% {-webkit-transform: skewX(-02deg) scale(1.35,1.25) translate(0.25em,-.03em);-moz-transform: skewX(-02deg) scale(1.35,1.25) translate(0.25em,-.03em);-o-transform: skewX(-02deg) scale(1.35,1.25) translate(0.25em,-.03em);transform: skewX(-02deg) scale(1.35,1.25) translate(0.25em,-.03em); letter-spacing:2px; text-shadow:-1.5px .75px 1px #636363;}
}

.bark2{
font-family: jrhand, 'Komika Text', 'Yikes!', 'Comic Sans MS', sans-serif;
font-weight:bold;
display:inline-block;
text-indent:0;
letter-spacing:0;
text-shadow:-1px -1px 1px #A8A8A8;
-webkit-transform-origin:10% bottom;
   -moz-transform-origin:10% bottom;
    -ms-transform-origin:10% bottom;
     -o-transform-origin:10% bottom;
        transform-origin:10% bottom;
-webkit-animation:bark2 0.38s 0.00s linear forwards;
   -moz-animation:bark2 0.38s 0.00s linear forwards;
     -o-animation:bark2 0.38s 0.00s linear forwards;
        animation:bark2 0.38s 0.00s linear forwards;
}

@-moz-keyframes bark2 {
     50% {-moz-transform: skewX( 19deg) scale(0.70,1.87) translate(0.50em,-.15em); letter-spacing:0px; text-shadow:-1.0px .75px 1px #636363;}
    100% {-moz-transform: skewX(-04deg) scale(1.62,1.09) translate(0.35em,-.03em); letter-spacing:3px; text-shadow:-2.0px .75px 1.2px #636363;}
}
@-webkit-keyframes bark2 {
     50% {-webkit-transform: skewX( 19deg) scale(0.70,1.87) translate(0.50em,-.15em); letter-spacing:0px; text-shadow:-1.0px .75px 1px #636363;}
    100% {-webkit-transform: skewX(-04deg) scale(1.62,1.09) translate(0.35em,-.03em); letter-spacing:3px; text-shadow:-2.0px .75px 1.2px #636363;}
}
@-o-keyframes bark2 {
     50% {-o-transform: skewX( 19deg) scale(0.70,1.87) translate(0.50em,-.15em); letter-spacing:0px; text-shadow:-1.0px .75px 1px #636363;}
    100% {-o-transform: skewX(-04deg) scale(1.62,1.09) translate(0.35em,-.03em); letter-spacing:3px; text-shadow:-2.0px .75px 1.2px #636363;}
}
@keyframes bark2 {
     50% {-webkit-transform: skewX( 19deg) scale(0.70,1.87) translate(0.50em,-.15em);-moz-transform: skewX( 19deg) scale(0.70,1.87) translate(0.50em,-.15em);-o-transform: skewX( 19deg) scale(0.70,1.87) translate(0.50em,-.15em);transform: skewX( 19deg) scale(0.70,1.87) translate(0.50em,-.15em); letter-spacing:0px; text-shadow:-1.0px .75px 1px #636363;}
    100% {-webkit-transform: skewX(-04deg) scale(1.62,1.09) translate(0.35em,-.03em);-moz-transform: skewX(-04deg) scale(1.62,1.09) translate(0.35em,-.03em);-o-transform: skewX(-04deg) scale(1.62,1.09) translate(0.35em,-.03em);transform: skewX(-04deg) scale(1.62,1.09) translate(0.35em,-.03em); letter-spacing:3px; text-shadow:-2.0px .75px 1.2px #636363;}
}

.bark3{
font-family: jrhand, 'Komika Text', 'Yikes!', 'Comic Sans MS', sans-serif;
font-weight:bold;
display:inline-block;
text-indent:0;
letter-spacing:0;
text-shadow:-1px -1px 1px #A8A8A8;
-webkit-transform-origin:10% bottom;
   -moz-transform-origin:10% bottom;
    -ms-transform-origin:10% bottom;
     -o-transform-origin:10% bottom;
        transform-origin:10% bottom;
-webkit-animation:bark3 0.42s 0.00s linear forwards;
   -moz-animation:bark3 0.42s 0.00s linear forwards;
     -o-animation:bark3 0.42s 0.00s linear forwards;
        animation:bark3 0.42s 0.00s linear forwards;
}

@-moz-keyframes bark3 {
     78% {-moz-transform: skewX( 00deg) scale(1.90,0.57) translate(0.00em,-.15em); letter-spacing:2px; text-shadow:-3.0px .75px 1px #636363}
    100% {-moz-transform: skewX(-10deg) scale(1.72,1.25) translate(0.35em,-.03em); letter-spacing:2px; text-shadow:-2.3px .75px 1.2px #636363;}
}
@-webkit-keyframes bark3 {
     78% {-webkit-transform: skewX( 00deg) scale(1.90,0.57) translate(0.00em,-.15em); letter-spacing:2px; text-shadow:-3.0px .75px 1px #636363}
    100% {-webkit-transform: skewX(-10deg) scale(1.72,1.25) translate(0.35em,-.03em); letter-spacing:2px; text-shadow:-2.3px .75px 1.2px #636363;}
}
@-o-keyframes bark3 {
     78% {-o-transform: skewX( 00deg) scale(1.90,0.57) translate(0.00em,-.15em); letter-spacing:2px; text-shadow:-3.0px .75px 1px #636363}
    100% {-o-transform: skewX(-10deg) scale(1.72,1.25) translate(0.35em,-.03em); letter-spacing:2px; text-shadow:-2.3px .75px 1.2px #636363;}
}
@keyframes bark3 {
     78% {-webkit-transform: skewX( 00deg) scale(1.90,0.57) translate(0.00em,-.15em);-moz-transform: skewX( 00deg) scale(1.90,0.57) translate(0.00em,-.15em);-o-transform: skewX( 00deg) scale(1.90,0.57) translate(0.00em,-.15em);transform: skewX( 00deg) scale(1.90,0.57) translate(0.00em,-.15em); letter-spacing:2px; text-shadow:-3.0px .75px 1px #636363}
    100% {-webkit-transform: skewX(-10deg) scale(1.72,1.25) translate(0.35em,-.03em);-moz-transform: skewX(-10deg) scale(1.72,1.25) translate(0.35em,-.03em);-o-transform: skewX(-10deg) scale(1.72,1.25) translate(0.35em,-.03em);transform: skewX(-10deg) scale(1.72,1.25) translate(0.35em,-.03em); letter-spacing:2px; text-shadow:-2.3px .75px 1.2px #636363;}
}

.bark4{
font-family: jrhand, 'Komika Text', 'Yikes!', 'Comic Sans MS', sans-serif;
font-weight:bold;
display:inline-block;
text-indent:0;
letter-spacing:0;
text-shadow:-1px -1px 1px #A8A8A8;
-webkit-transform-origin:10% bottom;
   -moz-transform-origin:10% bottom;
    -ms-transform-origin:10% bottom;
     -o-transform-origin:10% bottom;
        transform-origin:10% bottom;
-webkit-animation:bark4 0.42s 0.00s linear forwards;
   -moz-animation:bark4 0.42s 0.00s linear forwards;
     -o-animation:bark4 0.42s 0.00s linear forwards;
        animation:bark4 0.42s 0.00s linear forwards;
}

@-moz-keyframes bark4 {
     78% {-moz-transform: skewX( 20deg) scale(1.00,1.87) translate(0.20em,-.15em); letter-spacing:2px; text-shadow:-1.0px .75px 1px #636363;}
    100% {-moz-transform: skewX(-12deg) scale(1.82,1.05) translate(0.55em,-.03em); letter-spacing:3px; text-shadow:-2.5px .75px 1.2px #636363;}
}
@-webkit-keyframes bark4 {
     78% {-webkit-transform: skewX( 20deg) scale(1.00,1.87) translate(0.20em,-.15em); letter-spacing:2px; text-shadow:-1.0px .75px 1px #636363;}
    100% {-webkit-transform: skewX(-12deg) scale(1.82,1.05) translate(0.55em,-.03em); letter-spacing:3px; text-shadow:-2.5px .75px 1.2px #636363;}
}
@-o-keyframes bark4 {
     78% {-o-transform: skewX( 20deg) scale(1.00,1.87) translate(0.20em,-.15em); letter-spacing:2px; text-shadow:-1.0px .75px 1px #636363;}
    100% {-o-transform: skewX(-12deg) scale(1.82,1.05) translate(0.55em,-.03em); letter-spacing:3px; text-shadow:-2.5px .75px 1.2px #636363;}
}
@keyframes bark4 {
     78% {-webkit-transform: skewX( 20deg) scale(1.00,1.87) translate(0.20em,-.15em);-moz-transform: skewX( 20deg) scale(1.00,1.87) translate(0.20em,-.15em);-o-transform: skewX( 20deg) scale(1.00,1.87) translate(0.20em,-.15em);transform: skewX( 20deg) scale(1.00,1.87) translate(0.20em,-.15em); letter-spacing:2px; text-shadow:-1.0px .75px 1px #636363;}
    100% {-webkit-transform: skewX(-12deg) scale(1.82,1.05) translate(0.55em,-.03em);-moz-transform: skewX(-12deg) scale(1.82,1.05) translate(0.55em,-.03em);-o-transform: skewX(-12deg) scale(1.82,1.05) translate(0.55em,-.03em);transform: skewX(-12deg) scale(1.82,1.05) translate(0.55em,-.03em); letter-spacing:3px; text-shadow:-2.5px .75px 1.2px #636363;}
}

#andys-home1 {
    display: inline-block;
    text-shadow: 0px -0px 0px #ffffff;
    letter-spacing: 0px;
    text-indent: 0;
    -webkit-transform: scale(0,0) skewX(-00deg) translate(0.00em, 0.00em);
       -moz-transform: scale(0,0) skewX(-00deg) translate(0.00em, 0.00em);
        -ms-transform: scale(0,0) skewX(-00deg) translate(0.00em, 0.00em);
         -o-transform: scale(0,0) skewX(-00deg) translate(0.00em, 0.00em);
            transform: scale(0,0) skewX(-00deg) translate(0.00em, 0.00em);
    -webkit-animation: shout1 0.75s 18.50s linear forwards;
       -moz-animation: shout1 0.75s 18.50s linear forwards;
         -o-animation: shout1 0.75s 18.50s linear forwards;
            animation: shout1 0.75s 18.50s linear forwards;
}

#andys-home2 {
    display: inline-block;
    text-shadow: 0px -0px 0px #ffffff;
    letter-spacing: 0px;
    text-indent: 0;
    -webkit-transform: scale(0,0) skewX(-00deg) translate(0.00em, 0.00em);
       -moz-transform: scale(0,0) skewX(-00deg) translate(0.00em, 0.00em);
        -ms-transform: scale(0,0) skewX(-00deg) translate(0.00em, 0.00em);
         -o-transform: scale(0,0) skewX(-00deg) translate(0.00em, 0.00em);
            transform: scale(0,0) skewX(-00deg) translate(0.00em, 0.00em);
    -webkit-animation: shout2 1.15s 19.00s linear forwards;
       -moz-animation: shout2 1.15s 19.00s linear forwards;
         -o-animation: shout2 1.15s 19.00s linear forwards;
            animation: shout2 1.15s 19.00s linear forwards;
}

#fade-chapterlink-14 {
    opacity: 0.2;
    -webkit-animation: fade-in 3.0s 18.0s forwards;
       -moz-animation: fade-in 3.0s 18.0s forwards;
         -o-animation: fade-in 3.0s 18.0s forwards;
            animation: fade-in 3.0s 18.0s forwards;
}

#chapterbottom-ch13 {
  width:725px;
  display:block;
  height:60%;
  position:absolute;
  background:#424039;
  z-index:999;
}