.elementor-1826 .elementor-element.elementor-element-313fc3bd:not(.elementor-motion-effects-element-type-background), .elementor-1826 .elementor-element.elementor-element-313fc3bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;}.elementor-1826 .elementor-element.elementor-element-313fc3bd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-1826 .elementor-element.elementor-element-313fc3bd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1826 .elementor-element.elementor-element-5354a06b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1826 .elementor-element.elementor-element-7ea68d3{text-align:left;}.elementor-1826 .elementor-element.elementor-element-7ea68d3 .elementor-heading-title{font-size:36px;font-weight:700;line-height:40px;}.elementor-1826 .elementor-element.elementor-element-30d4d51f{text-align:justify;color:#FFFFFF;font-size:16px;font-weight:400;line-height:24px;}.elementor-bc-flex-widget .elementor-1826 .elementor-element.elementor-element-1979a5e.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1826 .elementor-element.elementor-element-1979a5e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1826 .elementor-element.elementor-element-1979a5e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1826 .elementor-element.elementor-element-090e284 > .elementor-container{min-height:100vh;}.elementor-1826 .elementor-element.elementor-element-090e284 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}@media(max-width:767px){.elementor-1826 .elementor-element.elementor-element-5354a06b{width:100%;}.elementor-1826 .elementor-element.elementor-element-5354a06b.elementor-column{order:2;}.elementor-1826 .elementor-element.elementor-element-7ea68d3 .elementor-heading-title{font-size:40px;}.elementor-1826 .elementor-element.elementor-element-1979a5e.elementor-column{order:1;}.elementor-1826 .elementor-element.elementor-element-090e284 > .elementor-container{min-height:60vh;}}@media(min-width:768px){.elementor-1826 .elementor-element.elementor-element-5354a06b{width:65%;}.elementor-1826 .elementor-element.elementor-element-1979a5e{width:35%;}}/* Start custom CSS for html, class: .elementor-element-23d50b2 */.css_cot_dia_cau > .elementor-container{
    height: 100vh;
width: 100vw;
margin-left: -10vw;
margin-right: -100%;
overflow: visible;
}
.css_dia-cau{
    overflow: hidden;
}
.body-div-1 {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
#universe-1 {
  z-index: 1;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-position: center 40%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: visible;
}
  
      .css-text{
          font-size: 16px;
          color: #fff;
position: absolute;
top:-30px;
           width: 100%;
  height: 100%;

text-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
  font-weight: 600;
opacity: 0;
text-align: center;
justify-content: center;
display: flex;
 }
 .css-text .css_mau_text{
     color:#fff !important;
     padding-left: 5px;
 }
   .css-text-1{
          font-size: 20px;
          color: #Fff;
position: absolute;
width: 100%;
  height: 100%;
top:0px;
bottom:0px;
right: 0px;
left: 0px;
display: grid;
align-content: center;
justify-content: center;

  font-weight: 700;
text-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
text-align: center;
transform: rotateZ(8deg);
justify-content: center;
  transition: all .2s linear;
 }
 
 .orbit:hover  .css-text{
     opacity: 1;
       transition: all .2s linear;
 }
 
       
            
        
      @media screen and (max-width: 600px){
#universe-1 {
  font-size: 25%;
}
 .css-text{
          font-size: 14px;
     
 }
 .css_cot_dia_cau > .elementor-container{
     margin-left: 0vw;
margin-right: 0%;
 }         
      }
           @media screen and (min-width: 760px){
#universe-1 {
  font-size: 25%;
}
        
    }
        @media screen and (min-width: 1000px){
#universe-1 {
  font-size: 25%;
}
      
  }
        @media screen and (min-width: 1300px){
#universe-1 {
  font-size: 25%;
}
            
        }
#galaxy {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 4000;
}
.zoom-large.view-3D .scale-stretched #solar-system {
  font-size: 62%;
}
.zoom-large #solar-system {
  width: 100%;
}

#solar-system, #sun, .planet, .satelite, .ring {
  transition-delay: 0s;
}
#solar-system, #sun, .orbit, .pos, .planet, .satelite, .ring, .infos, .icon {
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
}
#solar-system, .orbit, .planet, .satelite, .ring {
  transition-property: width, height, top, left, margin-left, margin-top, webkit-transform;
}
#solar-system {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}
.scale-stretched #earth.orbit {
  width: 70em;
  height: 70em;
  margin-top: -35em;
  margin-left: -35em;
}
#earth .pos, #earth .planet, #earth.orbit {
  animation-duration: 10s;
}

