/*
Theme Name: HYDROWORLD custom theme
Author: Sascha Teschner
Author URI: www.saschateschner.nl
Version: 1.0
*/

/* CSS IMPORT */
@import url('css/reset.css');
@import url('css/nav.css');
@import url('css/animate.css');
@import url('css/form.css');
@import url('css/accordion.css');
@import url('css/lightbox.css');

/* FONTS IMPORT */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Crete+Round');

/* FONTS */
body, input, textarea {font-family: 'PT Sans', sans-serif; font-size: 18px; line-height: 24px; color: #4b3f38;}
h4 a {font-family: 'PT Sans', sans-serif; text-transform: uppercase;}
h1, h2, h3, .slider .content p, .header .content p, .cd-primary-nav li {font-family: 'Crete Round', sans-serif; font-weight: normal;}
a {color: #4b3f38;}
footer .copyright {font-size: 14px;}

.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}

/* H4 A */
h4 {text-align: center;}
h4 a {background-repeat: no-repeat; background-position: right center; display: inline-block;}
h4 a.border-white {border: 2px solid #fff; color: #fff;}
h4 a.border-green {border: 2px solid #a7d03a; color: #a7d03a;}
h4 a.border-brown {border: 2px solid #4b3f38; color: #4b3f38;}

/* COLOR_SETTINGS */
body, .bg-light {background-color: #f3f3f2;}
.bg-light-brown {background-color: #e8e7e5;}
.bg-light-mid-brown {background-color: #dddbd8;}
.bg-mid-brown {background-color: #d2cfcb;}
.bg-brown {background-color: #c1bfbc;}
.bg-dark-brown {background-color: #8e887e; color: #fff;} 
.bg-dark-deep-brown {background-color: #726d65; color: #c1bfbc;}
.bg-deep-brown {background-color: #4b3f38; color: #fff;}
.bg-green {background-color: #a7d03a; color: #fff;}
.bg-orange {background-color: #f39200; color: #fff;}
.bg-white {background-color: #fff;}

.color {position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; background-color: rgba(75,63,56,0.2);}

.txt-light {color: #f3f3f2;}
.txt-light-brown {color: #e8e7e5;}
.txt-light-mid-brown {color: #dddbd8;}
.txt-mid-brown {color: #d2cfcb;}
.txt-brown {color: #c1bfbc;}
.txt-dark-brown {color: #8e887e;} 
.txt-dark-deep-brown {color: #726d65;}
.txt-deep-brown {color: #4b3f38;}
.txt-green {color: #a7d03a;}
.txt-orange {color: #f39200;}
.txt-white {color: #fff;}

.inner-content {position: relative; margin: auto;}
.inner-content.xx-small {max-width: 600px;}
.inner-content.x-small {max-width: 800px;}
.inner-content.small {max-width: 900px;}
.inner-content.medium {max-width: 1050px;}
.inner-content.large {max-width: 1200px;}
.inner-content.x-large {max-width: 1700px;}

.slider {position: relative; width: 100%; z-index: 0;}
.slider .slide {width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.slider .cycle-slideshow {position: relative; height: 100%; z-index: 0; width: 100%;}
.slider .inner-content {height: 100%; position: relative;}
.slider .color {position: absolute; width: 100%; height: 100%;}
.slider .slide .block .link h4 {display: inline-block;}
.slider .slide .block {z-index: 4;}
.slider-tools {width: 100%;  z-index: 3;}
.slider .prev {background-image: url(images/prev.svg);}
.slider .next {background-image: url(images/next.svg);}
.slider .prev, .slider .next {position: absolute; background-repeat: no-repeat; background-position: center; z-index: 100; cursor: pointer; border: 2px solid #fff;}

.overview article figure {position: relative;}
.overview article figure img {width: 100%;}
.overview article figure .arrow {position: absolute; background-repeat: no-repeat;}
.overview article:nth-child(odd) {background-color: #f3f3f2;}
.overview article:nth-child(even) {background-color: #fff;}

.header .image {background-position: center; background-repeat: no-repeat; background-size: cover;}
.single .header .content h1, .single .header .content h2 {display: inline-block;}
.single .header .content .back {background-image: url(images/back.svg); background-repeat: no-repeat; background-position: left center;}

.cta h4 {display: inline-block;}

.more a article {float: left; padding: 2px;}
.more a article figure {position: relative;}
.more a article figure .arrow {position: absolute; background-repeat: no-repeat; /*background-image: url(images/arrow-landscape-light-mid-brown.svg); */background-position: center; bottom: 0; left: 0; right: 0; margin: auto; width: 40px; height: 20px;}

.content-blok li, .content li {background-image: url(images/content-li-green.svg); background-size: 20px; padding: 0 0 0 20px; background-position: 5px 5px;}

.content-block .keuze:last-child {padding: 0;}
.content-block .bg-white .title {color: #8e887e;}
.content-block .content-blok a {color: #a7d03a; text-decoration: underline;}
.content-block h4.link a {border: 2px solid #4b3f38; color: #4b3f38;}
.content-block .bg-deep-brown h4.link a {border: 2px solid #fff; color: #fff;}
.content-block .icon-facebook {background-image: url(images/icon-facebook.svg); background-repeat: no-repeat; background-position: left center;}
.content-block .gallery .item, .content-block .gallery .grid-sizer {float: left;}
.content-block .gallery .item {padding: 2px;}
.content-block .gallery .item  .block {position: relative;}
.content-block .gallery-lightbox figure {position: relative; float: left;}
.content-block .gallery-lightbox figure .overlay {position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center;}
.content-block .video .onderschrift {padding: 10px 10px 0 10px; font-weight: bold;}
.z-auto-g a {text-decoration: underline;}
.z-auto-g a:hover {text-decoration: none;}

.image-slider .inner-content {height: 100%; width: 100%;}
.image-slider .cycle-slideshow {position: relative; height: 100%; z-index: 0; overflow: hidden;}
.image-slider .slide {position: relative; width: 100%; height: 100%; background-size: cover; background-position: center;}
.image-slider .prev {background-image: url(images/prev.svg);}
.image-slider .next {background-image: url(images/next.svg);}
.image-slider .prev, .image-slider .next {background-repeat: no-repeat; background-position: center; z-index: 100; cursor: pointer; border: 2px solid #fff;}
.image-slider {position: relative; top: 0; bottom: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%;}
.image-slider .prev, .image-slider .next {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); vertical-align: top;}

footer .contact .border {border-top: 2px solid #d2cfcb; border-left: 2px solid #d2cfcb; border-right: 2px solid #d2cfcb;}
footer .copyright .border {border-bottom: 2px solid #d2cfcb; border-left: 2px solid #d2cfcb; border-right: 2px solid #d2cfcb;}
footer .contact .border figure {margin: auto;}
footer .contact .link a {display: block; background-repeat: no-repeat; background-position: left 8px; line-height: 18px;}
footer .contact .link a.facebook {background-image: url(images/facebook.svg);}
footer .contact .link a.twitter {background-image: url(images/twitter.svg);}
footer .contact .link a.linkedin {background-image: url(images/linkedin.svg);}

input[type="submit"], textarea {-webkit-appearance: none;}
input {-webkit-border-radius: 0;}


@media (min-width: 980px) {
	h1, h2 {font-size: 43px; line-height: 43px;}
	.single .header h2 {font-size: 34px; line-height: 34px;}
	h3 {font-size: 30px; line-height: 30px;}
	.more h2 {font-size: 29px; line-height: 29px;}
	.more h3 {font-size: 24px;}
	.slider .content p, .header .content p {font-size: 20px;}
	
	.wrapper {padding: 0 20px;}
	
	.inner-content {width: 95%;}
	
	h4 a {font-size: 20px; line-height: 20px; padding: 12px 20px 10px 20px;}
	h4 a:hover {padding: 12px 23px 10px 23px;}
	h4 a.icon-facebook {padding: 12px 20px 10px 40px;}
	h4 a.icon-facebook:hover {padding: 12px 23px 10px 43px;}	
	
	.slider {padding: 0 20px; height: 70%; min-height: 500px;}
	.slider .cycle-slideshow {height: 100%;}
	.slider .slide .content-holder {position: absolute; left: 0; right: 0; bottom: 35px; width: 100%; margin: auto;}
	.slider .slide .block {width: 600px; margin: auto;}
	.slider .slide .block .content {padding: 20px 20px 23px 20px;}
	.slider .slide .block .content p {padding: 0 30px 20px 30px;}
	.slider .slide .block .content h2 {margin: 0 0 30px 0;}
	.slider .slide .block .link {padding: 15px; margin: 0 10px;}
	.slider .slide .block .link .meta {margin: -38px 0 0 0;}
	.slider .slide .block .link h4 {margin: 0 7px;}
	.slider .slide h4 {margin: 75px 0 0 0;}
	.slider .slider-tools {position: absolute; left: 0; right: 0; bottom: 0; width: 100%; max-width: 900px; margin: auto;}
	.slider .prev, .slider .next {height: 50px; width: 50px; bottom: 220px;}
	.slider .prev:hover, .slider .next:hover {border: 2px solid #a7d03a; background-color: #a7d03a; background-size: 55px 55px;}
	.slider .prev {left: 0;}
	.slider .next {right: 0;}	
	
	.overview {padding: 20px 0;}
	.overview article .content, .overview article figure {width: 50%;}
	.overview article {position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
	.overview article .content {position: absolute; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); vertical-align:top;}
	.overview article:nth-child(odd) figure {float: right;}
	.overview article:nth-child(even) figure {float: left;}
	.overview article:nth-child(odd) figure .arrow {left: 0; background-image: url(images/arrow-light-brown.svg);}
	.overview article:nth-child(even) figure .arrow {right: 0; background-image: url(images/arrow-white.svg);}
	.overview article:nth-child(odd) .content {left: 0;}
	.overview article:nth-child(even) .content {left: 50%;}
	.overview article figure .arrow {width: 20px; height: 40px; bottom: 30px;}
	.overview article .content {padding: 0 20px;}
	.overview article .content .block {max-width: 700px; margin: auto;}
	.overview article .content h3 {margin: 0 0 15px 0;}
	.overview article .content h4 {margin: 10px 0 0 0;}
	
	.header .image {height: 430px;}
	.header .content {padding: 20px; margin: -100px 0 0 0;}
	.header .content p {padding: 35px 20px 20px 20px;}
	
	.single .header .content {padding: 0; margin: -60px 0 0 0; background-color: #8e887e;}
	.single .header .content .block {display: inline-block;}
	.single .header .content h2 {padding: 20px 20px 20px 53px;}
	.single .header .content h1 {padding: 0 20px;}
	
	.cta .content {padding: 50px;}
	.cta h4 {margin: 0 7px;}
	
	.more .content {padding: 30px;}
	.more h2 {margin: 0 0 25px 0;}
	.more a article {width: 33.33%;}
	.more a article h3 {padding: 20px;}
	.more a:hover article .block {background-color: #a7d03a; color: #fff;}
	.more a:hover article figure .arrow {/*background-image: url(images/arrow-landscape-green.svg);*/}
	
	.page-content {margin: 60px 0;}
	.content-block {margin: 0 0 20px 0;}
	.content-block .keuze {padding: 0 0 20px 0;}
	.content-block .inner-content {padding: 20px;}
	.content-block .inner-content.none {padding: 0;}	
	.content-block .inner-content.none .content-blok {padding: 20px 0;}
		
	.content-block .icon-facebook {background-position: 15px center;}
	.content-block .gallery .item, .content-block .gallery .grid-sizer {width: 33.33%;}
	.content-block .gallery .item .content {position: absolute; left: 0; right: 0; bottom: -100px; width: 100%;  color: #fff; padding: 20px;}
	.content-block .gallery .item:hover .content {bottom: 0; background-color: rgba(167,208,58,0.9);}
	.content-block .gallery-lightbox figure {width: 20%; }
	.content-block .gallery-lightbox figure .overlay {background-size: 0px; background-position: center; background-image: url(images/search.svg); background-repeat: no-repeat; }
	.content-block .gallery-lightbox figure:hover .overlay {background-color: rgba(167,208,58,0.8); background-size: 50px;}

	.image-slider .prev, .image-slider .next {height: 50px; width: 50px;}
	.image-slider .prev:hover, .image-slider .next:hover {border: 2px solid #a7d03a; background-color: #a7d03a; background-size: 55px 55px;}
	.image-slider .prev {left: 10px;}
	.image-slider .next {right: 10px;}
	
	.content-block form {padding: 0 50px;}
	
	footer .contact {padding: 85px 0 0 0;}
	footer .contact .border {padding: 50px 25px;}
	footer .contact .border figure {width: 200px; margin: -100px auto 25px auto;}
	footer .contact .block {float: left; width: 33.33%; padding: 0 25px;}
	footer .contact .link a {padding: 15px 20px 15px 44px;}
	footer .contact .link a:hover, footer .contact a:hover {color: #a7d03a;}
	footer .copyright {padding: 0 0 30px 0;}
	footer .copyright .border {padding: 20px;}
	
}

@media (max-width: 979px) {
	.slider .slide .background {padding: 20px 0;}
	.slider .slide .content {text-align: center;}
	
	.overview article figure .arrow {width: 40px; height: 20px; left: 0; right: 0; bottom: 0; margin: auto;}
	.overview article:nth-child(odd) figure .arrow {background-image: url(images/arrow-landscape-light-brown.svg);}
	.overview article:nth-child(even) figure .arrow {background-image: url(images/arrow-landscape-white.svg);}
	
	.single .header .content {text-align: center;}
	
	footer .contact {padding: 70px 20px 0 20px;}
	footer .contact .border figure {width: 200px; margin: -100px auto 20px auto;}
	footer .contact .content {display: inline-block; text-align: center;}
	footer .contact .block {text-align: left; display: inline-block;}
	footer .contact .nieuwsbrief {text-align: center;}
	footer .contact .link a {padding: 15px 20px 15px 44px;}
	footer .copyright .border {padding: 20px;}	
	
}

@media (min-width: 481px) and (max-width: 979px) {
	h1, h2 {font-size: 38px; line-height: 38px;}
	.single .header h2 {font-size: 30px; line-height: 30px;}
	h3 {font-size: 28px; line-height: 28px;}
	.more h2 {font-size: 25px; line-height: 25px;}
	.more h3 {font-size: 22px;}
	
	.wrapper {padding: 0 15px;}
	
	.inner-content.x-small {width: 90%;}
	
	h4 a {font-size: 18px; line-height: 18px; padding: 9px 13px 7px 13px;}
	h4 a.icon-facebook {padding: 12px 20px 10px 40px;}
	
	.slider {height: 80%; padding: 0 15px; min-height: 500px; max-height: 700px;}
	.slider .slide .content-holder {position: absolute; left: 0; right: 0; bottom: 35px; width: 100%; margin: auto;}
	.slider .slide .block {max-width: 400px; margin: 0 auto;}
	.slider .slide .block .content {padding: 15px 15px 17px 15px;}
	.slider .slide .block .content p {padding: 0 0 20px 0; font-size: 17px;}
	.slider .slide .block .content h2 {margin: 0 0 15px 0;}
	.slider .slide .block .link {padding: 13px 15px 4px 13px; margin: 0 10px;}
	.slider .slide .block .link .meta {margin: -32px 0 0 0;}
	.slider .slide .block .link h4 {margin: 0 5px 9px 5px;}
	.slider .slide h4 {margin: 25px 0 0 0;}
	
	.slider .prev, .slider .next {height: 40px; width: 40px; background-size: 40px 40px; bottom: 20px;}
	.slider .prev {left: 25px;}
	.slider .next {right: 25px;}	
	
	.overview {padding: 15px 0;}
	.overview article .content {padding: 25px;}
	.overview article .content h3 {margin: 0 0 15px 0;}
	
	.header .image {height: 350px;}
	.header .content {padding: 20px; margin: -80px 0 0 0;}
	.header .content p {padding: 20px 0 0 0;}
	
	.single .header .content {padding: 0; margin: -90px 0 0 0;}
	.single .header .content h2 {padding: 15px 15px 15px 48px; background-size: 30.5px 18.5px;}
	.single .header .content h1 {padding: 15px;}
	
	.cta .content {padding: 25px 10px;}
	.cta h4 {margin: 8px 7px;}
	
	.more .content {padding: 30px 20px;}
	.more h2 {margin: 0 0 20px 0;}
	.more a article {width: 50%;}
	.more a article h3 {padding: 15px;}
	
	.page-content {margin: 40px 0;}
	.content-block {margin: 0 0 20px 0;}
	.content-block .keuze {padding: 0 0 20px 0;}
	.content-block .inner-content, .content-block .inner-content.none .content-blok {padding: 15px;}
	.content-block .inner-content.none {padding: 0;}	
	
	.content-block .icon-facebook {background-position: 13px center;}
	.content-block .gallery .item, .content-block .gallery .grid-sizer {width: 50%;}
	.content-block .gallery .item .content {width: 100%; background-color: rgba(167,208,58,1); color: #fff; padding: 10px;}
	.content-block .gallery-lightbox figure {width: 16.66%;}
		
	.image-slider .prev, .image-slider .next {height: 40px; width: 40px; background-size: 40px 40px;}
	.image-slider .prev {left: 10px;}
	.image-slider .next {right: 10px;}
	
	footer .contact .border {padding: 45px 15px 35px 15px;}
	footer .contact .block {padding: 15px 20px;}
	footer .contact .link a {padding: 15px 20px 15px 44px;}
	footer .copyright {padding: 0 20px 30px 20px;}
	footer .copyright .border {padding: 20px;}
	
}

	

@media (max-width: 480px) {
	h1, h2 {font-size: 35px; line-height: 35px;}
	.single .header h2 {font-size: 27px; line-height: 27px;}
	h3 {font-size: 26px; line-height: 26px;}	
	.more h2 {font-size: 24px; line-height: 24px;}
	.more h3 {font-size: 22px;}
	
	h4 a {font-size: 17px; line-height: 17px; padding: 8px 10px 6px 10px;}
	h4 a.icon-facebook {padding: 8px 10px 6px 30px;}
	
	.overview {padding: 15px 0 0 0;}
	.inner-content.x-small {width: 95%;}
	
	.slider {height: 80%;  min-height: 400px; max-height: 600px;}
	.slider .slide .content-holder {position: absolute; left: 0; right: 0; bottom: 70px; width: 100%; margin: auto;}
	.slider .slide .block {max-width: 95%; margin: auto;}
	.slider .slide .block .content {padding: 15px 15px 17px 15px;}
	.slider .slide .block .content p {padding: 0 0 15px 0; font-size: 17px;}
	.slider .slide .block .content h2 {margin: 0 0 15px 0;}
	.slider .slide .block .link {padding: 13px 13px 4px 13px; margin: 0 10px;}
	.slider .slide .block .link .meta {margin: -30px 0 0 0;}
	.slider .slide .block .link h4 {margin: 0 7px 9px 7px;}
	.slider .slide h4 {margin: 25px 0 0 0;}
	.slider .prev, .slider .next {height: 35px; width: 35px; background-size: 35px 35px; bottom: 10px;}
	.slider .prev {left: 2.5%;}
	.slider .next {right: 2.5%;}	
	
	.overview article .content {padding: 20px 15px;}
	.overview article .content h3 {margin: 0 0 10px 0;}
	
	.header .image {height: 250px;}
	.header .content {padding: 15px; margin: -40px 0 0 0;}
	.header .content p {padding: 15px 0 0 0;}
	
	.single .header .content {padding: 0; margin: -75px 0 0 0;}
	.single .header .content h2 {padding: 10px 10px 10px 43px; background-size: 28px 17px;}
	.single .header .content h1 {padding: 10px;}
	
	.cta .content {padding: 15px 10px;}
	.cta h4 {margin: 5px 7px;}
	
	.more .content {padding: 20px 10px 10px 10px;}
	.more h2 {margin: 0 0 15px 0;}
	.more a article {width: 100%;}
	.more a article h3 {padding: 12px;}
	
	.page-content {margin: 20px 0;}
	.content-block {margin: 0 10px 10px 10px;}
	.content-block .keuze {padding: 0 0 10px 0;}
	.content-block .inner-content {padding: 10px;}
	.content-block .inner-content.none .content-blok {padding: 10px 0;}
	.content-block .inner-content.none {padding: 0;}	
	.content-block .icon-facebook {background-position: 10px center;}
	.content-block .gallery .item, .content-block .gallery .grid-sizer {width: 100%;}
	.content-block .gallery .item .content {width: 100%; background-color: rgba(167,208,58,1); color: #fff; padding: 5px;}
	.content-block .gallery-lightbox figure {width: 33.33%;}
	.image-slider .prev, .image-slider .next {height: 35px; width: 35px; background-size: 35px 35px;}
	.image-slider .prev {left: 10px;}
	.image-slider .next {right: 10px;}
	
	footer .contact .border {padding: 45px 15px 20px 15px;}
	footer .contact .block {padding: 15px 0;}
	footer .copyright {padding: 0 20px 20px 20px;}
	
}

#fountainG{
	position:relative;
	width:168px;
	height:20px;
	margin:auto;
}

.fountainG{
	position:absolute;
	top:0;
	background-color:rgb(255,255,255);
	width:20px;
	height:20px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:0.905s;
		-o-animation-duration:0.905s;
		-ms-animation-duration:0.905s;
		-webkit-animation-duration:0.905s;
		-moz-animation-duration:0.905s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:13px;
		-o-border-radius:13px;
		-ms-border-radius:13px;
		-webkit-border-radius:13px;
		-moz-border-radius:13px;
}

#fountainG_1{
	left:0;
	animation-delay:0.366s;
		-o-animation-delay:0.366s;
		-ms-animation-delay:0.366s;
		-webkit-animation-delay:0.366s;
		-moz-animation-delay:0.366s;
}

#fountainG_2{
	left:21px;
	animation-delay:0.4525s;
		-o-animation-delay:0.4525s;
		-ms-animation-delay:0.4525s;
		-webkit-animation-delay:0.4525s;
		-moz-animation-delay:0.4525s;
}

#fountainG_3{
	left:42px;
	animation-delay:0.549s;
		-o-animation-delay:0.549s;
		-ms-animation-delay:0.549s;
		-webkit-animation-delay:0.549s;
		-moz-animation-delay:0.549s;
}

#fountainG_4{
	left:63px;
	animation-delay:0.6355s;
		-o-animation-delay:0.6355s;
		-ms-animation-delay:0.6355s;
		-webkit-animation-delay:0.6355s;
		-moz-animation-delay:0.6355s;
}

#fountainG_5{
	left:84px;
	animation-delay:0.732s;
		-o-animation-delay:0.732s;
		-ms-animation-delay:0.732s;
		-webkit-animation-delay:0.732s;
		-moz-animation-delay:0.732s;
}

#fountainG_6{
	left:105px;
	animation-delay:0.8185s;
		-o-animation-delay:0.8185s;
		-ms-animation-delay:0.8185s;
		-webkit-animation-delay:0.8185s;
		-moz-animation-delay:0.8185s;
}

#fountainG_7{
	left:126px;
	animation-delay:0.905s;
		-o-animation-delay:0.905s;
		-ms-animation-delay:0.905s;
		-webkit-animation-delay:0.905s;
		-moz-animation-delay:0.905s;
}

#fountainG_8{
	left:147px;
	animation-delay:1.0015s;
		-o-animation-delay:1.0015s;
		-ms-animation-delay:1.0015s;
		-webkit-animation-delay:1.0015s;
		-moz-animation-delay:1.0015s;
}



@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(255,255,255);
	}

	100%{
	transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(255,255,255);
	}

	100%{
	-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(255,255,255);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(255,255,255);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(255,255,255);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}