/* 
Theme Name: Answermen
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/*
    Add your custom styles here
*/


.circles {
  z-index: 0;
  position: relative;
}

.circle {
  width: 120px;
  height: 120px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation-name: beacon;
  -webkit-animation-delay: 20s;
  -webkit-animation-duration: 4.5s;
}

.circle:nth-child(1) {
  animation-delay: 0.2222222222s;
}

.circle:nth-child(2) {
  animation-delay: 0.4444444444s;
}

.circle:nth-child(3) {
  animation-delay: 0.6666666667s;
}

.circle:nth-child(4) {
  animation-delay: 0.8888888889s;
}

.circle:nth-child(5) {
  animation-delay: 1.1111111111s;
}

.circle:nth-child(6) {
  animation-delay: 1.3333333333s;
}

.circle:nth-child(7) {
  animation-delay: 1.5555555556s;
}

.circle:nth-child(8) {
  animation-delay: 1.7777777778s;
}

.circle:nth-child(9) {
  animation-delay: 2s;
}

.circle:nth-child(10) {
  animation-delay: 2.2222222222s;
}

@-webkit-keyframes beacon {
  0% {
    border: 1px solid rgba(255, 255, 255, 0.6);
  }
  50% {
    border-color: rgba(163, 163, 163, 0);
  }
  100% {
    border-color: rgba(163, 163, 163, 0);
    border-radius: 50%;
    width: 2054px;
    height: 2054px;
  }
}