/* STOP ANIMATION */

.stop {
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
}

/* Loading Circle */

.ball1 {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(144,203,115,0.9);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:33px;
	box-shadow: 0 0 15px #b1e583; 
	width:33px;
	height:33px;
	margin:0 auto;
	position:relative;
	top:-44px;
	-moz-animation:spin 2s infinite linear;
	-webkit-animation:spin 2s infinite linear;
}

@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}

/* Second Loadin Circle */


.circle {
	background-color: rgba(0,0,0,0);
	border:1px solid rgba(93,151,64,0.9);
	opacity:.9;
	border-right:1px solid rgba(0,0,0,0);
	border-left:1px solid rgba(0,0,0,0);
	border-radius:66px;
	box-shadow: 0 0 35px #5DDA40;
	width:66px;
	height:66px;
	margin:0 auto;
	top:-30px;
	-moz-animation:spinPulse 17s infinite ease-in-out;
	-webkit-animation:spinPulse 17s infinite linear;
}
.logo {
	background-image: url(logoj/tarz.png);
	border:0px solid rgba(93,151,64,0.9);
	opacity:.9;
	border-left:0px solid rgba(0,0,0,0);
	border-right:0px solid rgba(0,0,0,0);
	border-radius:66px;
	box-shadow: 0 0 0px #5DDA40; 
	width:66px;
	height:66px;
	margin:0 auto;
	position:relative;
	top:	10px;
	-moz-animation:spinPulse 0s infinite linear;
	-webkit-animation:spinPulse 0s infinite linear;
}
.teker {
	background-image: url(logoj/teker.png);
	border:0px solid rgba(93,151,64,0.9);
	opacity:.9;
	border-left:0px solid rgba(0,0,0,0);
	border-right:0px solid rgba(0,0,0,0);
	border-radius:80px;
	box-shadow: 0 0 0px #5DDA40; 
	width:80px;
	height:80px;
	margin:0 auto;
	position:relative;
	left:555px;
	top:-10px;
	-moz-animation:spinoffPulse 10s infinite linear;
	-webkit-animation:spinoffPulse 10s infinite linear;
}

@-moz-keyframes spinPulse {
	0% { -moz-transform:rotate(45deg); opacity:0; box-shadow:0 0 1px #5DDA40;}
	50% { -moz-transform:rotate(145deg); opacity:1; }
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
	0% { -webkit-transform:rotate(45deg); opacity:0; box-shadow:0 0 1px #5DDA40; }
	50% { -webkit-transform:rotate(145deg); opacity:1;}
	100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}

/* Trigger button for javascript */

.trigger, .triggerFull, .triggerBar {
	background: #000000;
	background: -moz-linear-gradient(top, #161616 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #161616 0%,#000000 100%);
	border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333; 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	color: #fff;
	padding: 10px;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 140px;
}
		
.trigger:hover, .triggerFull:hover, .triggerBar:hover {
	background: -moz-linear-gradient(top, #202020 0%, #161616 100%);
	background: -webkit-linear-gradient(top, #202020 0%, #161616 100%);
}

.logostop {
background-images:url(images/logoj/cevre.png);	
	width:100px;
	height:100px;
	margin:0 auto;
	top:50px;

}