#container canvas{ width: 100%; height: 100%;}
			#fullscreenBtn{
			position: absolute;
			right: 40px;
			bottom: 25px;
			color :white;
			border: 1px solid white;
			border-radius: 4px;
			padding: 10px 20px;
			background-color: black;
			text-decoration: none;
			display:none;
			}
			
			#fullscreenBtn:hover{ color: black; background-color: white;}
			a{ color: #b70000;}
		
			#bekleyin {
			position: absolute;
			background-color: black;
			padding: 0px;
			text-decoration: none;		
			right: 0;
			bottom: 0;		
			width: 100%;
			font-size:28px;
			z-index:100;
			text-align: center;
			color:#fff;
			padding: 10px;
			}
				
			
			.add-to-list li {
			  list-style: none;
			  background: #d1703c;
			  color: #fff;
			  height: 0;
			  line-height: 2em;
			  margin: 0;
			  padding: 0 0.5em;
			  overflow: hidden;
			  width: 10em;
			}

			li.show{height:2em;
			border-width:2px}
			}
			

			
			
			.bekleyinnokta:after {
			  content: '.';
			  animation: dots 1s steps(5, end) infinite;}
			@keyframes dots {
			  0%, 20% {
				color: rgba(0,0,0,0);
				text-shadow:
				  .25em 0 0 rgba(0,0,0,0),
				  .5em 0 0 rgba(0,0,0,0);}
			  40% {
				color: white;
				text-shadow:
				  .25em 0 0 rgba(0,0,0,0),
				  .5em 0 0 rgba(0,0,0,0);}
			  60% {
				text-shadow:
				  .25em 0 0 white,
				  .5em 0 0 rgba(0,0,0,0);}
			  80%, 100% {
				text-shadow:
				  .25em 0 0 white,
				  .5em 0 0 white;}
				  }