.mainContainer{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;height:560px;overflow:hidden;padding-top:620px}.main{margin:0 auto;width:80vw;height:80vw;position:relative}.bigCircle{height:100%;width:100%;position:relative;border:3px solid #f8e8d6;border-radius:50%;justify-content:center;-webkit-justify-content:center;animation:Rotate 20s linear infinite;-webkit-animation:Rotate 20s linear infinite}.bigCircle,.iconBlock{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}.iconBlock{width:64px;height:64px;position:absolute;justify-content:center}.iconBlock img{margin:0 auto;width:86%;animation:Rotate-reverse 20s linear infinite;-webkit-animation:Rotate-reverse 20s linear infinite}.iconBlock:first-child{top:0;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.iconBlock:nth-child(2){top:50%;right:0;transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%)}.iconBlock:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%)}.iconBlock:nth-child(4){top:50%;left:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.circle{animation:circle-rotate 20s linear infinite;-webkit-animation:circle-rotate 20s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);width:75%;height:75%;border:3px solid #f8e8d6;border-radius:50%}.circle .iconBlock img{animation:img-rotate 20s linear infinite;-webkit-animation:img-rotate 20s linear infinite}.centerLogo{position:absolute;top:50%;left:50%;transform:translate(-50%,-150%);-webkit-transform:translate(-50%,-150%)}.centerLogo img{max-width:200px}@keyframes Rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes Rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes Rotate-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@-webkit-keyframes Rotate-reverse{0%{-webkit-transform:rotate(1turn)}to{-webkit-transform:rotate(0deg)}}@keyframes circle-rotate{0%{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(-315deg)}}@-webkit-keyframes circle-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(45deg)}to{-webkit-transform:translate(-50%,-50%) rotate(-315deg)}}@keyframes img-rotate{0%{transform:rotate(-45deg)}to{transform:rotate(-405deg)}}@-webkit-keyframes img-rotate{0%{-webkit-transform:rotate(-45deg)}to{-webkit-transform:rotate(-405deg)}}@media screen and (max-width:600px){.mainContainer{padding-top:150px}.main{width:100vw;height:100vw}.centerLogo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}}@media screen and (min-width:1540px){.mainContainer{padding-top:800px}}