#aibox{/* height: 370px; */}
body{/* background-color: #000000; */}
.audio-player {animation: pulsex2 2s infinite;display: block;justify-content: center;align-items: center;background-size: 100%;background-position: center;background-repeat:no-repeat;width: 150px;height: 150px;border-radius: 50%;position:fixed;left: 50%;z-index:1000;margin: 0px 0px 0px -75px;top: 35%;} 
.audio-player.pl{animation: pulsex1 2s infinite;/* background-image: url(img/loader.webp); */}





.audio-player.aaa .plane.main {
    animation: nodxS 1.3s infinite linear;
}
@keyframes nodxS { 
0% {transform: scale(1.0);} 
10% {transform: scale(1.5);} 
20% {transform: scale(0.8);} 
30% {transform: scale(1.2);} 
40% {transform: scale(0.8);}
50% {transform: scale(1.0)} 
60% {transform: scale(0.9);}
70% {transform: scale(0.7);}  
80% {transform: scale(1.5);} 
90% {transform: scale(0.9);} 
100% {transform: scale(1.0) rotateX(0deg) rotateY(0deg) rotateZ(-40deg);}
} 
.audio-player.aaa .circle:nth-child(6) {display:none;}

















.audio-player.smlactiv{top: auto;bottom: 5%;}
.bigekr .audio-player.smlactiv{top: 470px;}
.audio-player svg{}
.pause-icon{
	width: 29px;
	height: 29px;
	position:  relative;
	z-index: 12345;
	float: none;
	clear:  both;
	margin: 60px auto -37px auto;
	display: block;
	} 
#mikrBtn,#mikrBtnxSpeechRec{display:block;width: 29px;height: 29px;user-select: none;}
#mikrBtnxSpeechRec{animation: nodm .8s infinite;}
@keyframes nodm { 
0% {transform: scale(0.9);} 
50% {transform: scale(1);} 
100% {transform: scale(0.9);} 
} 


