@import url(https://fonts.googleapis.com/css?family=Open+Sans);
  @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono);
	.window{
		text-align:left;
		font-family: 'Open Sans', sans-serif;
		font-size: 10px;
		background: -webkit-linear-gradient(45deg, #260e1e 0%,#f57453 100%);
		background:    -moz-linear-gradient(45deg, #260e1e 0%,#f57453 100%);
		background:      -o-linear-gradient(45deg, #260e1e 0%,#f57453 100%);
	}
	.window .btn{
		background: -webkit-linear-gradient(top, #f79477 0%,#d94c1b 100%);
		background:    -moz-linear-gradient(top, #f79477 0%,#d94c1b 100%);
		background:      -o-linear-gradient(top, #f79477 0%,#d94c1b 100%);
		width: 15px;
		height: 15px;
		display: block;
		border-radius: 100px;
		box-shadow:0px 0px 1px 0px #41403A,0px 1px 1px 0px #474642;
		color:#3e3d39;
		text-decoration: none;
		text-shadow:0px 1px 0px rgba(255,255,255,0.2);
		font-size: 11px;
		text-align: center;
		float: left;
		margin:0px 1px;
		line-height: 13px;
	}
	.window .btn:hover{
		background: -webkit-linear-gradient(top, #feae97 0%,#d74e1f 100%);
		background:    -moz-linear-gradient(top, #feae97 0%,#d74e1f 100%);
		background:      -o-linear-gradient(top, #feae97 0%,#d74e1f 100%);
	}
	.window .stnd{
		background: -webkit-linear-gradient(top, #908f8a 0%,#595953 100%);
		background:    -moz-linear-gradient(top, #908f8a 0%,#595953 100%);
		background:      -o-linear-gradient(top, #908f8a 0%,#595953 100%);
	}
	.window .stnd:hover{
		background: -webkit-linear-gradient(top, #cbcbcb 0%,#949494 100%);
		background:    -moz-linear-gradient(top, #cbcbcb 0%,#949494 100%);
		background:      -o-linear-gradient(top, #cbcbcb 0%,#949494 100%);
	}
	.window .head{
		background: -webkit-linear-gradient(top, #4d4c47 0%,#3c3b37 100%);
		background:    -moz-linear-gradient(top, #4d4c47 0%,#3c3b37 100%);
		background:      -o-linear-gradient(top, #4d4c47 0%,#3c3b37 100%);
		box-shadow: 0px 2px 0px #575757 inset;
		height: 15px;
		padding: 5px;
		border-radius: 8px 8px 0px 0px;
	}
	.window .head span{
		font-size: 11px;
		color:#fff;
		font-weight: bold;
		text-shadow:0px -1px 0px #333;
		margin-left: 10px;
	}
	.window .max{
		line-height: 12px;
		text-indent: 0.3px;
	}
	.window{
		border:1px solid #eaeaea;
		border-top:none;
		border-radius: 8px 8px 0px 0px;
		min-height: 300px;
		width: 550px;
		margin:0px auto;
		margin-top:20px;
		background: #000;
		box-shadow: 0px 3px 20px #333;
	}
	.window .term{
		color:#AAA;
		font-size: 14px;
		font-family: 'Ubuntu Mono', sans-serif;
	}
	@-webkit-keyframes fall{1%{opacity:1;}49%{opacity:1;}50%{opacity:0;}99%{opacity:0;}100%{opacity:1;}}
	   @-moz-keyframes fall{1%{opacity:1;}49%{opacity:1;}50%{opacity:0;}99%{opacity:0;}100%{opacity:1;}}
		 @-o-keyframes fall{1%{opacity:1;}49%{opacity:1;}50%{opacity:0;}99%{opacity:0;}100%{opacity:1;}}

	.window .term .cursor{

		-webkit-animation: fall 1s linear infinite;
		   -moz-animation: fall 1s linear infinite;
		     -o-animation: fall 1s linear infinite;
	}






.loader .animated { 
 	-webkit-animation-name: bounceIn;
 	-webkit-animation-duration: 4s;
 	-webkit-animation-iteration-count: 10;
 	-webkit-animation-timing-function: ease-out;
 	-webkit-animation-fill-mode: forwards;
	
 	animation-name: bounceIn;
 	animation-duration: 4s;
 	animation-iteration-count: 10;
 	animation-timing-function: ease-out;
 	animation-fill-mode: forwards;
} 

/*
 * Animation for webkit
*/
@-webkit-keyframes bounce1 { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 
  
@keyframes bounce1 { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 
  
/*
 * Adding the animation to our element
*/
.loader .bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce1; 
}