section.blue-dots-animation-using-images{min-height:42rem;--block-height:42rem;--image-height:20rem;--image-half:10rem;--circle-radius:calc((var(--block-height) / 2 - var(--image-height) / 2) * 1)}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper{position:relative;overflow:hidden;min-height:42rem}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .animation-wrapper{position:absolute;left:50%;top:50%;width:0;height:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .animation-image{width:var(--image-height);height:var(--image-height);position:absolute;left:calc(var(--image-half) * -1);top:calc(var(--image-half) * -1);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .animation-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .animation-image--1{-webkit-transform:translateX(calc(var(--circle-radius) * -1)) rotate(0);-ms-transform:translateX(calc(var(--circle-radius) * -1)) rotate(0);transform:translateX(calc(var(--circle-radius) * -1)) rotate(0)}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .animation-image--2{-webkit-transform:translateX(var(--circle-radius)) rotate(0);-ms-transform:translateX(var(--circle-radius)) rotate(0);transform:translateX(var(--circle-radius)) rotate(0)}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .blue-dots-animation-using-images__circle{width:8rem;height:8rem;border-radius:8rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--blue);opacity:0}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .blue-dots-animation-using-images__circle.show{opacity:1;-webkit-transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;-webkit-transform:translate(-50%,-50%) scale(3000%);-ms-transform:translate(-50%,-50%) scale(3000%);transform:translate(-50%,-50%) scale(3000%)}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .blue-dots-animation-using-images__last-frame{background-color:var(--blue);opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .blue-dots-animation-using-images__last-frame .blue-dots-animation-using-images__content{margin:0 auto;max-width:100%;text-align:left;padding:10rem 0;line-height:1.6}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .blue-dots-animation-using-images__last-frame .blue-dots-animation-using-images__content span{color:var(--dark);text-transform:uppercase;font-family:var(--font-oswald);font-weight:var(--font-weight-bold)}@media(max-width:767px){section.blue-dots-animation-using-images{min-height:auto;--image-height:16rem;--image-half:8rem;--circle-radius:calc((var(--block-height) / 2 - var(--image-height) / 2) * 0.8)}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper{min-height:auto}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .blue-dots-animation-using-images__last-frame{position:static;height:auto;min-height:0}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .blue-dots-animation-using-images__last-frame .blue-dots-animation-using-images__content{max-width:100%;padding:4rem 0;text-align:left}}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper .blue-dots-animation-using-images__last-frame.show{opacity:1;-webkit-transition:opacity .3s .2s;transition:opacity .3s .2s}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper.trigger .animation-wrapper{-webkit-animation:1.92s linear forwards rotateWrapper;animation:1.92s linear forwards rotateWrapper}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper.trigger .animation-image--1{-webkit-animation:1.92s linear forwards counterRotateAndMove1;animation:1.92s linear forwards counterRotateAndMove1}section.blue-dots-animation-using-images .blue-dots-animation-using-images__wrapper.trigger .animation-image--2{-webkit-animation:1.92s linear forwards counterRotateAndMove2;animation:1.92s linear forwards counterRotateAndMove2}@-webkit-keyframes rotateWrapper{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateWrapper{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@-webkit-keyframes counterRotateAndMove1{0%{-webkit-transform:translateX(calc(var(--circle-radius) * -1)) rotate(0);transform:translateX(calc(var(--circle-radius) * -1)) rotate(0)}50%{-webkit-transform:translateX(calc(var(--circle-radius) * -1)) rotate(-180deg);transform:translateX(calc(var(--circle-radius) * -1)) rotate(-180deg)}100%{-webkit-transform:translateX(0) rotate(-360deg);transform:translateX(0) rotate(-360deg)}}@keyframes counterRotateAndMove1{0%{-webkit-transform:translateX(calc(var(--circle-radius) * -1)) rotate(0);transform:translateX(calc(var(--circle-radius) * -1)) rotate(0)}50%{-webkit-transform:translateX(calc(var(--circle-radius) * -1)) rotate(-180deg);transform:translateX(calc(var(--circle-radius) * -1)) rotate(-180deg)}100%{-webkit-transform:translateX(0) rotate(-360deg);transform:translateX(0) rotate(-360deg)}}@-webkit-keyframes counterRotateAndMove2{0%{-webkit-transform:translateX(var(--circle-radius)) rotate(0);transform:translateX(var(--circle-radius)) rotate(0)}50%{-webkit-transform:translateX(var(--circle-radius)) rotate(-180deg);transform:translateX(var(--circle-radius)) rotate(-180deg)}100%{-webkit-transform:translateX(0) rotate(-360deg);transform:translateX(0) rotate(-360deg)}}@keyframes counterRotateAndMove2{0%{-webkit-transform:translateX(var(--circle-radius)) rotate(0);transform:translateX(var(--circle-radius)) rotate(0)}50%{-webkit-transform:translateX(var(--circle-radius)) rotate(-180deg);transform:translateX(var(--circle-radius)) rotate(-180deg)}100%{-webkit-transform:translateX(0) rotate(-360deg);transform:translateX(0) rotate(-360deg)}}