
#introWrapper section.container-fluid   {
 padding:0px;
}
.scene {
 	min-height: 460px;
 	position: relative;
 	overflow: hidden;
 	width:100%!important;
  margin-bottom:0px;
}
.layer {
 position: absolute;
}


.layer div {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 transform-style: preserve-3d;
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 backface-visibility: hidden;
}


.wave {
 background: transparent repeat-x;
 position: absolute;
 width: 120%;
 left: -10%;
 right:-10%;
}

.wave:after {
 background-color: #1E222B;
 position: absolute;
 display: block;
 content: "";
 height: 500px;
 width: 100%;
 top: 100%;
 left: 0;
}


.wave.paint {  background: url('/../../../images/wave1.png'); }
.wave.color1 {  background: url('/../../../images/wave1.png'); }
.wave.color2 {  background: url('/../../../images/wave2.png'); }
.wave.color3 {  background: url('/../../../images/wave3.png'); }
.wave.color4 {  background: url('/../../../images/wave4.png'); }
.wave.color5 {  background: url('/../../../images/wave5.png'); }



.wave.depth-40 {
 -webkit-animation: wave 6.66667s 0.1s infinite linear;
 -moz-animation: wave 6.66667s 0.1s infinite linear;
 animation: wave 6.66667s 0.1s infinite linear;
 bottom: 80px;
 margin: 0px 0px;
 background-size: 160px 64px;
 height: 64px;
}

.wave.depth-40:after {
 height: 96px;
}


.wave.depth-50 {
 -webkit-animation: wave 6.22222s 0.1s infinite linear;
 -moz-animation: wave 6.22222s 0.1s infinite linear;
 animation: wave 6.22222s 0.1s infinite linear;
 bottom: 60px;
 margin: 0px 0px;
 background-size: 200px 80px;
 height: 80px;
}

.wave.depth-50:after {
 height: 80px;
}


.wave.depth-60 {
 -webkit-animation: wave 5.77778s 0.1s infinite linear;
 -moz-animation: wave 5.77778s 0.1s infinite linear;
 animation: wave 5.77778s 0.1s infinite linear;
 bottom: 40px;
 margin: 0px 0px;
 background-size: 240px 96px;
 height: 96px;
}

.wave.depth-60:after {
 height: 64px;
}



.wave.depth-80 {
 -webkit-animation: wave 4.88889s 0.1s infinite linear;
 -moz-animation: wave 4.88889s 0.1s infinite linear;
 animation: wave 4.88889s 0.1s infinite linear;
 bottom: 0px;
 margin: 0px 0px;
 background-size: 320px 128px;
 height: 128px;
}

.wave.depth-80:after {
 height: 32px;
}


.wave.depth-100 {
 -webkit-animation: wave 4s 0.1s infinite linear;
 -moz-animation: wave 4s 0.1s infinite linear;
 animation: wave 4s 0.1s infinite linear;
 bottom: -40px;
 margin: 0px 0px;
 background-size: 800px 160px;
 height: 160px;
}

.wave.depth-100:after {
 height: 0px;
}




@media all and (min-width: 600px) {


 .wave.depth-40 {
   bottom: 120px;
   margin: 0px 0px;
   background-size: 240px 96px;
   height: 96px;
 }
 .wave.depth-40:after {
   height: 144px;
 }
 .wave.depth-50 {
   bottom: 90px;
   margin: 0px 0px;
   background-size: 300px 120px;
   height: 120px;
 }
 .wave.depth-50:after {
   height: 120px;
 }
 .wave.depth-60 {
   bottom: 60px;
   margin: 0px 0px;
   background-size: 360px 144px;
   height: 144px;
 }
 .wave.depth-60:after {
   height: 96px;
 }

 .wave.depth-80 {
   bottom: 0px;
   margin: 0px 0px;
   background-size: 480px 192px;
   height: 192px;
 }
 .wave.depth-80:after {
   height: 48px;
 }

 .wave.depth-100 {
   bottom: -60px;
   margin: 0px 0px;
   background-size: 600px 240px;
   height: 240px;
 }
 .wave.depth-100:after {
   height: 0px;
 }
}

