.second-hand {
animation: rotate-around-pivot 60s linear infinite; }
@keyframes rotate-around-pivot {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.second-hand_1 {
transform-origin: 202.346px 298.306px;
}
.second-hand_2 {
transform-origin: 276.346px 298.306px;
}
.second-hand_3 {
transform-origin: 194.346px 297.306px;
}
.second-hand_4 {
transform-origin: 202.346px 297.306px;
}
.second-hand_5 {
transform-origin: 59.3rem 29.1rem;
}
.second-hand_6 {
transform-origin: 64.4rem 18.2rem;
}
.second-hand_7 {
transform-origin: 10.5rem 24.1rem;
}
.second-hand_8 {
transform-origin: 11.5rem 22.6rem;
}
.second-hand_9 {
transform-origin: 15.8rem 28.6rem;
}
.svg_item {
position: absolute;
}
.svg_item__top {
top: 0;
right: 3px;
}
.svg_item__right {
right: 7px;
top: 0;
}
.svg_item__bottom {
bottom: 0;
right: 3px;
}
.svg_item__left {
left: 2px;
}
.contacts__form .svg_item__right {
height: 250px;
top: 1px;
right: 2px;
}
.about-page__svg {
position: relative;
top: 0;
left: -2px;
}
.steps__details .svg_item__bottom,
.steps__details .svg_item__top,
.steps__details .svg_item__right {
display: none;
}
.steps__details .about__line_wrap_step-bottom,
.steps__details .about__line_wrap_step-top,
.steps__details .about__line_wrap_step-right {
display: block;
position: absolute;
}
.steps__details .about__line_wrap_step-top {
top: 0;
max-width: 100%;
width: 100%;
}
.steps__details .about__line_wrap_step-bottom {
bottom: 0;
max-width: 100%;
width: 100%;
}
.steps__details .about__line_wrap_step-right {
right: 0;
top: 0;
height: 100%;
width: 1px;
}
.svg_item__left {
left: 1px;
}
@media(max-width:1450px) { 
.about__steps .svg_item__right {
right: 4px;
}
}
@media(max-width:1250px) { 
.contacts__form .svg_item__right {
height: 250px;
top: 0px;
right: 3px;
}
}
@media(max-width:1120px) {
.steps__details .svg_item__bottom,
.steps__details .svg_item__top,
.steps__details .svg_item__right {
display: none;
}
.steps__details .about__line_wrap_step-bottom,
.steps__details .about__line_wrap_step-top,
.steps__details .about__line_wrap_step-right {
display: block;
position: absolute;
}
.steps__details .about__line_wrap_step-top {
top: 0;
max-width: 100%;
width: 100%;
}
.steps__details .about__line_wrap_step-bottom {
bottom: 0;
max-width: 100%;
width: 100%;
}
.steps__details .about__line_wrap_step-right {
right: 0;
top: 0;
height: 100%;
width: 1px;
}
.svg_item__left {
left: 1px;
}
}
@media(max-width:960px) {
.svg_item__left {
left: 0;
}
.svg_item__bottom {
display: none;
}
.second-hand_1{
transform-origin: 15.5rem 58.2rem;
}
.second-hand_3 {
transform-origin: 10.7rem 23.2rem;
}
}
@media(max-width:560px) {
.second-hand_1 {
transform-origin: 10.1rem 10.5rem;
}
.second-hand_7 {
transform-origin: 10.1rem 10.5rem;
}
.second-hand_8 {
transform-origin: 13.2rem 10.3rem;
}
}