body{
			display:flex;
			width:100%;
			height:100vh;
			margin:0;
			padding:0;
			background:#000;

			font-family: Arial;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 120%;
			flex-direction:column;
			letter-spacing: 0.02em;

			color: #6E6E6E;
		}
		*{box-sizing: border-box;}


		.LsPlayer{display:flex;   margin:15px 0px;  height: fit-content; min-width:320px; max-width: 360px;   width: 100%; background: #262626; border-radius: 27px;}
		.LsPlayer > div {display:flex; position:relative; width:320px; margin:auto;  padding:15px 0px; flex-direction:column; }




		#LsPlayer { display:none; }
		.LsPlayer{ }


		.LsPlayer-status{ 
			    background: url(img/LED.png);
			    background-repeat: no-repeat;
			    background-size: cover;
			    box-sizing: border-box;
			    width: 33px;
			    height: 33px;
			    border-radius: 50%;
			    display: flex;
			    padding: 3px;
			transition:1s;
		}

		.LsPlayer-status > div.playing{
	               	display: flex;
			
			margin: auto;
			box-shadow: 0px 0px 50px 0px #83dc57;
			background: linear-gradient( 180deg, #99EF60 0%, #58C426 100%);
			width: 100%;
			height: 100%;
			border-radius: 50%;
		        transition:1s;
			opacity:0;
		}
		.LsPlayer-status.play > div.playing{

			    opacity:1;
			   transition:1s;
		}


	.LsPlayer-status > div.loadingBg {
		display: flex;
		margin: auto;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		transition: 0.2s;
		opacity: 0;
		background-color: #135d01;

	}
	.LsPlayer-status.loading > div.loadingBg {
		opacity: 1;
	}


		.LsPlayer-toggler{

			 width: 140px;
			display: flex;
			background: #ccc;
			padding: 5px;
			cursor:pointer;
			border-radius: 50px;
			background: #AAAAAA;
			box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.35);
			border-radius: 40px;


		}

		 .LsPlayer-toggler.on > div{ margin-left: auto; }
		.LsPlayer-toggler > div{

			    width: 55px;
			    height: 55px;
			    border-radius: 30px;
		 	    background: url(img/Toggle2.png);
			    background-repeat: no-repeat;
			    background-size: 57px 57px;
    			    background-position: -1px -1px;
			    box-sizing: border-box;
			    box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.7);
			    display: flex;

		}

		.wrap-middle > div{
			display: flex;
			align-items: center;
		}
		 .lbl{
			margin-bottom:6px;
		}




		.wrap-status{
			display: flex;
	    		align-items: center;
			margin-left:auto;

		}
		.LsPlayer-status{ margin-left:21px;}

		.slider {

		    display: flex;
		    width: 320px;
		    height: 80px;
		    /* align-items: center; */
		    background: url(img/Slider.png);
		    background-repeat: no-repeat;
		    background-size: cover;
		    position: relative;

		}


		.slider .range {
		    width: 330px;
		    height: 51px;
		    -webkit-appearance: none;
		    outline: none;
		    border: 0;
		    background: transparent;
		    position: absolute;
		    top: 50%;
		    left: -5px;
		    transform: translate(0, -27.5px);

		}

		.slider .range::-webkit-slider-thumb  {
		  -webkit-appearance: none;
			display: flex;
			height: 51px;
			width: 75px;
			box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.55);
			border-radius: 15px;

 			background: url(img/SliderHandler.png);
			background-repeat: no-repeat;
			background-size: cover;
    		        cursor: grabbing;
		        cursor: -webkit-grabbing;
		}

		.slider .range::-moz-range-thumb {
		   -webkit-appearance: none;
			display: flex;
			height: 51px;
			width: 75px;
			box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.55);
			border-radius: 15px;

 			background: url(img/SliderHandler.png);
			background-repeat: no-repeat;
			background-size: cover;
    		        cursor: grabbing;
		        cursor: -webkit-grabbing;
		}

		.slider .range::-ms-thumb {
		       -webkit-appearance: none;
			display: flex;
			height: 51px;
			width: 75px;
			box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.55);
			border-radius: 15px;

 			background: url(img/SliderHandler.png);
			background-repeat: no-repeat;
			background-size: cover;
    		        cursor: grabbing;
		        cursor: -webkit-grabbing;
		}


               .wrap-slider{ margin-bottom:25px; }

		 .wrap-logo{ display:flex; margin-bottom:25px; align-items:center; }
		.tg {display:flex; margin-left:auto; }
		.tg a{display:flex; flex-direction:column;  text-decoration:none; }
		.tg img{display:flex; width:24px; margin:auto;}
		.tg span{display:flex; margin:auto; font-size: 12px; margin-top:5px;  line-height: 120%; letter-spacing:  0.02em; color: #6E6E6E;}

  		.wrap-share{ display:flex; position:relative; margin-top:20px; align-items:center; }
		.share {display:flex; margin:auto; margin-right:0;}
		.share a{display:flex;   text-decoration:none; }
		.share img{display:flex; width:30px; margin:auto;}
		.share span{display:flex; margin:auto; font-size: 12px; margin-right:12px;  line-height: 120%; letter-spacing: 0.02em; color: #6E6E6E;}
		.absoluteCenter{ position:absolute;   transform: translate(-50%, -50%); top: 50%;   left: 50%; }


		#popupHost{position:fixed; z-index:1000;}

		.popup{background: rgba(0, 0, 0, 0.81); display:flex; position:absolute; width:100%; height:100%;  box-shadow:0px 4px 100px #000000;    justify-content: center; z-index: 5;}		


		.popupFrame{margin-bottom:5px; margin-top:10px;}

		.popup > div{
			    position: relative;
			    overflow: hidden;
    				width: 360px;
			    height: 360px;
			    background: #424242;
			    border-radius: 27px;
			    /*top: 20px;*/
		}
		.popupTitle{

			font-size: 12px;
			line-height: 120%;
			 margin: 16px 0px 8px;

			text-align: center;
			letter-spacing: 0.005em;

			color: #FFFFFF;
		}

		.black-button{

		background: #171717;
		border-radius: 40px;

		font-size: 12px;
		line-height: 120%;

		 margin:auto; 
		text-align: center;
		letter-spacing: 0.005em;

		color: #6E6E6E;
		 
		    cursor: pointer;
		    border: 0 !important;
	 	    padding: 8px 30px;
		}
#mainlogo {
	position: relative;
	margin: 0 auto;
	margin-top: 56px;
}

.app{
       display:flex;
	width:100%;
        flex-wrap: wrap;
    justify-content: space-around;
    height: fit-content;
}

.header{
    padding: 20px 0 10px 0;
    align-items: center;
    justify-content: center;
    display: flex;
}