@media all and (min-width: 900px) {


 .wave.depth-40 {
   bottom: 136px;
   margin: 0px 0px;
   background-size: 272px 108.8px;
   height: 109px;
 }
 .wave.depth-40:after {
   height: 163.2px;
 }
 .wave.depth-50 {
   bottom: 102px;
   margin: 0px 0px;
   background-size: 340px 136px;
   height: 136px;
 }
 .wave.depth-50:after {
   height: 136px;
 }
 .wave.depth-60 {
   bottom: 68px;
   margin: 0px 0px;
   background-size: 408px 163.2px;
   height: 163px;
 }
 .wave.depth-60:after {
   height: 108.8px;
 }

 .wave.depth-80 {
   bottom: 0px;
   margin: 0px 0px;
   background-size: 544px 217.6px;
   height: 218px;
 }
 .wave.depth-80:after {
   height: 54.4px;
 }

 .wave.depth-100 {
   bottom: -68px;
   margin: 0px 0px;
   background-size: 680px 272px;
   height: 272px;
 }
 .wave.depth-100:after {
   height: 0px;
 }
}


@media all and (min-width: 300px) {
 .wave.depth-40 {
   bottom: 55px;
   margin: 0px 0px;
   background-size: 100% 180px;
   height: 180px;
 }
 .wave.depth-40:after {
   height: 172.8px;
 }
 .wave.depth-50 {
   bottom: 50px;
   margin: 0px 0px;
   background-size: 100% 150px;
   height: 150px;
 }
 .wave.depth-50:after {
   height: 144px;
 }
 .wave.depth-60 {
   bottom: 0px;
   margin: 0px 0px;
   background-size: 100% 200px;
   height: 200px;
 }
 .wave.depth-60:after {
   height: 115.2px;
 }
 .wave.depth-80 {
   bottom: -40px;
   margin: 0px 0px;
   background-size: 100% 210px;
   height: 210px;
 }
 .wave.depth-80:after {
   height: 57.6px;
 }
 .wave.depth-100 {
   bottom: -100px;
   margin: 0px 0px;
   background-size: 100% 220px;
   height: 220px;
 }
 .wave.depth-100:after {
   height: 0px;
 }
}

 @media all and (max-width: 750px) {
  /*5*/
 .wave.depth-40 {
   bottom: 35px; /* 25 * 1.4 */
   margin: 0px 0px;
   background-size: 100% 112px; /* 80 * 1.4 */
   height: 112px; /* 80 * 1.4 */
 }
 .wave.depth-40:after {
   height: 242.32px; /* 172.8 * 1.4 */
 }
 /*4*/
 .wave.depth-50 {
   bottom: 28px; /* 20 * 1.4 */
   margin: 0px 0px;
   background-size: 100% 112px; /* 80 * 1.4 */
   height: 112px; /* 80 * 1.4 */
 }
 .wave.depth-50:after {
   height: 201.6px; /* 144 * 1.4 */
 }
 /*3*/
 .wave.depth-60 {
   bottom: 0px;
   margin: 0px 0px;
   background-size: 100% 126px; /* 90 * 1.4 */
   height: 126px; /* 90 * 1.4 */
 }
 .wave.depth-60:after {
   height: 161.28px; /* 115.2 * 1.4 */
 }
 /*2*/
 .wave.depth-80 {
   bottom: -42px; /* -30 * 1.4 */
   margin: 0px 0px;
   background-size: 100% 140px; /* 100 * 1.4 */
   height: 140px; /* 100 * 1.4 */
 }
 .wave.depth-80:after {
   height: 80.64px; /* 57.6 * 1.4 */
 }
 /*1*/
 .wave.depth-100 {
   bottom: -84px; /* -60 * 1.4 */
   margin: 0px 0px;
   background-size: 100% 140px; /* 100 * 1.4 */
   height: 140px; /* 100 * 1.4 */
 }
 .wave.depth-100:after {
   height: 0px;
 }
}







@-webkit-keyframes wave {
 0% {
   -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
   -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
   transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 }
 100% {
   -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
   -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
   transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 }
}

@-moz-keyframes wave {
 0% {
   -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
   -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
   transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 }
 100% {
   -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
   -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
   transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 }
}

@-ms-keyframes wave {
 0% {
   -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
   -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
   transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 }
 100% {
   -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
   -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
   transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 }
}

@keyframes wave {
 0% {
   -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
   -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
   transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 }
 100% {
   -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
   -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
   transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 }
}
