.alpaka-section.alpaka-circles{background:#454f5b;padding:5em 0}.alpaka-section.alpaka-circles:before{border-color:rgba(0,0,0,0) #454f5b #454f5b #454f5b}@media only screen and (min-width: 768px){.alpaka-section.alpaka-circles{padding:7.5em 0}.alpaka-section.alpaka-circles .row{display:flex;justify-content:center}.alpaka-section.alpaka-circles .row .column{display:block;float:none}}.alpaka-section.alpaka-circles .column{margin-bottom:1rem}@media only screen and (max-width: 767px){.alpaka-section.alpaka-circles .column:nth-child(3){clear:both}}.alpaka-section.alpaka-circles p{text-align:center;margin:0;font-size:1.25em}.alpaka-section.alpaka-circles p.title{font-size:1.875em;font-weight:600}.alpaka-section.alpaka-circles .circles{position:relative;width:90%;height:0;padding-top:90%;margin:0 auto}.alpaka-section.alpaka-circles .circles .desc{line-height:1;font-weight:600;font-size:2.25em;text-align:center;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}.alpaka-section.alpaka-circles .circles .circle-1,.alpaka-section.alpaka-circles .circles .circle-2 .stroke-1,.alpaka-section.alpaka-circles .circles .circle-2 .stroke-3{animation-play-state:paused}.alpaka-section.alpaka-circles .circles.playing .circle-1,.alpaka-section.alpaka-circles .circles.playing .circle-2 .stroke-1,.alpaka-section.alpaka-circles .circles.playing .circle-2 .stroke-3{animation-play-state:running !important}.alpaka-section.alpaka-circles .circle{position:absolute;display:inline-block;border-radius:50%}.alpaka-section.alpaka-circles .circle-1{width:70%;height:70%;top:15%;left:15%;border:20px groove rgba(98,208,240,.1);animation:circle-spin-inverse 40s infinite linear}.alpaka-section.alpaka-circles .circle-2{fill:rgba(0,0,0,0)}.alpaka-section.alpaka-circles .circle-2 .stroke-0{stroke:#fff;opacity:.3;stroke-width:.75em}.alpaka-section.alpaka-circles .circle-2 .stroke-1{stroke:#fff;opacity:0;stroke-width:.75em;animation-name:circle-1-stroke-1;animation-duration:10s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:infinite;animation-direction:alternate}.alpaka-section.alpaka-circles .circle-2 .stroke-3{stroke:#fff;opacity:0;stroke-dasharray:400;stroke-dashoffset:0;stroke-width:.75em;animation-name:circle-1-stroke-3;animation-duration:10s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:infinite;animation-direction:alternate}.alpaka-section.alpaka-circles .column:nth-child(2) .circle-2 .stroke-1,.alpaka-section.alpaka-circles .column:nth-child(2) .circle-2 .stroke-3{animation-delay:4s}.alpaka-section.alpaka-circles .column:nth-child(3) .circle-2 .stroke-1,.alpaka-section.alpaka-circles .column:nth-child(3) .circle-2 .stroke-3{animation-delay:6s;animation-duration:12s}@keyframes circle-1-stroke-1{0%{stroke-width:0;opacity:0}20%{opacity:1}55%{stroke-width:.75em;opacity:1}100%{stroke-width:.75em;opacity:1}}@keyframes circle-1-stroke-3{0%{opacity:0;stroke-dasharray:110}20%{opacity:.4}55%{stroke-dasharray:200;opacity:.4}100%{stroke-dasharray:200;opacity:.4}}@keyframes circle-spin-inverse{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}