.logo{
        animation: pulse 1s 1;
		}
		@keyframes pulse {
		  0% {

			opacity: 0.2;
		  }
		  100% {

			opacity: 1;
		  }
		}
		
		.marker-img {			
			width:62px;
			position:absolute; 
			left:0; 
			top:0; 
			z-index:11;
		}
		
		.shadow-img {
			width:64px;
			height:52px;
			position:absolute;
			left:8px;
			top:20px;
			z-index:10;
		}
		
		
		.table_list{
			width:100%;
			box-sizing:border-box;
			min-height:52px;
			font-size:11pt;
			
		}
		.table_list:active {			
			background-color:#eee;
			
		}
	
		.badge{
			max-width:400px;			
			padding:13px 16px 15px 15px;
			background-color:#fff;
			opacity:0.9;
			position:absolute;
			left: 50%;
			top:53%;
			transform: translate(-50%, 0);
			z-index:1000;
			border-radius: 4px;
			border:1px solid #333;
			box-shadow: 0 3px 6px rgba(0,0,0,0.3);
			display: inline-block;
			visibility: hidden;
		}
		
		.ctrlBtnBig{	
			width:45px;
			height:32px;
			border:1px solid #333; 
			border-radius:4px; 
			padding:2px;
			background-color:#fff;			
		}
		
		.ctrlBtnBig:active {
			background-color:#ddd;
			
		}
		
		
		
		.ctrlBtn:active {
			background-color:#ddd;
			
		}
		
		.ctrlBtnWide {
			width:200px;
			height:34px;
			padding:4px;
			padding-left:9px;
			padding-right:5px;			
			border: 1px solid #777;
			background-color:#ff5d9e;
			color:#fff;
			border-radius: 4px;
			box-shadow: 0 3px 6px rgba(0,0,0,0.3);
		}
		
		.ctrlBtnWide:active {
			background-color:#ed5a95;
			
		}
		
		.closeBtn {
			width:34px;
			height:34px;
			padding:0;
			position: absolute;
			z-index:10;
			top:15px;
			right:15px;
		}
		
		
		.leaflet-popup-content {
			padding:1px;
			background: #fff;
			margin:5px;
			margin-left:7px;
			word-wrap:break-word;
			pointer-events: none;
			max-width:170px;
			
		}
		.leaflet-popup-content-wrapper {
			padding:2px;			
			background: #fff;
			border-radius: 5px;
			pointer-events: none;
			
		}
		.leaflet-container a.leaflet-popup-close-button {
			padding: 2px 0 0 0;			
			width:100%;
			height:100%;
			opacity: 0.0;
		}
		
		.leaflet-popup-content-wrapper,
		.leaflet-popup-tip {
			background: white;
			color: #333;
			box-shadow: 0 3px 6px rgba(0,0,0,0.4);
			pointer-events: none;
			
		}
		.img-profile{
			width: 80px;
			height: 80px;
			background-size: cover;
			background-position: center;
			display: block;
			border-radius: 40px;
			-webkit-border-radius: 40px;
			-moz-border-radius: 40px;
			border:5px solid #eee;					 
		}
		.img-circular-sm{
			width: 60px;
			height: 60px;
			background-size: cover;
			background-position: center;
			display: block;
			border-radius: 30px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			border:3px solid #eee;					 
		}
		.img-circular-sm2{
			width: 46px;
			height: 46px;
			background-size: cover;
			background-position: center;
			display: block;
			border-radius:28px;
			-webkit-border-radius: 28px;
			-moz-border-radius: 28px;
			border:3px solid #eee;					 
		}
		
		.img-circular-sm3{
			width: 56px;
			height: 56px;
			background-size: cover;
			background-position: center;
			display: block;
			border-radius:28px;
			-webkit-border-radius: 28px;
			-moz-border-radius: 28px;
			border:3px solid #eee;					 
		}
		
		.img-circular-big{
			width: 60px;
			height: 60px;
			background-size: cover;
			background-position: center;
			display: block;
			border-radius: 30px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			border:3px solid #eee;					 
		}
		
		.scroll{
			box-sizing:border-box;
			padding:0;			
			margin-top:10px;
			width:100%;
			height:400px;
			overflow:auto;
			background-color:#fff;
			border:1px solid #ccc;			
		}
		
		.textAreaMessage{
			box-sizing: border-box;
			border:1px solid #ccc;
			border-radius: 4px;
			width:100%;
			margin:0;
			margin-top:10px;
			clear:both;
			-webkit-box-shadow: inset 0px 12px 5px -10px rgba(0,0,0,0.1);
			-moz-box-shadow: inset 0px 12px 5px -10px rgba(0,0,0,0.1);
			box-shadow: inset 0px 12px 5px -10px rgba(0,0,0,0.1);
			
		}
		
		.menuItem{
			
		}
		.menuItem:active{
			background-color:#eee;
		}
		.photo-thumbnail {
			box-sizing:border-box;
			width:32%;
			margin:1%;
			margin-right:0;
			margin-bottom:0;
			background-size: cover;
			background-position: center;
			display: block;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			background-color:#ccc;
			float:left;
		}
		
		.photoThumbnail2 {
			box-sizing:border-box;
			width:32%;
			margin:1%;
			margin-right:0;
			margin-bottom:0;
			background-size: cover;
			background-position: center;
			display: block;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			background-color:#ccc;
			float:left;
		}
		
		.big-photo {
			width:100%;
			//max-height:100%;
			margin-top:10px;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
		}
		
		.upload-btn-wrapper {
			position: relative;
			overflow: hidden;
			display: inline-block;
			width:50px;
		}

		.upload-btn-wrapper input[type=file] {
		  
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			width: 100%;
		}
				
		.hiddenMenu {
			background-color:#fff; 
			width:200px; 
			height:80px; 
			position: absolute; 
			z-index:14; 
			top:50px; 
			right:45px;
			padding-top:9px;
			padding-left:13px;			
			text-align:left;
			border-radius: 4px;
			box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
		}
		.reportbtn {
			text-align:left;
			
		}
		.popover {
			z-index:2014;
			border:1px solid #999;
			background: #FFF099;
			font-weight: bolder;
			box-shadow: 0 3px 6px rgba(0,0,0,0.3);			
		}
		.arrow::after, .bs-popover-bottom .arrow::after {  border-bottom-color: #FFF099; } 
		.arrow::after, .bs-popover-left   .arrow::after { border-left-color:    #FFF099; }
		
		.deletePingBtn:active {
			margin-top:3px;
		}
		
		.playSound:active {
			margin-top:3px;
		}
		
		
		.my-alert{
			width:60%;			
			padding:10px;
			text-align: center;	
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			z-index:3011;
			box-shadow: 0 3px 6px rgba(0,0,0,0.3);
			border-radius:4px;
			display:none;
			touch-action: none;
		}
				
		.searchRndDiv {
			position:absolute;
			z-index:1020;
			bottom:127px;			
			height:62px;			
			left: 50%;
			transform: translate(-50%, 0);			
		}
		
		.diceClass {
			width:60px;
		}
		
		.diceClass:active {
			position:relative;
			width:57px;
			left:2px;
			top:1px;
		}
				
		@keyframes animatedBackground {
			from { background-position: 1000% 0; }
			to { background-position: 0 0; }
		}
		
		.worldSearchAnimate {
			width:200px;
			height:200px;
			border-radius:100px;
			position:absolute;
			left: 50%;
			top: 45%;
			transform: translate(-50%, -50%);
			background-color:#fff;
			z-index:1010;
			box-shadow: 0 1px 30px rgba(255,255,255,0.3);
			display:none;			
			background-image: url(../img/map2.png);
			background-position: 0px 0px;
			background-repeat: repeat-x;
			animation: animatedBackground 10s linear infinite;
			 
		}
		
		.hideMapClass{
			position:absolute;
			top:0;
			left:0;
			z-index:1000;
			height:100%;
			width:100%;
			background-color:#000033;
			display:none;
		}
		
		
		
		.helpCard{
			width:100%;		
		}
		.nextBtn{
			width:150px;
			margin:10px;
		}
		.firstHelpImg{
			width:100%; 			 
			border:1px solid #ccc; 
			box-sizing:border-box; 
			margin-top:15px;
			margin-bottom:15px;
			
		}
		
		.panel {
			width:100%;
			height:100%;
			background: #fff;			
			position:absolute;
			top:0;					
			touch-action: none;
			padding:15px;
			text-align: left;
			display:none;
		}
		
		#soundsPanel {
			width:90%;
			height:80%;
			padding:15px;
			text-align: center;
			background: white;
			border: 1px solid #ccc;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			z-index:3010;
			box-shadow: 0 3px 6px rgba(0,0,0,0.3);
			border-radius:5px;
			display:none;
			touch-action: none;
		}
		
		#internetProblemWarn{
			width:40%;
			position: absolute;
			left: 50%;
			top:117px;			
			transform: translate(-50%, -50%);
			z-index:5500;
			padding:10px;
			border-radius: 4px;
			box-shadow: 0 3px 6px rgba(0,0,0,0.3);
			background-color:#fff;
			border: 1px solid #777;
			opacity: .8;
			display:none;
		}
		.topControlsTable{
			width:100%;
			position:absolute;
			z-index:2010;
			right:0px;
			top:5px;
			touch-action: none;			
		}
		
		.rightControls{
			width:37px;			
			position:absolute;
			right: 10px;
			top:100px;
			z-index:2005;
			touch-action: none;"
		}
		.leftControls{			
			width:37px;			
			position:absolute;
			left: 10px;
			top:100px;
			z-index:2010;
			touch-action: none;
		}
		#statusTextarea{
			touch-action: none;
			font-size:12pt;
			color:#777;
			border: 2px solid #555;
			border-radius: 4px;
			box-shadow: 0 3px 6px rgba(0,0,0,0.3);
			height:35px;
		}
		
		
		.imgBtnEnvelope{
			width:23px;
			margin-top:5px;
			margin-left:4px;
		}
		.imgBtnRedDot{
			display:none;
			width:6px;
			height:6px;
			position:absolute;
			margin-top:7px;
			margin-left:-5px;
		}
				
		#redDotPings{
			display:none;
			width:4px;
			height:4px;
			position:absolute;
			top:8px;
			left:9px;
		}
		
		#zoomInBtn{
			margin-top:25px;
			border-radius:20px;
		}
		#zoomOutBtn{
			margin-top:7px;
			border-radius:20px;
		}
				
		#showFirstHelpBtn{
			margin-top:15px;
			border-radius:20px;
		}
		#inviteBtn{
			position:absolute;
			border:0;
			left: 50%;
			height:40px;
			bottom:32px;
			transform: translate(-50%, 0);
			z-index:2011;
			width:250px;
			padding-top:7px;			
		}
		
		#wantChatDiv{			
			border:0;
			width:250px;
			height:40px;
			background-color:#fff;
			color:#000;
			position:absolute;
			left: 50%;
			bottom:82px;
			transform: translate(-50%, 0);
			z-index:2011;
			padding-right:5px;			
		}
		
		.langDivNotSelected{
			text-align:center;
			width:30px;
			height:30px;
			padding:1px;
			border:0;
			border-radius:5px;
			color:#333;
			opacity:0.5;
		}
		.langDivSelected{
			text-align:center;
			width:30px;
			height:30px;
			padding:1px;
			border:1px solid #333;
			border-radius:5px;
			color:#000;
		}
		
		#soundsListDiv{			
			box-sizing:border-box;
			width:100%;
			height:300px;
			margin-top:10px;
			overflow:auto;
			padding:0px;
			border: 1px solid #ccc;						
		}
		.listDiv{
			box-sizing:border-box;
			width:100%;
			height:300px;
			margin-top:10px;
			overflow:auto;
			padding:0px;
			border: 1px solid #ccc;						
		}
		.eventsList{
			box-sizing:border-box;
			width:100%;
			height:300px;
			margin:0;
			overflow:auto;
			padding:0px;
			border: 1px solid #ccc;
			position:absolute;
			top:0;			
			padding-top:2px;			
		}
		#loaderRotateGif{			
			position:relative; 
			z-index:2815; 
			width:30px;
			display:none;
			top:5px;		
		}
		#loginName{			
			padding:0;
			margin:1%;
			box-sizing:border-box;
			margin-top:8px;
			margin-bottom:8px;
			text-align:left;
			font-size:11pt;				
		}
		#userAge, #userLang{
			width:28px; 
			height:28px;
			padding:2px;
			margin-bottom:3px;
			background-color:#fff;
			border-radius:3px;
			text-align:center;
		}
		#editProfileBtn {
			margin:0;
			margin-left:3px;
			margin-right:5px;
			padding:0;
		}
		#complainBtn{
			width:100%;
			height:30px; 
			margin-top:3px;
		}
		#closeHiddenMenu{
			width:100%;
			height:100%;
			opacity:0;
			background-color:#ccc;
			position: absolute;
			z-index:13;
			top:0;
		}
		
		
		
		
		#aboutUser, #profileStatus{
			padding:8px; 
			margin:1%; 
			box-sizing:border-box; 
			margin-top:13px; 
			margin-bottom:8px; 
			background-color:#f1f1f1; 
			text-align:left; 
			border-radius: 5px;			
			font-size:11pt;
		}
		.warnProfile{
			margin:1%;
			margin-top:10px;
			margin-bottom:10px;
		}
		#complainPanel{					
			border: 1px solid #ccc;			
			top:140px;
			z-index:5000;
			border-radius: 4px;
			box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
		}
		
		
		
		#threeDots2{
			/*удаить -для диалога старого*/
			position: absolute;
			z-index:11;
			top:45px;
			right:15px;
		}
		
		
		
		#closeHiddenMenu2{
			width:100%;
			height:100%;
			opacity: 0;
			background-color:#ccc;
			position: absolute;
			z-index:13;
			top:0;
		}
		
		#wait_warn, #file_warn{
			font-size:14px;
			padding:0px;
			display:none;
			margin-top:-5px;
			width:100%;
			text-align:center
		}