#html{padding: 0; margin-left: 0 !important;}
body {background-color: #253cb5 !important;
background: url(/themes/KidzTheme/images/footerbg.png) no-repeat bottom center; background-size: contain !important;}
#page{width: 1360px; max-width: 100%; min-height: 500px; margin: 0 auto; padding: 0 !important;}
#page:after {visibility: hidden; display: block; content: " "; clear: both; height: 0;}
#page-header {background-position: center top; background-image: url("/themes/KidzTheme/images/header_bg.png"); background-repeat: no-repeat; background-size: contain !important;}
#page-header:after {visibility: hidden; display: block; content: " "; clear: both; height: 0; }
#HeaderLogo {float: left; min-height: 175px; width: 50%; padding: 10px; box-sizing: border-box;}
#HeaderLogo p a img {max-width: 470px;}
#HeaderLogo:after {visibility: hidden; display: block; content: " "; clear: both; height: 0;}
#HeaderLogo h1 {text-align: right; font-size: 31px; padding: 0 28px 0 30px; font-family: 'Indie Flower', sans-serif; font-weight: 700; letter-spacing: 2px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
#HeaderLogo h2 {text-align: right; font-size: 25px; padding: 30px; font-family: 'Indie Flower', sans-serif; font-weight: 700; line-height: 35px; margin-top: 18px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
#HeaderNav-container {background-color: #5867b5; float: left; width: 100%;}
#HeaderNav-container:after {visibility: hidden; display: block; content: " "; clear: both; height: 0;}
#home-button {display: none; width: 100%; background-color: #5867b5; min-height: 30px; text-align: center; transition: 0.5s ease-in-out;}
#home-button:after {visibility: hidden; display: block; content: " "; clear: both; height: 0;}
#home-button:hover {background-color: #9D52F3;}
#HeaderNav ul {-webkit-padding-start: 0px; background-color: #fef200; width: 100%; margin: 0; padding: 0; margin-before: 0;}
#HeaderNav ul li {float: left; list-style: none; width: 10%; padding-left: 0px; box-sizing: border-box;}
#HeaderNav ul li:nth-of-type(2) a {padding-top: 15%;}
#HeaderNav ul li:nth-of-type(2n) a {background-color: #5867b5;}
#HeaderNav ul li:nth-of-type(9) a {background-color: #780AF7; padding-top: 15%;}
#HeaderNav ul li:nth-of-type(9) a:hover {background-color: #9D52F3; color: #FFFFFF;}
#HeaderNav ul li:nth-of-type(10) {color: #BABAB9;}
#HeaderNav ul li:nth-of-type(10) a {background-color: #C3F800; color: #676767;}
#HeaderNav ul li:nth-of-type(10) a:hover {background-color: #E2FC8A; color: #676767;}
#HeaderNav ul li a {float: left; width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; text-align: center; color: #FFFFFF; font-weight: bold; background-color: #5867b5; -webkit-margin-before: 0em; -webkit-margin-after: 0em; transition: 0.5s ease-in-out; min-height: 64px;}
#HeaderNav ul li:nth-of-type(1) a, #HeaderNav ul li:nth-of-type(3) a, #HeaderNav ul li:nth-of-type(5) a, #HeaderNav ul li:nth-of-type(6) a, #HeaderNav ul li:nth-of-type(7) a {padding: 20px 10px 10px 10px;}
#HeaderNav ul li a:hover {background-color: #fef200; color: #676767;}
#HeaderNav ul li:nth-of-type(3n) a:hover {background-color: #fe0405; color: #fff;}
#HeaderNav ul li:nth-of-type(4n) a:hover {background-color: #09e009; color: #676767;}
#HeaderNav ul li:nth-of-type(4n) a {padding-top: 15%;}
#HeaderNav ul li:nth-of-type(9n) a:hover {background-color: #9D52F3; color: #fff;}
.nav-path-selected {background-color: #000000 !important; color: #FFFFFF !important;}
.nav-path-selected:hover {color: #FFFFFF !important;}
#mobile-menu {display: none;}
#mobile-menu tr td {padding: 10px; text-align: center; width: 33%; color: #FFFFFF;}
#mobile-menu tr td:nth-of-type(2) {width: 34%;}
#mobile-menu tr td a {color: #FFFFFF; font-weight: bold;}
#mobile-menu tr:nth-of-type(2) td:nth-of-type(2n+1) {background-color: #5867b5;}
#mobile-menu tr:nth-of-type(2n+1) td:nth-of-type(2) {background-color: #5867b5;}
#mobile-menu tr:nth-of-type(3) td:nth-of-type(2) {background-color: #5867b5;}
#mobile-menu tr:nth-of-type(3) td:nth-of-type(2):hover {background-color: #253cb5; color: #FFFFFF;}
#mobile-menu tr:nth-of-type(3) td:nth-of-type(3) {background-color: #5867b5; color: #676767;}
#mobile-menu tr:nth-of-type(3) td:nth-of-type(3):hover {background-color: #E2FC8A;}
#page-banner {float: left; min-height: 250px; box-sizing: border-box; width: 50%; background-color: #797979;}
#page-banner{background-position: center; background-image: url("/themes/KidzTheme/images/slideshow-01.jpg"); -webkit-animation: slideshow-1 48s linear infinite;}
#party-book-page {float: left; min-height: 250px; box-sizing: border-box; width: 50%; background-position: center; background-image: url("/themes/KidzTheme/images/cards.jpg"); background-color: #FFFFFF; border-bottom: 1px solid #797979;}
a #page-banner.party-book {background-color: #A3A3A3; padding: 50px 20px 20px 20px; background-image: url("/themes/KidzTheme/images/balloon-KP.jpg"); background-position: center; text-align: center; color: #FFFFFF; opacity: 0.8; transition: 0.5s 0s linear; -webkit-animation: none; animation: none;}
a #page-banner.print-invites {background-color: #A3A3A3; padding: 50px 20px 20px 20px; background-image: url("/themes/KidzTheme/images/invites.jpg"); background-position: center; text-align: center; color: #FFFFFF; opacity: 0.8; transition: 0.5s 0s linear; -webkit-animation: none; animation: none;}
a #page-banner:hover {opacity: 1;}
a #page-banner h3 {font-family: 'Orbitron', sans-serif; font-weight: 700 !important; font-size: 45px; line-height: 50px; text-align: center; color: #FFFFFF; text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;}
a #page-banner p {font-family: 'Orbitron', sans-serif; font-size: 36px; line-height: 40px; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
#page-banner-homepage {float: left; min-height: 250px; box-sizing: border-box; width: 50%; padding: 0px; background-color: #DFDFDF; border-bottom: 0px solid #000000;}
#hyperspace-logo {float: left; width: 36%; margin-left: 4%; margin-right: 4%; -webkit-animation:fade-in 3.5s; animation:fade-in 3.5s;}
#hyperspace-logo p img {max-width: 100%; height: auto;}
#hyperspace-text {float: left; width: 56%; padding: 46px 20px 20px 0px; box-sizing: border-box; text-align: center; -webkit-animation:fade-in 3.5s; animation:fade-in 3.5s;}
#hyperspace-text h3 {font-family: 'Orbitron', sans-serif; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-size: 62px; line-height: 72px;}
#page-body {width: 100%; float: left; background-color: #FFFFFF; min-height: 500px;}
#page-body-full {width: 100%; box-sizing: border-box; float: left; background-color: #FFFFFF; min-height: 500px; padding: 20px;}
#page-body-full-inner{width: 100%;}
#page-body-full-inner:before {visibility: hidden; display: block; content: " "; clear: both; height: 0;}
#page-body h5 {margin: 0 auto; margin-top: 20px; margin-bottom: 10px; text-align: center; width: 20px; font-size: 20pt; color: #FFFFFF; background-color: #780AF7; padding: 15px; border-radius: 50px;}
#page-body h5:nth-of-type(2) {background-color: #FF8500;}
#page-body h5:nth-of-type(3) {background-color: #C3F800; color: #676767;}
#page-body:after {visibility: hidden; display: block; content: " "; clear: both; height: 0;}
#page-body-main {float: left; width: 50%; box-sizing: border-box; padding: 20px;}
#page-body-main p img {max-width: 100%; height: auto;}
#page-body-full-inner-photos {float: left; width: 25%; padding: 10px; box-sizing: border-box;}
#page-body-full-inner-photos p img {max-width: 100%; height: auto; padding-bottom: 30px;}
#images-wrapper:after {visibility: hidden; display: block; content: " "; clear: both; height: 0; width: 100%;}
#page-body-full-inner-gallery-link {color: #FFFFFF; background-color: #780AF7; padding: 40px 20px 20px 20px; text-align: center;}
#page-body-full-inner-gallery-link h3 {color: #FFFFFF;}
#page-body-full-inner.mobile-gallery {display: none;}
#page-body-full-inner.web-gallery {display: block;}
#party-invites, #party-book {opacity: 0.8; border: 6px solid rgba(0, 0, 0, 0); transition: 0.5s 0s linear; text-align: center; background-position: center; background-image: url("/themes/KidzTheme/images/balloon-KP.jpg"); min-height: 350px; padding: 100px 20px 20px 20px; margin-bottom: 20px; box-sizing: border-box; color: #FFFFFF;}
#party-invites {background-image: url("/themes/KidzTheme/images/invites.jpg")}
#party-invites:hover, #party-book:hover {opacity: 1; border: 6px solid #780AF7;}
#party-invites h3, #party-book h3 {font-family: 'Orbitron', sans-serif; font-weight: 700 !important; font-size: 45px; line-height: 50px; text-align: center; color: #FFFFFF; text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;}
#party-invites p, #party-book p {font-family: 'Orbitron', sans-serif; font-size: 36px; line-height: 40px; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
#page-body-right {float: left; width: 50%; box-sizing: border-box; padding: 20px 20px 0 20px; }
#page-body-right img {padding: 10px 0px 10px 0px; max-width: 100%; height: auto;}
#page-body-right-top, #page-body-right-middle, #page-body-right-bottom {margin-bottom: 20px; color: #FFFFFF; padding: 20px;}
#page-body-right-top, #page-body-right-middle, #page-body-right-bottom h3 {color: #FFFFFF !important;}
#page-body-right-top {background-color: #253cb5;}
#page-body-right-middle {background-color: #5867b5;}
#page-body-right-bottom {background-color: #253cb5;}
#page-body-right-parties {margin-bottom: 20px; text-align: center; color: #FFFFFF; padding: 10px; min-height: 158px;}
#page-body-right-parties h2, #page-body-right-parties h3 {color: #FFFFFF; padding-bottom: 5px;}
#page-body-right-parties:nth-of-type(3n+1){background-color: #780AF7;}
#page-body-right-parties:nth-of-type(3n+2){background-color: #FF8500;}
#page-body-right-parties:nth-of-type(3n+3){background-color: #C3F800; color: #676767;}
#page-body-right-parties:nth-of-type(3n+3) h2 {color: #676767;}
#footer {float: left; width: 100%; padding-top: 10px; font-family: 'Indie Flower', sans-serif; font-size: 20px; font-weight: 700; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); min-height: 480px !important;}
#footer-column {float: left; width: 33%; box-sizing: border-box; padding: 20px; color: #FFFFFF;}
#footer-column a {color: #FFFFFF;}
#footer-column a:hover {color: #FFFFFF !important;}
#footer-column:nth-of-type(2n) {width: 34%;}
#footer-column:nth-of-type(3n) {padding: 0px; text-align: center;}
#footer-column-inner {float: left; width: 50%; box-sizing: border-box; padding: 20px;}
#copyright {padding-bottom: 20px;}
#rocket-animation, #saucer-animation {width: 60px; height: 155px; position: fixed; right: 1%; bottom: 0%; background-position: center; background-image: url("/themes/KidzTheme/images/rocket-none.png"); -webkit-animation: rocket-flight-basic 48s linear infinite; animation: rocket-flight-basic 48s linear infinite; z-index: 99;}
#saucer-animation {left: 5%; width: 110px; height: 52px; right: 95%; background-image: url("/themes/KidzTheme/images/saucer.png"); -webkit-animation: saucer-flight-basic 30s linear infinite; animation: saucer-flight-basic 30s linear infinite;}
.explosion {display: none; height: 155px; width: 155px; background-image: url("/themes/KidzTheme/images/explosion_stage1.png"); animation-play-state: paused; /*-webkit-animation: explosion 1s linear once;*/}
.formBlockSurveyTable {max-width: 100%; margin-top: -12px;}
td.question {width: 100%;}
textarea, select, #Question1 {width: 100%; border: 2px solid #FF8500; padding: 5px; margin: 0px; box-sizing: border-box;}
.miniSurveyView td.question {width: 30%; box-sizing: border-box;}
input[type="submit" i] {padding: 10px 20px 10px 20px; color: #676767; background-color: #C3F800; border: 2px solid #C3F800;}
input[type="submit" i]:hover {cursor: pointer; border: 2px solid #FF8500;}
iframe {border: 0px solid;}
@-webkit-keyframes slideshow-1 {
0% {background-image: url("/themes/KidzTheme/images/slideshow-01.jpg");}
11.2857% {background-image: url("/themes/KidzTheme/images/slideshow-01.jpg");}
14.2857% {background-image: url("/themes/KidzTheme/images/slideshow-02.jpg");}
25.2857% {background-image: url("/themes/KidzTheme/images/slideshow-02.jpg");}
28.5714% {background-image: url("/themes/KidzTheme/images/slideshow-03.jpg");}
39.5714% {background-image: url("/themes/KidzTheme/images/slideshow-03.jpg");}
42.8571% {background-image: url("/themes/KidzTheme/images/slideshow-04.jpg");}
54.8571% {background-image: url("/themes/KidzTheme/images/slideshow-04.jpg");}
57.1428% {background-image: url("/themes/KidzTheme/images/slideshow-05.jpg");}
68.1428% {background-image: url("/themes/KidzTheme/images/slideshow-05.jpg");}
71.4285% {background-image: url("/themes/KidzTheme/images/slideshow-06.jpg");}
82.4285% {background-image: url("/themes/KidzTheme/images/slideshow-06.jpg");}
85.7142% {background-image: url("/themes/KidzTheme/images/slideshow-07.jpg");}
97% {background-image: url("/themes/KidzTheme/images/slideshow-07.jpg");}
100% {background-image: url("/themes/KidzTheme/images/slideshow-01.jpg");}
}
@-webkit-keyframes rocket-flight-basic {
0% {right: 1%; bottom: 0%; background-image: url("/themes/KidzTheme/images/rocket-some.png");}
5% {right: 1%; bottom: 5%; -webkit-transform: rotate(-7deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
10% {right: 1%; bottom: 10%; -webkit-transform: rotate(7deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
15% {right: 1%; bottom: 15%; -webkit-transform: rotate(0deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
20% {right: 1%; bottom: 80%; -webkit-transform: rotate(0deg); background-image: url("/themes/KidzTheme/images/rocket-full.png");}
25% {right: 1%; bottom: 85%; -webkit-transform: rotate(-90deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
30% {right: 5%; bottom: 85%; -webkit-transform: rotate(-97deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
35% {right: 10%; bottom: 85%; -webkit-transform: rotate(-83deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
40% {right: 15%; bottom: 85%; -webkit-transform: rotate(-90deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
45% {right: 90%; bottom: 85%; -webkit-transform: rotate(-90deg); background-image: url("/themes/KidzTheme/images/rocket-full.png");}
50%{right: 95%; bottom: 85%; -webkit-transform: rotate(-180deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
55% {right: 95%; bottom: 80%; -webkit-transform: rotate(-187deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
60% {right: 95%; bottom: 75%; -webkit-transform: rotate(-173deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
65% {right: 95%; bottom: 70%; -webkit-transform: rotate(-180deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
70% {right: 95%; bottom: 5%; -webkit-transform: rotate(-180deg); background-image: url("/themes/KidzTheme/images/rocket-full.png");}
75%{right: 95%; bottom: 0%; -webkit-transform: rotate(-270deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
80% {right: 95%; bottom: 0%; -webkit-transform: rotate(-277deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
85% {right: 90%; bottom: 0%; -webkit-transform: rotate(-263deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
90% {right: 85%; bottom: 0%; -webkit-transform: rotate(-270deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
95% {right: 6%; bottom: 0%; -webkit-transform: rotate(-270deg); background-image: url("/themes/KidzTheme/images/rocket-full.png");}
100%{right: 1%; bottom: 0%; -webkit-transform: rotate(-360deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
}
@keyframes rocket-flight-basic {
0% {right: 1%; bottom: 0%; background-image: url("/themes/KidzTheme/images/rocket-some.png");}
5% {right: 1%; bottom: 5%; transform: rotate(-7deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
10% {right: 1%; bottom: 10%; transform: rotate(7deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
15% {right: 1%; bottom: 15%; transform: rotate(0deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
20% {right: 1%; bottom: 80%; transform: rotate(0deg); background-image: url("/themes/KidzTheme/images/rocket-full.png");}
25% {right: 1%; bottom: 85%; transform: rotate(-90deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
30% {right: 5%; bottom: 85%; transform: rotate(-97deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
35% {right: 10%; bottom: 85%; transform: rotate(-83deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
40% {right: 15%; bottom: 85%; transform: rotate(-90deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
45% {right: 90%; bottom: 85%; transform: rotate(-90deg); background-image: url("/themes/KidzTheme/images/rocket-full.png");}
50%{right: 95%; bottom: 85%; transform: rotate(-180deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
55% {right: 95%; bottom: 80%; transform: rotate(-187deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
60% {right: 95%; bottom: 75%; transform: rotate(-173deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
65% {right: 95%; bottom: 70%; transform: rotate(-180deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
70% {right: 95%; bottom: 5%; transform: rotate(-180deg); background-image: url("/themes/KidzTheme/images/rocket-full.png");}
75%{right: 95%; bottom: 0%; transform: rotate(-270deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
80% {right: 95%; bottom: 0%; transform: rotate(-277deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
85% {right: 90%; bottom: 0%; transform: rotate(-263deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
90% {right: 85%; bottom: 0%; transform: rotate(-270deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
95% {right: 6%; bottom: 0%; transform: rotate(-270deg); background-image: url("/themes/KidzTheme/images/rocket-full.png");}
100%{right: 1%; bottom: 0%; transform: rotate(-360deg); background-image: url("/themes/KidzTheme/images/rocket-some.png");}
}
@-webkit-keyframes saucer-flight-basic {
0%, 100% {left: 5%; bottom: 0%;}
5% {left: 7.5%; bottom: 5%; transform: rotate(-7deg);}
10% {left: 10%; bottom: 10%; transform: rotate(7deg);}
15% {left: 50%; bottom: 50%; transform: rotate(-7deg);}
20% {left: 50%; bottom: 45%; transform: rotate(3.5deg);}
25% {left: 50%; bottom: 50%; transform: rotate(0deg);}
30% {left: 52.5%; bottom: 45%; transform: rotate(-7deg);}
35% {left: 55%; bottom: 40%; transform: rotate(7deg);}
40% {left: 90%; bottom: 10%; transform: rotate(-7deg);}
45% {left: 90%; bottom: 5%; transform: rotate(3.5deg);}
50%{left: 90%; bottom: 10%; transform: rotate(0deg);}
55% {left: 90%; bottom: 15%; transform: rotate(-7deg);}
60% {left: 90%; bottom: 20%; transform: rotate(7deg);}
65% {left: 90%; bottom: 95%; transform: rotate(-7deg);}
70% {left: 90%; bottom: 85%; transform: rotate(3.5deg);}
75%{left: 90%; bottom: 95%; transform: rotate(0deg);}
80% {left: 90%; bottom: 85%; transform: rotate(-7deg);}
85% {left: 85%; bottom: 80%; transform: rotate(7deg);}
90% {left: 5%; bottom: 10%; transform: rotate(-7deg);}
95% {left: 5%; bottom: 15%; transform: rotate(3.5deg);}
100%{left: 5%; bottom: 0%; transform: rotate(0deg);}
}
@keyframes saucer-flight-basic {
0%, 100% {left: 5%; bottom: 0%;}
5% {left: 7.5%; bottom: 5%; -webkit-transform: rotate(-7deg);}
10% {left: 10%; bottom: 10%; -webkit-transform: rotate(7deg);}
15% {left: 50%; bottom: 50%; -webkit-transform: rotate(-7deg);}
20% {left: 50%; bottom: 45%; -webkit-transform: rotate(3.5deg);}
25% {left: 50%; bottom: 50%; -webkit-transform: rotate(0deg);}
30% {left: 52.5%; bottom: 45%; -webkit-transform: rotate(-7deg);}
35% {left: 55%; bottom: 40%; -webkit-transform: rotate(7deg);}
40% {left: 90%; bottom: 10%; -webkit-transform: rotate(-7deg);}
45% {left: 90%; bottom: 5%; -webkit-transform: rotate(3.5deg);}
50%{left: 90%; bottom: 10%; -webkit-transform: rotate(0deg);}
55% {left: 90%; bottom: 15%; -webkit-transform: rotate(-7deg);}
60% {left: 90%; bottom: 20%; -webkit-transform: rotate(7deg);}
65% {left: 90%; bottom: 95%; -webkit-transform: rotate(-7deg);}
70% {left: 90%; bottom: 85%; -webkit-transform: rotate(3.5deg);}
75%{left: 90%; bottom: 95%; -webkit-transform: rotate(0deg);}
80% {left: 90%; bottom: 85%; -webkit-transform: rotate(-7deg);}
85% {left: 85%; bottom: 80%; -webkit-transform: rotate(7deg);}
90% {left: 5%; bottom: 10%; -webkit-transform: rotate(-7deg);}
95% {left: 5%; bottom: 15%; -webkit-transform: rotate(3.5deg);}
100%{left: 5%; bottom: 0%; -webkit-transform: rotate(0deg);}
}
@-webkit-keyframes explosion {
0% {height: 155px; width: 155px; background-image: url("/themes/KidzTheme/images/explosion_stage1.png");}
33% {height: 155px; width: 155px; background-image: url("/themes/KidzTheme/images/explosion_stage2.png");}
66% {height: 155px; width: 155px; background-image: url("/themes/KidzTheme/images/explosion_stage3.png");}
100% {display: none;}
}
@-webkit-keyframes fade-in{from{opacity:0} to{opacity:1}}
@keyframes fade-in{from{opacity:0} to{opacity:1}}
@keyframes move-twink-back {
from {background-position:0 0;}
to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
from {background-position:0 0;}
to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
from {background-position:0 0;}
to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
from {background-position:0 0;}
to {background-position:-10000px 5000px;}
}
@keyframes move-clouds-back {
from {background-position:0 0;}
to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
from {background-position:0 0;}
to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
from {background-position:0 0;}
to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
from {background-position: 0;}
to {background-position:10000px 0;}
}
.stars, .twinkling, .clouds {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;
}
.stars {
background:#253cb5 url(/themes/KidzTheme/images/stars2.png) repeat top center;
z-index:-10;
min-height: 1050px;
}
.twinkling{
background:transparent url(/themes/KidzTheme/images/twinkling.png) repeat top center;
z-index:-5;
-moz-animation:move-twink-back 200s linear infinite;
-ms-animation:move-twink-back 200s linear infinite;
-o-animation:move-twink-back 200s linear infinite;
-webkit-animation:move-twink-back 200s linear infinite;
animation:move-twink-back 200s linear infinite;
min-height: 1050px;
}
.clouds{
background:transparent url(/themes/KidzTheme/images/clouds4.png) repeat top center;
z-index:-1;
max-height: 920px;
-moz-animation:move-clouds-back 1600s linear infinite;
-ms-animation:move-clouds-back 1600s linear infinite;
-o-animation:move-clouds-back 1600s linear infinite;
-webkit-animation:move-clouds-back 1600s linear infinite;
animation:move-clouds-back 1600s linear infinite;
}
/* ACCORDION */
/* Shared for all accordion types */
.accordion {
font-family:Arial, Helvetica, sans-serif;
margin:0 auto;
font-size:14px;
width: 97.5%;
padding:10px;
background:#fff;
}
.accordion ul {
list-style:none;
margin:0;
padding:0;
}
.accordion li {
margin:0;
padding:0;
}
.accordion [type=radio], .accordion [type=checkbox] {
display:none;
}
.accordion label {
display:block;
font-size:22px;
line-height:22px;
background:#5867b5;
border:1px solid #fff;
color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
font-weight:700;
cursor:pointer;
font-family: 'Indie Flower', sans-serif;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
background:#253cb5;
color:#FFF;
text-shadow:1px 1px 1px rgba(0,0,0,0.5)
}
.accordion .content {
padding:0 10px;
overflow:hidden;
border:1px solid #fff;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
}
.accordion p {
color:#333;
margin:0 0 10px;
}
.accordion h3 {
color:#542437;
padding:0;
margin:10px 0;
}
/* Vertical */
.vertical ul li {
overflow:hidden;
margin:0 0 1px;
}
.vertical ul li label {
padding:10px;
}
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
border-bottom:0;
}
.vertical ul li label:hover {
border:1px solid #542437; /* We don't want the border to disappear on hover */
}
.vertical ul li .content {
height:0px;
border-top:0;
}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content {
height:300px;
border:1px solid #fff;
}