.pause-icon svg{fill: #91aec3d9;border-radius:50%;}
.pause-icon svg:hover,#eye:hover svg.eyex,#dkm:hover svg{cursor: pointer;fill: #6e8da5 !important;}
.pause-icon.active svg{fill: #90a6b7bd;} 
#mikrBtn.stopM,#mikrBtnxSpeechRec.stopM,#mikrBtn.stopM:hover svg,#mikrBtnxSpeechRec.stopM:hover svg{fill:#F00 !important;}


@keyframes pulsex1 {15% {transform: scale(0.9); opacity: 0.4;}100% {opacity: 1;}15% {transform: scale(1.1); opacity: 0.9;}}
@keyframes pulsex2 {100% {opacity: 1;}50% {opacity: 0.8;}}
#xld{
    margin: -100px 0px -21px -7px;
    display: none;
    width: 32px;
    background-color: #ffffff96;
    border-radius: 50%;
    padding: 5px;
}
.plane {
  width: 100px;
  height: 100px;
  transform-style: preserve-3d;
}
.plane.main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: rotateX(60deg) rotateZ(-30deg);
  -webkit-animation: rotate 20s infinite linear;
  animation: rotate 20s infinite linear;
  z-index: 0;
}
.plane.main .circle {
  width: 100px;
  height: 100px;
  position: absolute;
  transform-style: preserve-3d;
  border-radius: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 60px #6e8da58c, inset 0 0 60px #ffffff;
}
.plane.main .circle::before, .plane.main .circle::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 10%;
  height: 10%;
  border-radius: 100%;
  background: #6e8da58c;
  box-sizing: border-box;
  box-shadow: 0 0 30px 2px #6e8da58c;
}
.plane.main .circle::before {
  transform: translateZ(-70px);
}
.plane.main .circle::after {
  transform: translateZ(70px);
}
.plane.main .circle:nth-child(1) {
  transform: rotateZ(72deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(2) {
  transform: rotateZ(144deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(3) {
  transform: rotateZ(216deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(4) {
  transform: rotateZ(288deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(5) {
  transform: rotateZ(360deg) rotateX(63.435deg);
}

@-webkit-keyframes rotate {
  0% {
    transform: rotateX(0) rotateY(0) rotateZ(0);
  }
  100% {
    transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotateX(0) rotateY(0) rotateZ(0);
  }
  100% {
    transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
  }
}










#time{position:relative;top: 16px;background-color: #abbdcc;/* background-color: #000; */text-align:center;border-radius: 16px;font-size: 15px;width: 76px;color: #ffffff;padding: 3px 0px 2px 0px;clear:  both;display:  block;float:  left;margin:  0px auto;float:  none;display:  block;}
#mikrBtn.startM #time{/* display:none; */}



#eye, #dkm{
    display: block;
    clear: both;
    float: left;
    /* fill: #77a7ce; */
    width: 44px;
    height: 44px;
    position:  relative;
    margin: 0px 0px 0px -75px;
    }
#dkm{float:right;margin: -43px -80px -10px 0px;}


















#eye img,#eye .delimg,#dkm .delimg2,#dkm .docld{display:  none;}
#eye.xphur_ld:hover svg.delimg,#dkm.xphur_ld:hover svg.delimg{display:block;}
#eye .eyex,#dkm .dkm{width:44px;height:44px;fill: #b0c5d4;}
#eye img.phur,#dkm img.phur2{width: 44px;height: auto;margin: 0px 0px 0px 0px;border-radius: 3px;overflow:  hidden;/* box-shadow: -2px 3px 6px #00000075; *//* border: 1px solid #ffffff8c; */display: none;}
#eye .delimg,#dkm .delimg2{transform: rotate(-45deg);margin: 13px auto -37px auto;fill:#F00;background-color: #000;border-radius: 50%;cursor:  pointer;}
#dkm.btnactYes img.phur2{display:block;box-shadow:none;width:20px;height:20px;margin: -24px 0px 0px 25px;}
#dkm.btnactYes .dkm{fill: #084b80;}
#dkm.btnactYes:hover .delimg2{display:block; fill:#F00 !important;}
#dkm.btnactYes .delimg2{margin: -35px 0px 0px 10px;}



#fmtxtsnd{position: fixed;left: 50%;margin: 0px 0px 0px -150px;bottom: 50px;z-index: 12345;}
#textsend,#textsend2{margin: 0px auto 0 auto;display:block;width: 300px;border: 1px solid #ffffff;height:100px;background-color: #f9f9f9;max-width: 305px;box-shadow: 0 0 60px #6e8da58c, inset 0 0 60px #ffffff;clear: both;}
#textsend2{margin: 20px auto 0 auto;width: 100%;max-width: 100%;position: fixed;bottom: 0px;left: 0px;height: 20px;text-align: center;background-color: #b3c2d147;border: none;box-shadow: none;padding: 10px 23px 0px 23px;font-size: 13px;line-height: 10px;color: #fff;resize: none;pointer-events: none;overflow: hidden;white-space: nowrap;background-color: #b1c6d5;z-index: 0;}
#textsend{display:none;}


#canvasV,#switchCamera{width: 183px;height: auto;position: fixed;left: 10px;bottom: 40px;border-radius: 17px;z-index: 2;display: none;}
#switchCamera{z-index: 1233;cursor: pointer;background-color: #000000;font-size: 10px;padding: 4px 0px;border: 1px solid #000;color: #FFF;}
#switchCamera:hover{background-color:#F00; color:#FFF; border-color:#F00;}
#canvasV{min-height:100px;background-color: #3d3d3d;}






#eyex,#smlx{position:fixed;;bottom: 0px;z-index: 12400;fill: #b0c5d4;width: 30px;height: 30px;background-color: #dee5eb;}
#smlx{right: 0px;width: 23px;height: 23px;bottom: -1px;fill: #467291;background-color: #dee5eb;padding: 4px;position: fixed;z-index: 12400;}
#eyex:hover,#smlx:hover,#smlx.acctv,#eyex.acctv{cursor:pointer; fill:#6e8da5;}
#eyex{left:0px;}


#xldx{border-radius:50%;margin: 40px auto 0px auto;display: block;width: 37px;height: auto;box-shadow: -2px 2px 4px -3px #000 inset;padding: 7px;position: relative;left: -4px;z-index: -2;}

#dwrlg {
    position: fixed;
    left: 10px;
    top: 11px;
    z-index: 2;
    box-shadow: 0px 0px 22px 1px #0000003d;
    height: 32px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
}
#mlnk {
    float: left !important;
    left: 180px !important;
    top: -5px !important;
}
#mlnk .bxst{display:none;}