.view-3D.zoom-large .orbit {
  transform-style: preserve-3d;
  
}
.orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform-style: preserve-3d;
  animation-name: orbit;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  
}
.zoom-large.view-3D .scale-stretched #solar-system {
  font-size: 62%;
}

.pos {
  transition-delay: 1s;
}
.pos {
  transition-property: top, left;
}
.pos {
  position: absolute;
  width: 2em;
  height: 2em;
  margin-top: -1em;
  margin-left: -1em;
  transform-style: preserve-3d;

  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.scale-stretched #earth .planet {
  font-size: 20em;
}
#earth .planet {
  background-image: url("/wp-content/uploads/2023/05/download-and-blue-light-effect-lens-translucency-22.png");
  background-size: contain;
  background-position: center center;
border-radius: 0px;
  transition: all .2s linear;

}
.planet {

  background-repeat: no-repeat;
  background-size: cover;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  cursor: pointer;
}
.thanos-is-coming {

  transition: box-shadow 0.5s ease-in-out !important;
}
#sun, .planet {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em;
  border-radius: 50%;
  transform-style: preserve-3d;
}
.scale-stretched #jupiter.orbit {
  width: 100em;
  height: 100em;
  margin-top: -50em;
  margin-left: -50em;
}


.scale-stretched #jupiter .planet {
  font-size: 20em;
}

#jupiter .pos, #jupiter .planet, #jupiter.orbit {
  animation-duration: 14s;
}
#jupiter .planet {
  background-image: url("/wp-content/uploads/2023/05/download-and-blue-light-effect-lens-translucency-22.png");
    transition: all .2s linear;
  background-size: 200%;
  background-position: center center;
 background-blend-mode: lighten;
 border-radius: 0%;
}
.scale-stretched #saturn.orbit {
  width: 130em;
  height: 130em;
  margin-top: -65em;
  margin-left: -65em;
}

#saturn .pos, #saturn .planet, #saturn.orbit, #saturn .ring {
  animation-duration: 18s;
  transition: all 1s ease;
}
#saturn .planet {
  background-image: url("/wp-content/uploads/2023/05/download-and-blue-light-effect-lens-translucency-22.png");
    transition: all .2s linear;
  background-size: cover;
  background-position: center center;
border-radius: 0px;
}
.scale-stretched #saturn .planet {
  font-size:20em;
}
.planet-saturn {
 
  transition: box-shadow 0.5s ease-in-out !important;
}

.scale-stretched #uranus.orbit {
  width: 160em;
  height: 160em;
  margin-top: -80em;
  margin-left: -80em;

}


.planet-uranus {

  transition: box-shadow 0.5s ease-in-out !important;
}
.scale-stretched #uranus .planet {
  font-size: 20em;
}
#uranus .pos, #uranus .planet, #uranus.orbit {
  animation-duration: 24s;
  
   
}
#uranus .planet {
  background-image: url("/wp-content/uploads/2023/05/download-and-blue-light-effect-lens-translucency-22.png");
    transition: all .2s linear;
  background-size:cover;
  background-position: center center;
  border-radius: 0px;
  
}

.orbit:hover .planet{
    transform: scale(1.2) !important;
      transition: all .2s linear;
}
.orbit .planet{
      transition: transform .2s;
}
.view-3D.zoom-large #sun {
  transform-style: preserve-3d;
}
.scale-stretched #sun {
  font-size: 40em;
}
.view-3D .planet, .view-3D .moon {
  transform: rotateX(0deg);
}
.view-3D #solar-system {
   transform: rotateX(0deg) rotateY(0deg) ;
}
#sun {
  background-image: url("/wp-content/uploads/2023/06/uranus.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
 border-radius: 0;
   transform: rotateZ(350deg);
}
#uranus .pos {
  left: 20%;
  top: 22%;
}
#saturn .pos {
  left: 80%;
  top: 104%;
}
#jupiter .pos {
  left: 10%;
  top: 80%;
}
#earth .pos {
  left: 80%;
  top: 10%;
}
#uranus {
  z-index: 103;
}
#jupiter {
  z-index: 104;
}
#earth {
  z-index: 105;
  
}
#saturn {
  z-index: 102;
}

@keyframes invert{  
   0% {
  transform: rotateX(-90deg) rotateY(360deg) rotateZ(0deg);
}
100% {
  transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
}/* End custom CSS */