/* Start:/local/templates/sitedevpro/css/reset.min.css?1777222991702*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}abbr,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ul li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
/* End */


/* Start:/local/templates/sitedevpro/css/root.min.css?1777222991875*/
:root{--color-bg-main:#F4F2FD;--color-white:#ffffff;--color-header-start:#2a0a4a;--color-header-middle:#5b0f73;--color-header-end:#a21caf;--color-accent-pink:#ff2d7a;--color-accent-cyan:#00FEFF;--color-accent-purple:#a855f7;--color-sidebar-bg:#301254;--color-sidebar-bg-light:#381660;--color-sidebar-text:#cbd5f5;--color-sidebar-active:#ff2d7a;--color-text-main:#1f2937;--color-text-secondary:#6b7280;--color-text-light:#9ca3af;--color-card-bg:#ffffff;--color-card-border:#e5e7eb;--color-card-shadow:rgba(0, 0, 0, 0.05);--color-code-bg:#2b0f4a;--color-code-header:#3b1360;--color-code-text:#e9d5ff;--color-code-accent:#00FEFF;--color-icon-green:#86efac;--color-icon-blue:#93c5fd;--color-icon-purple:#c4b5fd;--color-icon-orange:#fdba74;--color-icon-pink:#f9a8d4;--color-star:#fbbf24;--color-hover:rgba(0, 0, 0, 0.04);--color-focus:rgba(168, 85, 247, 0.4);--border-radius:10px}
/* End */


/* Start:/local/templates/sitedevpro/css/style.min.css?17772229913233*/
:focus,img,input{outline:0}a img{border:none}strong{font-weight:700}p{margin:18px 0}p:empty{display:none}b{font-weight:600}input[type=text],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0}body,button,html,input[type=text],select,textarea{font-family:"Proxima Nova",sans-serif}a{-webkit-transition:.2s;-moz-transition:.2s;transition:.2s}a:hover{text-decoration:none}body,html{font-size:24px;letter-spacing:1px;font-weight:300;color:var(--font-color-major);height:100%;min-width:320px!important}@media all and (max-width:2400px){body,html{font-size:21px}}@media all and (max-width:2000px){body,html{font-size:20px}}@media all and (max-width:1600px){body,html{font-size:16px}}@media all and (max-width:1200px){body,html{font-size:14px}}@media all and (max-width:1000px){body,html{font-size:13px}}@media all and (max-width:700px){body,html{font-size:12px}}@media all and (max-width:600px){body,html{font-size:10px}}@media all and (max-width:500px){body,html{font-size:7px}}.wrapper,body,html{width:100%}.wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;height:100%;z-index:1}.wrapper.index-page .wrapper__bg{position:absolute;isolation:isolate;top:0;left:0;right:0;bottom:0;z-index:1}.wrapper__noise{position:absolute;top:0;left:0;right:0;bottom:0;inset:0;pointer-events:none;opacity:.06;background-image:-moz-radial-gradient(circle,#fff 1px,transparent 1px);background-image:radial-gradient(circle,#fff 1px,transparent 1px);-moz-background-size:12px 12px;background-size:12px 12px;mix-blend-mode:soft-light;z-index:2}.wrapper__stars{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.8;background-image:-moz-radial-gradient(12% 22%,circle,rgba(255,255,255,.9) 0 1px,transparent 1.5px),-moz-radial-gradient(78% 12%,circle,rgba(36,227,255,.9) 0 1px,transparent 1.5px),-moz-radial-gradient(28% 74%,circle,rgba(255,47,146,.8) 0 1px,transparent 1.5px),-moz-radial-gradient(90% 62%,circle,rgba(200,188,255,.75) 0 1px,transparent 1.5px);background-image:radial-gradient(circle at 12% 22%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 12%,rgba(36,227,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 28% 74%,rgba(255,47,146,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 90% 62%,rgba(200,188,255,.75) 0 1px,transparent 1.5px);-moz-background-size:380px 380px,520px 520px,560px 560px,680px 680px;background-size:380px 380px,520px 520px,560px 560px,680px 680px;-webkit-animation:drift 80s linear infinite;-moz-animation:drift 80s linear infinite;animation:drift 80s linear infinite;z-index:3}.wrapper__box{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.main-content{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}.container{max-width:1240px;margin:0 auto}.block-title h1,.block-title h2,.block-title>*{font-size:2.5em;font-weight:800}
/* End */


/* Start:/local/components/sitedevpro/page.builder/css/main-background.css?17772229908703*/
.main-background {
  position: absolute;
  inset: 0;
  background: -moz-radial-gradient(50% 50%, circle, #1c0a63 0%, #090026 58%, #050014 100%);
  background: radial-gradient(circle at 50% 50%, #1c0a63 0%, #090026 58%, #050014 100%);
}
.main-background__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  isolation: isolate;
}
.main-background__stars-2, .main-background__space, .main-background__space:after, .main-background__space:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.main-background__space:before {
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
  opacity: 0.25;
}
.main-background__space:after {
  background-image: -moz-radial-gradient(20% 30%, circle, #fff 1px, transparent 2px), -moz-radial-gradient(70% 10%, circle, #fff 1px, transparent 2px), -moz-radial-gradient(40% 80%, circle, #fff 1px, transparent 2px), -moz-radial-gradient(90% 60%, circle, #fff 1px, transparent 2px);
  background-image: radial-gradient(circle at 20% 30%, #fff 1px, transparent 2px), radial-gradient(circle at 70% 10%, #fff 1px, transparent 2px), radial-gradient(circle at 40% 80%, #fff 1px, transparent 2px), radial-gradient(circle at 90% 60%, #fff 1px, transparent 2px);
  -moz-background-size: 300px 300px;
  background-size: 300px 300px;
  opacity: 0.6;
}
.main-background__stars-2 {
  -webkit-animation: starsBlink 4s ease-in-out infinite;
  -moz-animation: starsBlink 4s ease-in-out infinite;
  animation: starsBlink 4s ease-in-out infinite;
  background-image: -moz-radial-gradient(10% 20%, circle, #fff 0 2px, transparent 3px), -moz-radial-gradient(30% 70%, circle, #24e3ff 0 2px, transparent 3px), -moz-radial-gradient(60% 40%, circle, #ff2f92 0 2px, transparent 3px), -moz-radial-gradient(80% 80%, circle, #a855f7 0 2px, transparent 3px), -moz-radial-gradient(50% 10%, circle, #fff 0 2px, transparent 3px);
  background-image: radial-gradient(circle at 10% 20%, #fff 0 2px, transparent 3px), radial-gradient(circle at 30% 70%, #24e3ff 0 2px, transparent 3px), radial-gradient(circle at 60% 40%, #ff2f92 0 2px, transparent 3px), radial-gradient(circle at 80% 80%, #a855f7 0 2px, transparent 3px), radial-gradient(circle at 50% 10%, #fff 0 2px, transparent 3px);
  -moz-background-size: 500px 500px;
  background-size: 500px 500px;
  opacity: 0.8;
}
.main-background__noise {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  inset: 0;
  pointer-events: none;
  opacity: 0.06;
  background-image: -moz-radial-gradient(circle, #fff 1px, transparent 1px);
  background-image: radial-gradient(circle, #fff 1px, transparent 1px);
  -moz-background-size: 12px 12px;
  background-size: 12px 12px;
  mix-blend-mode: soft-light;
  z-index: 10;
}
.main-background__stars {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.8;
  background-image: -moz-radial-gradient(12% 22%, circle, rgba(255, 255, 255, 0.9) 0 1px, transparent 1.5px), -moz-radial-gradient(78% 12%, circle, rgba(36, 227, 255, 0.9) 0 1px, transparent 1.5px), -moz-radial-gradient(28% 74%, circle, rgba(255, 47, 146, 0.8) 0 1px, transparent 1.5px), -moz-radial-gradient(90% 62%, circle, rgba(200, 188, 255, 0.75) 0 1px, transparent 1.5px);
  background-image: radial-gradient(circle at 12% 22%, rgba(255, 255, 255, 0.9) 0 1px, transparent 1.5px), radial-gradient(circle at 78% 12%, rgba(36, 227, 255, 0.9) 0 1px, transparent 1.5px), radial-gradient(circle at 28% 74%, rgba(255, 47, 146, 0.8) 0 1px, transparent 1.5px), radial-gradient(circle at 90% 62%, rgba(200, 188, 255, 0.75) 0 1px, transparent 1.5px);
  -moz-background-size: 380px 380px, 520px 520px, 560px 560px, 680px 680px;
  background-size: 380px 380px, 520px 520px, 560px 560px, 680px 680px;
  -webkit-animation: drift 80s linear infinite;
  -moz-animation: drift 80s linear infinite;
  animation: drift 80s linear infinite;
  z-index: 3;
}
.main-background__nebulae {
  position: absolute;
  inset: 0;
  /*    overflow: hidden;
      isolation: isolate;
      z-index: 2;

      background: radial-gradient(circle at 50% 50%, #1c0a63 0%, #090026 58%, #050014 100%);*/
}
.main-background__nebula {
  position: absolute;
  inset: -20%;
  z-index: -1;
  pointer-events: none;
  -webkit-filter: blur(55px);
  filter: blur(55px);
  opacity: 0.55;
  mix-blend-mode: screen;
}
.main-background__nebula_1 {
  background: -moz-radial-gradient(28% 46%, circle, rgba(255, 47, 146, 0.55) 0%, rgba(255, 47, 146, 0.18) 24%, transparent 48%);
  background: radial-gradient(circle at 28% 46%, rgba(255, 47, 146, 0.55) 0%, rgba(255, 47, 146, 0.18) 24%, transparent 48%);
  -webkit-animation: nebulaFloat1 26s ease-in-out infinite;
  -moz-animation: nebulaFloat1 26s ease-in-out infinite;
  animation: nebulaFloat1 26s ease-in-out infinite;
}
.main-background__nebula_2 {
  background: -moz-radial-gradient(68% 34%, circle, rgba(36, 227, 255, 0.38) 0%, rgba(36, 227, 255, 0.12) 22%, transparent 46%);
  background: radial-gradient(circle at 68% 34%, rgba(36, 227, 255, 0.38) 0%, rgba(36, 227, 255, 0.12) 22%, transparent 46%);
  -webkit-animation: nebulaFloat2 34s ease-in-out infinite;
  -moz-animation: nebulaFloat2 34s ease-in-out infinite;
  animation: nebulaFloat2 34s ease-in-out infinite;
}
.main-background__nebula_3 {
  background: -moz-radial-gradient(52% 68%, circle, rgba(168, 85, 247, 0.42) 0%, rgba(168, 85, 247, 0.14) 28%, transparent 56%);
  background: radial-gradient(circle at 52% 68%, rgba(168, 85, 247, 0.42) 0%, rgba(168, 85, 247, 0.14) 28%, transparent 56%);
  -webkit-animation: nebulaFloat3 42s ease-in-out infinite;
  -moz-animation: nebulaFloat3 42s ease-in-out infinite;
  animation: nebulaFloat3 42s ease-in-out infinite;
}

@-webkit-keyframes nebulaFloat1 {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -webkit-transform: translate3d(-3%, 2%, 0) scale(1.08);
    transform: translate3d(-3%, 2%, 0) scale(1.08);
  }
}

@-moz-keyframes nebulaFloat1 {
  0%, 100% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -moz-transform: translate3d(-3%, 2%, 0) scale(1.08);
    transform: translate3d(-3%, 2%, 0) scale(1.08);
  }
}

@keyframes nebulaFloat1 {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -webkit-transform: translate3d(-3%, 2%, 0) scale(1.08);
    -moz-transform: translate3d(-3%, 2%, 0) scale(1.08);
    transform: translate3d(-3%, 2%, 0) scale(1.08);
  }
}
@-webkit-keyframes nebulaFloat2 {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -webkit-transform: translate3d(3%, -2%, 0) scale(1.06);
    transform: translate3d(3%, -2%, 0) scale(1.06);
  }
}
@-moz-keyframes nebulaFloat2 {
  0%, 100% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -moz-transform: translate3d(3%, -2%, 0) scale(1.06);
    transform: translate3d(3%, -2%, 0) scale(1.06);
  }
}
@keyframes nebulaFloat2 {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -webkit-transform: translate3d(3%, -2%, 0) scale(1.06);
    -moz-transform: translate3d(3%, -2%, 0) scale(1.06);
    transform: translate3d(3%, -2%, 0) scale(1.06);
  }
}
@-webkit-keyframes nebulaFloat3 {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -webkit-transform: translate3d(1%, 3%, 0) scale(1.1);
    transform: translate3d(1%, 3%, 0) scale(1.1);
  }
}
@-moz-keyframes nebulaFloat3 {
  0%, 100% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -moz-transform: translate3d(1%, 3%, 0) scale(1.1);
    transform: translate3d(1%, 3%, 0) scale(1.1);
  }
}
@keyframes nebulaFloat3 {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -webkit-transform: translate3d(1%, 3%, 0) scale(1.1);
    -moz-transform: translate3d(1%, 3%, 0) scale(1.1);
    transform: translate3d(1%, 3%, 0) scale(1.1);
  }
}
@-webkit-keyframes starsBlink {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes starsBlink {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
@keyframes starsBlink {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
/* End */


/* Start:/local/components/sitedevpro/page.builder/css/main-intro.css?17772229911888*/
.main-intro {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  z-index: 51;
  padding: 7vh 0 0 0;
}
.main-intro__image img {
  width: 28rem;
  height: auto;
}
.main-intro__caption {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 8px 0 0;
  margin: 8px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  text-shadow: 0 0px 10px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
}
.main-intro__caption span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-intro__caption a {
  display: block;
  font-size: 0;
  margin: 0 0 0 1rem;
  text-decoration: none;
}
.main-intro__caption a img {
  display: block;
  height: 2.4rem;
  width: auto;
}
.main-intro__button {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 7vh;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.28);
  padding: 12px 22px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.04);
  -webkit-transition: 0.25s ease border;
  -moz-transition: 0.25s ease border;
  transition: 0.25s ease border;
  white-space: nowrap;
  font-size: 16px;
}
/* End */


/* Start:/local/components/sitedevpro/page.builder/css/solar-system.css?177722299112048*/
.solar-system {
  position: absolute;
  overflow: hidden;
  inset: 0;
  z-index: 5;
  font-size: 20px;
}
.solar-system.animate .solar-system__orbit,
.solar-system.animate .solar-system__sputnik {
  -webkit-animation-name: orbit;
  -moz-animation-name: orbit;
  animation-name: orbit;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.solar-system__wrap {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  bottom: 0;
}
.solar-system__center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
}
.solar-system__orbit, .solar-system__object, .solar-system__sputnik {
  position: absolute;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.solar-system__object {
  top: 50%;
  left: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
}
.solar-system__object_sun {
  width: 4.7em;
  height: 4.7em;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  /* background: radial-gradient(
                   circle,
                   #ff9bd8 0%,
                   #ff58b1 50%,
                   #ff4ba9 70%,
                   rgba(255, 75, 169, 0) 100%
   );*/
  background: -moz-radial-gradient(circle, #ff9bd8 0%, #ff9bd8 20%, #ff58b1 45%, #FF0E7F 65%, rgba(255, 75, 169, 0) 100%);
  background: radial-gradient(circle, #ff9bd8 0%, #ff9bd8 20%, #ff58b1 45%, #FF0E7F 65%, rgba(255, 75, 169, 0) 100%);
}
.solar-system__object_mercury {
  width: 0.6em;
  height: 0.6em;
  background: #9D9FB6;
  background: url("/i/mercury_2.svg") no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}
.solar-system__object_venus {
  width: 1.05em;
  height: 1.05em;
  background: #F1D48A;
  left: 100%;
  background: url("/i/venus_2.svg") no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}
.solar-system__object_earth {
  width: 1.125em;
  height: 1.125em;
  background: #3BB4FF;
  left: 100%;
  background: url("/i/earth_2.svg") no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}
.solar-system__object_mars {
  width: 0.75em;
  height: 0.75em;
  background: #FF6D69;
  left: 100%;
  background: url("/i/mars_2.svg") no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}
.solar-system__object_jupiter {
  width: 2.25em;
  height: 2.25em;
  background: #FEC08A;
  left: 100%;
  background: url("/i/jupiter_2.svg") no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}
.solar-system__object_saturn {
  width: 1.95em;
  height: 1.95em;
  background: #E7C687;
  left: 100%;
  background: url("/i/saturn_2.svg") no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}
.solar-system__object_uranus {
  width: 1.575em;
  height: 1.575em;
  background: #55D4EE;
  left: 100%;
  background: url("/i/uranus_2.svg") no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}
.solar-system__object_neptune {
  width: 1.5em;
  height: 1.5em;
  background: #4C81FF;
  left: 100%;
  background: url("/i/neptune_2.svg") no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}
.solar-system__object_pluto {
  width: 0.45em;
  height: 0.45em;
  background: #E8E8E8;
  left: 100%;
}
.solar-system__orbit {
  -webkit-transform: translate(-50%, -50%) rotate(var(--start-angle));
  -moz-transform: translate(-50%, -50%) rotate(var(--start-angle));
  -ms-transform: translate(-50%, -50%) rotate(var(--start-angle));
  transform: translate(-50%, -50%) rotate(var(--start-angle));
  border-width: 1px;
  border-color: rgba(111, 84, 209, 0.65);
}
.solar-system__orbit_mercury {
  width: 5.85em;
  height: 5.85em;
  border-style: solid;
}
.solar-system__orbit_venus {
  width: 9.62em;
  height: 9.62em;
  border-style: solid;
}
.solar-system__orbit_earth {
  width: 13.13em;
  height: 13.13em;
  border-style: solid;
}
.solar-system__orbit_mars {
  width: 16.9em;
  height: 16.9em;
  border-style: dashed;
}
.solar-system__orbit_mars-1 {
  width: 1.9rem;
  height: 1.9rem;
}
.solar-system__orbit_mars-2 {
  width: 2.3rem;
  height: 2.3rem;
}
.solar-system__orbit_jupiter {
  width: 20.54em;
  height: 20.54em;
  border-style: solid;
}
.solar-system__orbit_saturn {
  width: 24.115em;
  height: 24.115em;
  border-style: solid;
}
.solar-system__orbit_uranus {
  width: 27.755em;
  height: 27.755em;
  border-style: dashed;
}
.solar-system__orbit_neptune {
  width: 31.2em;
  height: 31.2em;
  border-style: solid;
}
.solar-system__orbit_pluto {
  width: 34.45em;
  height: 34.45em;
  border-style: dotted;
}
.solar-system__sputnik {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.solar-system__sputnik div, .solar-system__sputnik:after, .solar-system__sputnik:before {
  position: absolute;
  display: block;
  -moz-border-radius: 100%;
  border-radius: 100%;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #CCCCCC;
}
.solar-system__sputnik_earth {
  width: 1.5em;
  height: 1.5em;
  -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
  -moz-transform: translate(-50%, -50%) rotateZ(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotateZ(0deg);
  -webkit-animation-duration: 28s;
  -moz-animation-duration: 28s;
  animation-duration: 28s;
}
.solar-system__sputnik_earth:before {
  width: 0.2275em;
  height: 0.2275em;
  content: "";
}
.solar-system__sputnik_mars:before {
  background: #FF6D69;
}
.solar-system__sputnik_mars:nth-child(1) {
  --start-angle: 27deg;
  width: 1.3em;
  height: 1.3em;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  animation-duration: 8s;
}
.solar-system__sputnik_mars:nth-child(1):before {
  width: 0.06825em;
  height: 0.06825em;
  content: "";
}
.solar-system__sputnik_mars:nth-child(2) {
  --start-angle: 195deg;
  width: 2em;
  height: 2em;
  -webkit-animation-duration: 16s;
  -moz-animation-duration: 16s;
  animation-duration: 16s;
}
.solar-system__sputnik_mars:nth-child(2):before {
  width: 0.0455em;
  height: 0.0455em;
  content: "";
}
.solar-system__sputnik_jupiter:before {
  background: #FEC08A;
}
.solar-system__sputnik_jupiter:nth-child(1) {
  --start-angle: 27deg;
  width: 2.8em;
  height: 2.8em;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  animation-duration: 10s;
}
.solar-system__sputnik_jupiter:nth-child(1):before {
  width: 0.20475em;
  height: 0.20475em;
  content: "";
}
.solar-system__sputnik_jupiter:nth-child(2) {
  --start-angle: 65deg;
  width: 3.2em;
  height: 3.2em;
  -webkit-animation-duration: 15s;
  -moz-animation-duration: 15s;
  animation-duration: 15s;
}
.solar-system__sputnik_jupiter:nth-child(2):before {
  width: 0.193375em;
  height: 0.193375em;
  content: "";
}
.solar-system__sputnik_jupiter:nth-child(3) {
  --start-angle: 155deg;
  width: 4em;
  height: 4em;
  -webkit-animation-duration: 22s;
  -moz-animation-duration: 22s;
  animation-duration: 22s;
}
.solar-system__sputnik_jupiter:nth-child(3):before {
  width: 0.273em;
  height: 0.273em;
  content: "";
}
.solar-system__sputnik_jupiter:nth-child(4) {
  --start-angle: 245deg;
  width: 4.3em;
  height: 4.3em;
  -webkit-animation-duration: 34s;
  -moz-animation-duration: 34s;
  animation-duration: 34s;
}
.solar-system__sputnik_jupiter:nth-child(4):before {
  width: 0.25025em;
  height: 0.25025em;
  content: "";
}
.solar-system__sputnik_saturn:before {
  background: #E7C687;
}
.solar-system__sputnik_saturn:nth-child(1) {
  --start-angle: 27deg;
  width: 2.8em;
  height: 2.8em;
  -webkit-animation-duration: 14s;
  -moz-animation-duration: 14s;
  animation-duration: 14s;
}
.solar-system__sputnik_saturn:nth-child(1):before {
  width: 0.273em;
  height: 0.273em;
  content: "";
}
.solar-system__sputnik_saturn:nth-child(2) {
  --start-angle: 65deg;
  width: 3.2em;
  height: 3.2em;
  -webkit-animation-duration: 20s;
  -moz-animation-duration: 20s;
  animation-duration: 20s;
}
.solar-system__sputnik_saturn:nth-child(2):before {
  width: 0.091em;
  height: 0.091em;
  content: "";
}
.solar-system__sputnik_saturn:nth-child(3) {
  --start-angle: 155deg;
  width: 4em;
  height: 4em;
  -webkit-animation-duration: 32s;
  -moz-animation-duration: 32s;
  animation-duration: 32s;
}
.solar-system__sputnik_saturn:nth-child(3):before {
  width: 0.15925em;
  height: 0.15925em;
  content: "";
}
.solar-system__sputnik_uranus:before {
  background: #55D4EE;
}
.solar-system__sputnik_uranus:nth-child(1) {
  --start-angle: 27deg;
  width: 2.8em;
  height: 2.8em;
  -webkit-animation-duration: 18s;
  -moz-animation-duration: 18s;
  animation-duration: 18s;
}
.solar-system__sputnik_uranus:nth-child(1):before {
  width: 0.079625em;
  height: 0.079625em;
  content: "";
}
.solar-system__sputnik_uranus:nth-child(2) {
  --start-angle: 65deg;
  width: 3.2em;
  height: 3.2em;
  -webkit-animation-duration: 27s;
  -moz-animation-duration: 27s;
  animation-duration: 27s;
}
.solar-system__sputnik_uranus:nth-child(2):before {
  width: 0.125125em;
  height: 0.125125em;
  content: "";
}
.solar-system__sputnik_uranus:nth-child(3) {
  --start-angle: 155deg;
  width: 4em;
  height: 4em;
  -webkit-animation-duration: 40s;
  -moz-animation-duration: 40s;
  animation-duration: 40s;
}
.solar-system__sputnik_uranus:nth-child(3):before {
  width: 0.1365em;
  height: 0.1365em;
  content: "";
}
.solar-system__sputnik_neptune:before {
  background: #4C81FF;
}
.solar-system__sputnik_neptune:nth-child(1) {
  --start-angle: 27deg;
  width: 2.8em;
  height: 2.8em;
  -webkit-animation-duration: 24s;
  -moz-animation-duration: 24s;
  animation-duration: 24s;
}
.solar-system__sputnik_neptune:nth-child(1):before {
  width: 0.2275em;
  height: 0.2275em;
  content: "";
}
.solar-system__sputnik_neptune:nth-child(2) {
  --start-angle: 65deg;
  width: 3.2em;
  height: 3.2em;
  -webkit-animation-duration: 46s;
  -moz-animation-duration: 46s;
  animation-duration: 46s;
}
.solar-system__sputnik_neptune:nth-child(2):before {
  width: 0.079625em;
  height: 0.079625em;
  content: "";
}
.solar-system__sputnik_pluto:before {
  background: #E8E8E8;
}
.solar-system__sputnik_pluto:nth-child(1) {
  --start-angle: 27deg;
  width: 2.8em;
  height: 2.8em;
  -webkit-animation-duration: 36s;
  -moz-animation-duration: 36s;
  animation-duration: 36s;
}
.solar-system__sputnik_pluto:nth-child(1):before {
  width: 0.1365em;
  height: 0.1365em;
  content: "";
}

@-webkit-keyframes orbit {
  from {
    -webkit-transform: translate(-50%, -50%) rotateZ(var(--start-angle));
    transform: translate(-50%, -50%) rotateZ(var(--start-angle));
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotateZ(calc(var(--start-angle) + 360deg));
    transform: translate(-50%, -50%) rotateZ(calc(var(--start-angle) + 360deg));
  }
}

@-moz-keyframes orbit {
  from {
    -moz-transform: translate(-50%, -50%) rotateZ(var(--start-angle));
    transform: translate(-50%, -50%) rotateZ(var(--start-angle));
  }
  to {
    -moz-transform: translate(-50%, -50%) rotateZ(-moz-calc(var(--start-angle) + 360deg));
    transform: translate(-50%, -50%) rotateZ(calc(var(--start-angle) + 360deg));
  }
}

@keyframes orbit {
  from {
    -webkit-transform: translate(-50%, -50%) rotateZ(var(--start-angle));
    -moz-transform: translate(-50%, -50%) rotateZ(var(--start-angle));
    transform: translate(-50%, -50%) rotateZ(var(--start-angle));
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotateZ(calc(var(--start-angle) + 360deg));
    -moz-transform: translate(-50%, -50%) rotateZ(-moz-calc(var(--start-angle) + 360deg));
    transform: translate(-50%, -50%) rotateZ(calc(var(--start-angle) + 360deg));
  }
}
/* End */
/* /local/templates/sitedevpro/css/reset.min.css?1777222991702 */
/* /local/templates/sitedevpro/css/root.min.css?1777222991875 */
/* /local/templates/sitedevpro/css/style.min.css?17772229913233 */
/* /local/components/sitedevpro/page.builder/css/main-background.css?17772229908703 */
/* /local/components/sitedevpro/page.builder/css/main-intro.css?17772229911888 */
/* /local/components/sitedevpro/page.builder/css/solar-system.css?177722299112048 */