@-webkit-keyframes fog-animation {  0% {left: -900px;opacity: 0;}  5% {opacity: 1;}  100% {left: 100%;opacity:1;} } @-webkit-keyframes cloud-animation-1 {  0% {-webkit-transform: translate(-85px);opacity: 0;}  10% {opacity: 0.6;}  90% {opacity: 0.6;}  100% {-webkit-transform: translate(70px);opacity: 0;} } @-webkit-keyframes cloud-animation-2 {  0% {-webkit-transform: translate(0);opacity: 0;}  25% {opacity: 0.6;}  50% {opacity: 0;}  75% {opacity: 0.6;}  100% {-webkit-transform: translate(50px);opacity: 0;} } @-webkit-keyframes cloud-large-animation {  0% {-webkit-transform: translate(10px);opacity: 0;}  20% {opacity: 0.25;}  80% {opacity: 0.35;}  100% {-webkit-transform: translate(300px);opacity: 0;} } @-webkit-keyframes smoke-animation {  0% {-webkit-transform: scale(0.8) translateY(0) translateX(0) rotate(-50deg);opacity: 0;}  20% {-webkit-transform: scale(1.14) translateY(-22px) translateX(10px) rotate(10deg);opacity: 1;}  66% {-webkit-transform: scale(1.92) translateY(-73px) translateX(50px) rotate(33deg);opacity: 1;}  100% {-webkit-transform: scale(2.5) translateY(-110px) translateX(110px) rotate(50deg);opacity: 0;} } @keyframes fog-animation {  0% {left: -900px;opacity: 0;}  5% {opacity: 1;}  100% {left: 100%;opacity:1;} } @keyframes cloud-animation-1 {  0% {transform: translate(-85px);opacity: 0;}  10% {opacity: 0.6;}  90% {opacity: 0.6;}  100% {transform: translate(70px);opacity: 0;} } @keyframes cloud-animation-2 {  0% {transform: translate(0);opacity: 0;}  25% {opacity: 0.6;}  50% {opacity: 0;}  75% {opacity: 0.6;}  100% {transform: translate(50px);opacity: 0;} } @keyframes cloud-large-animation {  0% {transform: translate(10px);opacity: 0;}  20% {opacity: 0.25;}  80% {opacity: 0.35;}  100% {transform: translate(300px);opacity: 0;} } @keyframes smoke-animation {  0% {transform: scale(0.8) translateY(0) translateX(0) rotate(-50deg);opacity: 0;}  20% {transform: scale(1.14) translateY(-22px) translateX(10px) rotate(10deg);opacity: 1;}  66% {transform: scale(1.92) translateY(-73px) translateX(40px) rotate(33deg);opacity: 1;}  100% {transform: scale(2.5) translateY(-110px) translateX(110px) rotate(50deg);opacity: 0;} }  #hero-container-pinsgayan {background: url(images/makus.jpg);}  #cloud-large-1 {display: flex;justify-content: center;position: absolute;top: 0;left: 0;margin: auto;width: 100%;height: 100%;-webkit-animation: cloud-large-animation 18s linear 0s infinite normal;animation: cloud-large-animation 18s linear 0s infinite normal;text-align: center;opacity: 0;} #cloud-large-1 img {flex-shrink: 0;margin: auto;width: 600px;height: 300px;} #cloud-large-2 {display: flex;justify-content: center;position: absolute;top: 0;left: 0;margin: auto;width: 100%;height: 100%;-webkit-animation: cloud-large-animation 18s linear 9s infinite normal;animation: cloud-large-animation 18s linear 9s infinite normal;text-align: center;opacity: 0;} #cloud-large-2 img {flex-shrink: 0;margin: auto;width: 600px;height: 300px;}  .smoke-group {position: relative;width: 155px;height: 80px;margin-left: auto;margin-right: auto;top: 328px;overflow: visible;-webkit-transform: translateX(-89px);transform: translateX(-89px);} .smoke-container {position: absolute;left: 121px;top: 0;width: 50px;height: 50px;-webkit-transform: scale(0.7);-webkit-transform-origin: center;transform: scale(0.7);transform-origin: center;opacity: 0.55;} #smoke-container-2 {left:85px;top: 19px;-webkit-transform: scale(0.6);transform: scale(0.6);opacity: 0.8;} #smoke-container-3 {left:113px;top: 33px;-webkit-transform: scale(0.4);transform: scale(0.4);} .smoke-particle-container {position: absolute;left: 0;top: 0;width: 50px;height: 50px;opacity: 0;-webkit-animation: smoke-animation 10s linear 0s infinite normal;animation: smoke-animation 10s linear 0s infinite normal;opacity: 0;-webkit-transform-origin: center;transform-origin: center;} .smoke-particle-container div {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(images/smoke_dark.png) no-repeat;background-size: 100% 100%;-webkit-filter: drop-shadow(-8px -8px 10px rgba(255,255,255,0.8)) drop-shadow(8px 8px 10px rgba(0,0,0,0.2));filter: drop-shadow(-8px -8px 10px rgba(255,255,255,0.8)) drop-shadow(8px 8px 10px rgba(0,0,0,0.2));} .smoke-particle-container:first-child {-webkit-animation-delay: -10s;animation-delay: -10s;} .smoke-particle-container:nth-child(2) {-webkit-animation-delay: -8.5s;-webkit-transform: rotate(80deg);animation-delay: -8.5s;transform: rotate(80deg);} .smoke-particle-container:nth-child(3) {-webkit-animation-delay: -7s;-webkit-transform: rotate(45deg);animation-delay: -7s;transform: rotate(45deg);} .smoke-particle-container:nth-child(4) {-webkit-animation-delay: -5.5s;-webkit-transform: rotate(65deg);animation-delay: -5.5s;transform: rotate(65deg);} .smoke-particle-container:nth-child(5) {-webkit-animation-delay: -4s;-webkit-transform: rotate(45deg);animation-delay: -4s;transform: rotate(45deg);} .smoke-particle-container:nth-child(6) {-webkit-animation-delay: -2.5s;-webkit-transform: rotate(-45deg);animation-delay: -2.5s;transform: rotate(-45deg);} .smoke-particle-container:nth-child(7) {-webkit-animation-delay: -1s;-webkit-transform: rotate(-45deg);animation-delay: -1s;transform: rotate(-45deg);} .smoke-particle-container:nth-child(8) {-webkit-animation-delay: 0s;-webkit-transform: rotate(-45deg);animation-delay: 0s;transform: rotate(-45deg);} #smoke-container-2 .smoke-particle-container:first-child {-webkit-animation-delay: -12s;animation-delay: -12s;} #smoke-container-2 .smoke-particle-container:nth-child(2) {-webkit-animation-delay: -10s;animation-delay: -10s;} #smoke-container-2 .smoke-particle-container:nth-child(3) {-webkit-animation-delay: -8s;animation-delay: -8s;} #smoke-container-2 .smoke-particle-container:nth-child(4) {-webkit-animation-delay: -6s;animation-delay: -6s;} #smoke-container-2 .smoke-particle-container:nth-child(5) {-webkit-animation-delay: -4s;animation-delay: -4s;} #smoke-container-2 .smoke-particle-container:nth-child(6) {-webkit-animation-delay: -2s;animation-delay: -2s;} .smoke-particle-container:nth-child(2) div {-webkit-animation-delay: -8s;-webkit-transform: rotate(80deg);animation-delay: -8s;transform: rotate(80deg);} .smoke-particle-container:nth-child(3) div {-webkit-animation-delay: -6s;-webkit-transform: rotate(45deg);animation-delay: -6s;transform: rotate(45deg);} .smoke-particle-container:nth-child(4) div {-webkit-animation-delay: -4s;-webkit-transform: rotate(65deg);animation-delay: -4s;transform: rotate(65deg);} .smoke-particle-container:nth-child(5) div {-webkit-animation-delay: -2s;-webkit-transform: rotate(45deg);animation-delay: -2s;transform: rotate(45deg);} .smoke-particle-container:nth-child(6) div {-webkit-animation-delay: -2s;-webkit-transform: rotate(-45deg);animation-delay: -2s;transform: rotate(-45deg);}  #tayal-woman-video {display: block;margin: auto;-webkit-transform: translateY(123px) translateX(-9px);transform: translateY(123px) translateX(-9px);}