@charset "utf-8";

.screen_loading_all { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.8); }

.screen_loading_all.loading_hide { display: none; }

.screen_loading_all .center { position: fixed; z-index: 10; top: 100px; left: 50%; transform: translate(-50%, -50%); }

.screen_loading_all .center .txt { height: 40.3px; width: 100%; word-break: break-word; color: rgb(255, 255, 255); font-family: Lato; font-size: 20px; font-weight: bold; letter-spacing: 0px; line-height: 24px; text-align: center; }

.screen_loading_all .center .ouro { left: 50%; transform: translateX(-50%); }

.screen_loading_all .ouro { position: relative; display: inline-block; height: 46px; width: 46px; margin: 1em 1em 1em 0px; border-radius: 50%; background: none 0px 0px repeat scroll rgb(221, 221, 221); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px inset, rgba(0, 0, 255, 0.075) 0px 0px 25px; }

.screen_loading_all .ouro::after { content: ""; position: absolute; top: 9px; left: 9px; display: block; height: 28px; width: 28px; background: none 0px 0px repeat scroll rgb(242, 242, 242); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; }

.screen_loading_all .ouro > span { position: absolute; height: 100%; width: 50%; overflow: hidden; }

.screen_loading_all .ouro .left { left: 0px; }

.screen_loading_all .ouro .right { left: 50%; }

.screen_loading_all .ouro .anim { position: absolute; left: 100%; top: 0px; height: 100%; width: 100%; border-radius: 999px; background: none 0px 0px repeat scroll rgb(0, 0, 0); opacity: 0.8; animation: 3s ease 0s infinite normal none running ui-spinner-rotate-left; transform-origin: 0px 50% 0px; }

.screen_loading_all .ouro .left .anim { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }

.screen_loading_all .ouro .right .anim { border-bottom-right-radius: 0px; border-top-right-radius: 0px; left: -100%; transform-origin: 100% 50% 0px; }

.screen_loading_all .ouro3 .anim { animation-delay: 0s; animation-duration: 3s; animation-timing-function: linear; }

.screen_loading_all .ouro3 .right .anim { animation-name: ui-spinner-rotate-right; animation-delay: 1.5s; }

.screen_loading_all .ouro .round .ouro::after { display: none; }

.screen_loading_all .ouro .double .ouro::after { height: 13px; width: 13px; left: 7px; top: 7px; border: 10px solid rgb(221, 221, 221); background: rgba(0, 0, 0, 0); box-shadow: none; }

@keyframes ui-spinner-rotate-right { 
  0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); }
}

@keyframes ui-spinner-rotate-left { 
  0% { transform: rotate(0deg); }
  25% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}

@-webkit-keyframes ui-spinner-rotate-right { 
  0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); }
}

@-webkit-keyframes ui-spinner-rotate-left { 
  0% { transform: rotate(0deg); }
  25% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}