/* @font-face {
  font-family: Shabnam;
  src: url(../fonts/Shabnam.ttf);
}
@font-face {
  font-family: yekan ;
  src: url(../fonts/BYekan.ttf); 
}
@font-face {
  font-family: titr ;
  src: url(../fonts/titr.ttf);
}
@font-face {
  font-family: sans ;
  src: url(../fonts/sans.ttf);
}
@font-face {
  font-family: vazir ;
  src: url(../fonts/vazir.ttf);
}
@font-face {
  font-family: lalezar ;
  src: url(../fonts/lalezar.ttf);
}
@font-face {
  font-family: dastnevis ;
  src: url(../fonts/dastnevis.otf);
  font-weight:u;
  font-style: normal;
  font-stretch: 100;
}
@font-face {
  font-family: Neirizi;
  src: url(../fonts/Neirizi.ttf);
}
@font-face {
  font-family: Bardiya;
  src: url(../fonts/Bardiya.ttf);
}
@font-face {
  font-family: Aban;
  src: url(../fonts/Aban.ttf);
}
@font-face {
  font-family: Delbar;
  src: url(../fonts/Delbar.ttf);
}
@font-face {
  font-family: IranNastaliq;
  src: url(../fonts/IranNastaliq.ttf);
}
@font-face {
  font-family: SOGAND;
  src: url(../fonts/SOGAND.ttf);
}
@font-face {
  font-family: Helveticab;
  src: url(../fonts/Helvetica.otf);
}
@font-face {
  font-family: futurab;
  src: url(../fonts/futura.ttf);
}
@font-face {
  font-family: Bodonib;
  src: url(../fonts/Bodoni.ttf);
} */
.transmitter-container{
  display: none;
  overflow: hidden;
  position: fixed;
  width: 100%;
  height:100vh;
  z-index: 99;
  left: 0;
  top:0;
}
.preloader-container{
    overflow: hidden;
    position: fixed;
    width: 100%;
    height:100vh;
    z-index: 99;
    left: 0;
    top:0;
}
.preloader-div{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1f1f1f;
}
.center-div{
    width: fit-content;
}
.active-selected{
  color: green;
}
.transmitter-div{
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.transmitter-background{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: green;
}
/* pl 1 */
.bargozar-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
.bargozar-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #ffffff;
    border-radius: 50%;
    animation: bargozar-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #ddd0d0 transparent transparent transparent;
}
.bargozar-ring div:nth-child(1) {
    animation-delay: -0.45s;    
}
.bargozar-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.bargozar-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
/* pl 2 */
.bargozar-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.bargozar-roller div {
  animation: bargozar-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.bargozar-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin: -4px 0 0 -4px;
}
.bargozar-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.bargozar-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.bargozar-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.bargozar-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.bargozar-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.bargozar-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.bargozar-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.bargozar-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.bargozar-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.bargozar-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.bargozar-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.bargozar-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.bargozar-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.bargozar-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.bargozar-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.bargozar-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
/* pl 3 */
.bargozar-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.bargozar-spinner div {
  transform-origin: 40px 40px;
  animation: bargozar-spinner 1.2s linear infinite;
}
.bargozar-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
}
.bargozar-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.bargozar-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.bargozar-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.bargozar-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.bargozar-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.bargozar-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.bargozar-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.bargozar-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.bargozar-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.bargozar-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.bargozar-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.bargozar-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
/* pl 4 */
.bargozar-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.bargozar-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  animation: bargozar-default 1.2s linear infinite;
}
.bargozar-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.bargozar-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.bargozar-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.bargozar-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.bargozar-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.bargozar-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.bargozar-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.bargozar-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.bargozar-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.bargozar-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.bargozar-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.bargozar-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
/* pl 5 */
.bargozar-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.bargozar-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: bargozar-dual-ring 1.2s linear infinite;
}
/* pl 6 */
.bargozar-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.bargozar-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.bargozar-ellipsis div:nth-child(1) {
  left: 16px;
  animation: bargozar-ellipsis1 0.6s infinite;
}
.bargozar-ellipsis div:nth-child(2) {
  left: 16px;
  animation: bargozar-ellipsis2 0.6s infinite;
}
.bargozar-ellipsis div:nth-child(3) {
  left: 40px;
  animation: bargozar-ellipsis2 0.6s infinite;
}
.bargozar-ellipsis div:nth-child(4) {
  left: 62px;
  animation: bargozar-ellipsis3 0.6s infinite;
}
/* pl 7 */
.bargozar-grid {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.bargozar-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  animation: bargozar-grid 1.2s linear infinite;
}
.bargozar-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.bargozar-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.bargozar-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.bargozar-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.bargozar-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.bargozar-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.bargozar-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.bargozar-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.bargozar-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
/* pl 8 */
.bargozar-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.bargozar-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  animation: bargozar-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.bargozar-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.bargozar-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.bargozar-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
/* pl 9 */
.bargozar-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.bargozar-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: bargozar-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.bargozar-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
/* pl 10 */
.bargozar-circle {
  display: inline-block;
  transform: translateZ(1px);
}
.bargozar-circle > div {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  animation: bargozar-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
/* pl 11 */
.bargozar-hourglass {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.bargozar-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: bargozar-hourglass 1.2s infinite;
}

/* p 12 */
.bargozar-colored-bars div {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 60px;
  top: 70px;
  animation: bargozar-colored-bars 1s cubic-bezier(0.5,0,0.5,1) infinite;
}.bargozar-colored-bars div:nth-child(1) {
  transform: translate(-50px,-70px);
  background: #e15b64;
  animation-delay: -0.6s;
}.bargozar-colored-bars div:nth-child(2) {
  transform: translate(-17px,-70px);
  background: #f47e70;
  animation-delay: -0.4s;
}.bargozar-colored-bars div:nth-child(3) {
  transform: translate(17px,-70px);
  background: #f8b26a;
  animation-delay: -0.2s;
}.bargozar-colored-bars div:nth-child(4) {
  transform: translate(50px,-70px);
  background: #abbd81;
  animation-delay: -1s;
}
.bargozar-colored-bars {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-colored-bars div { box-sizing: content-box; }
/* p 13 */
.bargozar-ball div {
  position: relative;
  width:50px;
  height:50px;
  border-radius: 50%;
  animation: bargozar-ball 1s linear infinite;
}
.bargozar-ball {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-ball div { box-sizing: content-box; }
/* pl 14 */

.bargozar-cubes div {
  position: absolute;
  width: 40px;
  height: 40px;
  animation: bargozar-cubes 1s linear infinite;
}
.bargozar-cubes div:nth-child(1) {
  left:-60px;
  top:-65px;
  animation-delay:0s;
}
.bargozar-cubes div:nth-child(2) {
  left:-18px;
  top:-65px;
  animation-delay:0.125s;
}
.bargozar-cubes div:nth-child(3) {
  left:24px;
  top:-65px;
  animation-delay:0.25s;
}
.bargozar-cubes div:nth-child(4) {
  left:-60px;
  top:-23px;
  animation-delay:0.875s;
}
.bargozar-cubes div:nth-child(5) {
  left:24px;
  top:-23px;
  animation-delay:0.375s;
}
.bargozar-cubes div:nth-child(6) {
  left:-60px;
  top:19px;
  animation-delay:0.75s;
}
.bargozar-cubes div:nth-child(7) {
  left:-18px;
  top:19px;
  animation-delay:0.625s;
}
.bargozar-cubes div:nth-child(8) {
  left:24px;
  top:19px;
  animation-delay:0.5s;
}
.bargozar-cubes {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-cubes div { box-sizing: content-box; }
/* pl 15 */
.bargozar-chunk-cube > div {
  animation: bargozar-chunk-cube-r 4s linear infinite;
  animation-timing-function: cubic-bezier(0,1,0,1);
  transform-origin: 100px 100px;
}
.bargozar-chunk-cube > div > div {
  width: 200px;
  height: 200px;
  position: relative;
  animation: bargozar-chunk-cube-z 1s linear infinite;
  transform-origin: 200px 200px;
}
.bargozar-chunk-cube > div > div div {
  position: absolute;
  width: 100px;
  height: 100px;
  transform-origin: 50px 50px;
}
.bargozar-chunk-cube > div > div div:nth-child(1) {
  left: 0px;
  top: 0px;
  animation: bargozar-chunk-cube-p 1s linear infinite, bargozar-chunk-cube-c 4s linear infinite;
}
.bargozar-chunk-cube > div > div div:nth-child(2) {
  left: 100px;
  top: 0px;
  animation: bargozar-chunk-cube-p 1s linear infinite, bargozar-chunk-cube-c 4s linear infinite;
}
.bargozar-chunk-cube > div > div div:nth-child(3) {
  left: 0px;
  top: 100px;
  animation: bargozar-chunk-cube-p 1s linear infinite, bargozar-chunk-cube-c 4s linear infinite;
}
.bargozar-chunk-cube > div > div div:nth-child(4) {
  left: 100px;
  top: 100px;
  
  animation: bargozar-chunk-cube-c 4s linear infinite
}
.bargozar-chunk-cube {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-chunk-cube div { box-sizing: content-box; }
/* pl 16 */
.bargozar-cube-puls div {
  position: absolute;
  width: 60px;
  height: 60px;
  top: -64px;
  left: -64px;
  animation: bargozar-cube-puls 1s cubic-bezier(0,0.5,0.5,1) infinite;
  animation-delay: -0.3s;
}
.bargozar-cube-puls div:nth-child(2) {
  top: -64px;
  left: 10px;
  animation-delay: -0.2s;
}
.bargozar-cube-puls div:nth-child(3) {
  top: 10px;
  left: -64px;
  animation-delay: 0s;
}
.bargozar-cube-puls div:nth-child(4) {
  top: 10px;
  left: 10px;
  animation-delay: -0.1s;
}
.bargozar-cube-puls {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-cube-puls div { box-sizing: content-box; }
/* pl 17 */
.bargozar-dual-ball div {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: -30px;
  left: -60px;
}
.bargozar-dual-ball div:nth-child(1) {
  animation: bargozar-dual-ball 1s linear infinite;
  animation-delay: -0.5s;
}
.bargozar-dual-ball div:nth-child(2) {
  animation: bargozar-dual-ball 1s linear infinite;
  animation-delay: 0s;
}
.bargozar-dual-ball div:nth-child(3) {
  animation: bargozar-dual-ball-o 1s linear infinite;
  animation-delay: -0.5s;
}
.bargozar-dual-ball {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-dual-ball div { box-sizing: content-box; }
/* pl 18 */
.bargozar-double-ring div { box-sizing: border-box!important }
.bargozar-double-ring > div {
  position: absolute;
  width: 100px;
  height: 100px;
  top: -50px;
  left: -50px;
  border-radius: 50%;
  border: 5px solid #000;
  border-color: #e15b64 transparent #e15b64 transparent;
  animation: bargozar-double-ring 2.2s linear infinite;
}

.bargozar-double-ring > div:nth-child(2), .bargozar-double-ring > div:nth-child(4) {
  width: 60px;
  height: 60px;
  top: -30px;
  left: -30px;
  animation: bargozar-double-ring 1.4s linear infinite reverse;
}
.bargozar-double-ring > div:nth-child(2) {
  border-color: transparent #f8b26a transparent #f8b26a
}
.bargozar-double-ring > div:nth-child(3) { border-color: transparent }
.bargozar-double-ring > div:nth-child(3) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
.bargozar-double-ring > div:nth-child(4) { border-color: transparent; }
.bargozar-double-ring > div:nth-child(4) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
.bargozar-double-ring {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-double-ring div { box-sizing: content-box; }
/* pl 19 */
.bargozar-disk > div > div {
  position: absolute;
  border-radius: 50%;
}
.bargozar-disk > div > div:nth-child(1) {
  top: -60px;
  left: -40px;
  width: 85px;
  height: 85px;
}
.bargozar-disk > div > div:nth-child(2) {
  top: -52px;
  left: 2px;
  width: 22px;
  height: 22px;
  animation: bargozar-disk 2s linear infinite;
  transform-origin: 0px 35px;
}
.bargozar-disk {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-disk div { box-sizing: content-box; }
/* pl 20 */
.bargozar-eclipse div {
  position: absolute;
  animation: bargozar-eclipse 1s linear infinite;
  width: 100px;
  height: 100px;
  top: -50px;
  left: -50px;
  border-radius: 50%;
  transform-origin: 50px 52px;
}
.bargozar-eclipse {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-eclipse div { box-sizing: content-box; }
/* pl 21 */
.bargozar-gear > div {
  transform-origin: 100px 100px;
  display: block;
  animation: bargozar-gear 0.25s infinite linear;
  margin-left: -100px;
  margin-top: -100px;
}
.bargozar-gear > div div {
  position: absolute;
  width: 22px;
  height: 122px;
  left: 100px;
  top: 100px;
  transform: translate(-50%,-50%);
 
}
.bargozar-gear > div div:nth-child(1) {
  width: 95px;
  height: 95px;
  border-radius: 50%;
}
.bargozar-gear > div div:nth-child(6) {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}.bargozar-gear > div div:nth-child(3) {
  transform: translate(-50%,-50%) rotate(45deg)
}.bargozar-gear > div div:nth-child(4) {
  transform: translate(-50%,-50%) rotate(90deg)
}.bargozar-gear > div div:nth-child(5) {
  transform: translate(-50%,-50%) rotate(135deg)
}
.bargozar-gear {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-gear div { box-sizing: content-box; }
/* pl 22 */
.bargozar-magnify > div {
  transform: scale(0.8);
  transform-origin: -50px -300px;
}
.bargozar-magnify > div > div {
  animation: bargozar-magnify 1.2s linear infinite;
  position: absolute
}
.bargozar-magnify > div > div div:nth-child(1) {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}
.bargozar-magnify > div > div div:nth-child(2) {
  width: 17px;
  height:  51px;
  transform: rotate(-45deg);
  border-radius: 0 0 8px 8px;
  position: absolute;
  top: 53px;
  left: 65px
}
.bargozar-magnify {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-magnify div { box-sizing: content-box; }
/* pl 23 */
.bargozar-interwind > div { transform: translate(-50px,-50px) }
.bargozar-interwind > div > div {
  animation: bargozar-interwind-r 1s linear infinite;
  transform-origin: 50px 50px;
}
.bargozar-interwind > div > div > div {
  position: absolute;
  transform: translate(100px, 32px);
}
.bargozar-interwind > div > div > div > div {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  animation: bargozar-interwind-s 1s linear infinite;
}
.bargozar-interwind > div > div:last-child {
  animation-delay: -0.5s;
}
.bargozar-interwind > div > div:last-child > div > div {
  animation-delay: -0.5s;
}
.bargozar-interwind {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-interwind div { box-sizing: content-box; }
/* pl 24 */
.bargozar-radio div {
position: absolute;
animation: bargozar-radio 1s linear infinite;
box-sizing: border-box !important;
}
.bargozar-radio div:nth-child(1) {
width: 22px;
height: 22px;
left: -10px;
top: -10px;
border-radius: 50%;
}
.bargozar-radio div:nth-child(2) {
width: 33px;
height: 33px;
left: 5px;
top: -35px;
border-radius: 0 33px 0 0;
background: none;
animation-delay: 0.1s;
border-bottom: 0;
border-left: 0;
}
.bargozar-radio div:nth-child(3) {
width: 55px;
height: 55px;
left: 3px;
top: -57px;
border-radius: 0 55px 0 0;
background: none;
animation-delay: 0.2s;

}
.bargozar-radio {
width: fit-content;
height: fit-content;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
}
.bargozar-radio div { box-sizing: content-box; }
/* pl 25 */
.bargozar-wedge > div > div {
  animation: bargozar-wedge 3.0303030303030303s linear infinite;
  opacity: 0.8
}
.bargozar-wedge > div > div > div {
  position: absolute;
  left:-50px;
  top: -50px;
  width: 50px;
  height: 50px;
  border-radius: 50px 0 0 0;
  transform-origin: 100px 100px
}.bargozar-wedge > div div:nth-child(1) {
  animation-duration: 0.7575757575757576s
}
.bargozar-wedge > div div:nth-child(1) > div {
  transform: rotate(0deg);
}.bargozar-wedge > div div:nth-child(2) {
  animation-duration: 1.0101010101010102s
}
.bargozar-wedge > div div:nth-child(2) > div {
  transform: rotate(0deg);
}.bargozar-wedge > div div:nth-child(3) {
  animation-duration: 1.5151515151515151s
}
.bargozar-wedge > div div:nth-child(3) > div {
  transform: rotate(0deg);
}.bargozar-wedge > div div:nth-child(4) {
  animation-duration: 3.0303030303030303s
}
.bargozar-wedge > div div:nth-child(4) > div {
  transform: rotate(0deg);
}
.bargozar-wedge {
  width: fit-content;
  height: fit-content;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.bargozar-wedge div { box-sizing: content-box; }


@keyframes bargozar-ring {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
@keyframes bargozar-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}  
@keyframes bargozar-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bargozar-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
@keyframes bargozar-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bargozar-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bargozar-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes bargozar-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes bargozar-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes bargozar-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
@keyframes bargozar-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
@keyframes bargozar-circle {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}
@keyframes bargozar-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}
@keyframes bargozar-colored-bars {
  0% { opacity: 1 }
  50% { opacity: .5 }
  100% { opacity: 1 }
}
@keyframes bargozar-ball {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.45,0,0.9,0.55)
  }
  0% {
    transform: translate(0,0)
  }
  50% {
    transform: translate(0,68px);
    animation-timing-function: cubic-bezier(0,0.45,0.55,0.9);
  }
  100% {
    transform: translate(0,0);
  }
}
@keyframes bargozar-chunk-cube-r {
  0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(1,0,0,1) }
  0% { transform: scale(0.7000000000000001) rotate(180deg) }
  25% { transform: scale(0.7000000000000001) rotate(270deg) }
  50% { transform: scale(0.7000000000000001) rotate(360deg) }
  75% { transform: scale(0.7000000000000001) rotate(450deg) }
  100% { transform: scale(0.7000000000000001) rotate(540deg) }
}
@keyframes bargozar-chunk-cube-z {
  /* 0%, 50%, 100% { animation-timing-function: cubic-bezier(1,0,0,1) } */
  0% { transform: scale(1); animation-timing-function: cubic-bezier(1,0,0,1) }
  50% { transform: scale(1); animation-timing-function: cubic-bezier(1,0,0,1)}
  100% { transform: scale(.5); animation-timing-function: cubic-bezier(1,0,0,1) }
}
@keyframes bargozar-chunk-cube-p {
  0%, 50%, 100% { animation-timing-function: cubic-bezier(1,0,0,1) }
  0% { transform: scale(0); animation-timing-function: cubic-bezier(1,0,0,1) }
  50% { transform: scale(1); animation-timing-function: cubic-bezier(1,0,0,1) }
  100% { transform: scale(1); animation-timing-function: cubic-bezier(1,0,0,1) }
}
@keyframes bargozar-cube-puls {
  0% { transform: scale(1.1500000000000001) }
  100% { transform: scale(1) }
}
@keyframes bargozar-dual-ball-o {
  0%    { opacity: 1; transform: translate(0 0) }
 49.99% { opacity: 1; transform: translate(80px,0) }
 50%    { opacity: 0; transform: translate(80px,0) }
100%    { opacity: 0; transform: translate(0,0) }
}
@keyframes bargozar-dual-ball {
  0% { transform: translate(0,0) }
 50% { transform: translate(80px,0) }
100% { transform: translate(0,0) }
}
@keyframes bargozar-double-ring {
  0% { transform: rotate(0) }
  100% { transform: rotate(360deg) }
}
@keyframes bargozar-disk {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}
@keyframes bargozar-eclipse {
  0% { transform: rotate(0deg) }
  50% { transform: rotate(180deg) }
  100% { transform: rotate(360deg) }
}
@keyframes bargozar-gear {
  0% { transform: rotate(0deg) }
 50% { transform: rotate(22.5deg) }
100% { transform: rotate(45deg) }
}
@keyframes bargozar-magnify {
  0%    { transform: translate(2px,2px) }
 33.33% { transform: translate(102px,2px) }
 66.66% { transform: translate(42px,102px) }
100%    { transform: translate(2px,2px) }
}
@keyframes bargozar-interwind-r {
  0% { transform: rotate(0deg); animation-timing-function: cubic-bezier(0.2 0 0.8 0.8) }
  50% { transform: rotate(180deg); animation-timing-function: cubic-bezier(0.2 0.2 0.8 1) }
  100% { transform: rotate(360deg); animation-timing-function: cubic-bezier(0.2 0 0.8 0.8) }
}
@keyframes bargozar-interwind-s {
  0% { transform: translate(-30px,-30px) scale(0); animation-timing-function: cubic-bezier(0.2 0 0.8 0.8) }
  50% { transform: translate(-30px,-30px) scale(1); animation-timing-function: cubic-bezier(0.2 0.2 0.8 1) }
  100% { transform: translate(-30px,-30px) scale(0); animation-timing-function: cubic-bezier(0.2 0 0.8 0.8) }
}
@keyframes bargozar-radio {
  0% { opacity: 0 }
 20% { opacity: 1 }
100% { opacity: 1 }
}
@keyframes bargozar-wedge {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}