[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
html {
	height:100%;
}
body {
	/*background: #666 fixed url('/img/blue_bg.png');*/
	background: url('/img/01.png') fixed, url('/img/testbg2.jpg') no-repeat center center fixed; 
	-webkit-background-size: auto, cover;
	-moz-background-size: auto, cover;
	-o-background-size: auto, cover;
	background-size: auto, cover;	
	background-color: #333;
	-webkit-backface-visibility:hidden;
	height:100%;
	font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #ddd;	
	overflow: hidden;
}

h3 {
	color:#666;
}

textarea {
  resize:none;
}

#main {
	position: relative;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	min-height: 100%;
	background-color: rgba(100,100,100,.5);
}
#view {
	min-height:600px;
	padding-bottom: 100px;
}
#footer {
	width:100%;
	position: absolute;
	bottom:0;
	text-align:center; 
	border-top: 1px solid #000;
	background-color: #222;
	background: url('/img/3px.png'); 	
}
#footer a,
#footer a:visited,
#footer a:active {
  color:#ccc;
}

#nav-userdata-container {
	margin-right:20px;
}
.nav-userdata-text {
	font-size: 24px;
	line-height: 24px;
	margin: 0 10px;
	color:#fc0;
}
.navbar {
	border-radius: 0px;
	min-height: 55px;
}
.navbar-inverse {
	background-color: #222;
	background: url('/img/3px.png'); 
}
.navbar-brand {
	position: absolute;
	padding:0;
	left:50%;
	margin:5px 11px 5px -151px;
}

.comment-input {
}
.little-buttons {
	margin-bottom:10px;
}





.btn-pink {
  color: #ffffff;
  background-color: #C2528C;
  border-color: #C2528C;
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active {
  color: #ffffff;
  background-color: #C2528C;
  border-color: #C2528C;
}

.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #C2528C;
  border-color: #C2528C;
}

.btn2 {
    display: inline-block;
    background: #82B311;
    -webkit-box-shadow: 0px 3px 0px 0px #6C940D, 0px -1px 0px 0px #9cd418 inset, 0px 2px 5px 0px #858585;
    -moz-box-shadow: 0px 3px 0px 0px #6C940D, 0px -1px 0px 0px #9cd418 inset, 0px 2px 5px 0px #858585;
    box-shadow: 0px 3px 0px 0px #6C940D, 0px -1px 0px 0px #9cd418 inset, 0px 2px 5px 0px #858585;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0s 0;
    -moz-transition: all 0s 0;
    -o-transition: all 0s 0;
    transition: all 0s 0;
    text-shadow: 0px -1px 0px #6C940D;
    padding: 5px 15px;
    margin: 5px 0px;
    border-color: #6C940D;
    border-width: 1px;
    border-style: solid;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    font-style: normal;
    min-width: 65px;
}
/*.btn2:hover {
    background: #398fa1;
    -webkit-box-shadow: 0px 3px 0px 0px #316396, 0px -1px 0px 0px #41c0ad inset, 0px 2px 5px 0px #858585;
    -moz-box-shadow: 0px 3px 0px 0px #316396, 0px -1px 0px 0px #41c0ad inset, 0px 2px 5px 0px #858585;
    box-shadow: 0px 3px 0px 0px #316396, 0px -1px 0px 0px #41c0ad inset, 0px 2px 5px 0px #858585;
    text-shadow: 0px -1px 0px #316496;
    border-color: #316496;
}*/
.btn2:active {
    background: #82B311;
    -webkit-box-shadow: 0px 1px 0px 0px #6C940D, 0px -1px 0px 0px #9cd418 inset;
    -moz-box-shadow: 0px 1px 0px 0px #6C940D, 0px -1px 0px 0px #9cd418 inset;
    box-shadow: 0px 1px 0px 0px #6C940D, 0px -1px 0px 0px #9cd418 inset;
    text-shadow: 0px -1px 0px #6C940D;
    margin: 7px 0px 3px 0px;
    border-color: #6C940D;
}

.btn3 {
    display: inline-block;
    background: #C2528C;
    -webkit-box-shadow: 0px 3px 0px 0px #953F6B, 0px -1px 0px 0px #FFA3D3 inset, 0px 2px 5px 0px #858585;
    -moz-box-shadow: 0px 3px 0px 0px #953F6B, 0px -1px 0px 0px #FFA3D3 inset, 0px 2px 5px 0px #858585;
    box-shadow: 0px 3px 0px 0px #953F6B, 0px -1px 0px 0px #FFA3D3 inset, 0px 2px 5px 0px #858585;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0s 0;
    -moz-transition: all 0s 0;
    -o-transition: all 0s 0;
    transition: all 0s 0;
    border-color: #953F6B;
    border-width: 1px;
    border-style: solid;
    color:#fff;
    padding:5px 12px;
    font-weight: normal;
}
.btn3:hover,
.btn3:focus,
.btn3:active,
.btn3.active {
  color: #ffffff;
}
.btn3:active {
    background: #C2528C;
    -webkit-box-shadow: 0px 1px 0px 0px #953F6B, 0px -1px 0px 0px #FFA3D3 inset;
    -moz-box-shadow: 0px 1px 0px 0px #953F6B, 0px -1px 0px 0px #FFA3D3 inset;
    box-shadow: 0px 1px 0px 0px #953F6B, 0px -1px 0px 0px #FFA3D3 inset;
    margin: 2px 0px -2px 0px;
    border-color: #953F6B;
}

.btn[disabled] {
	background-color: #eee;
	color: #ccc;
	border-color:#ddd;
}





.card-bg {
}
.card-container {
	height:330px;
}
.card-area {
}
.card-space {
	text-align: center;
	margin:175px 0 0 0;
	font-size: 50px;
	color:#F7C014;
}
.card-space-mobile {
	text-align: center;
	margin:40px 0 40px 0;
	font-size: 50px;
	color:#F7C014;
}
.card {
	position: absolute;
	left:43px;
	background-color: #f5f5f5;
	height:360px;
	width:300px;
	padding:10px 10px 0 10px;
	border-radius: 2px;
	cursor: pointer;
}
.l-card {
	transform: rotate(-15deg);
	-webkit-transform:rotate(-15deg); /* Safari and Chrome */	
	box-shadow: -4px 8px 10px 0px rgba(0,0,0,.3);

}
.r-card {
	transform: rotate(15deg);
	-webkit-transform:rotate(15deg); /* Safari and Chrome */	
	box-shadow: 4px 8px 10px 0px rgba(0,0,0,.3);	
}
.card-text {
	color:#444;
	font-size: 20px;
	font-weight: bold;
	margin:9px 0 0 0;
	text-align: center;
}
.card.ng-enter,
.card.ng-leave {
  -webkit-transition: .3s linear all;
  -moz-transition: .3s linear all;
  -o-transition: .3s linear all;
  transition: .3s linear all;
}
.l-card.ng-enter {
	opacity:1;
	-webkit-transform: translateX(-500px) rotate(180deg);
	-moz-transform: translateX(-500px) rotate(180deg);
	-o-transform: translateX(-500px) rotate(180deg);
	transform: translateX(-500px) rotate(180deg);
}
.l-card.ng-enter.card.ng-enter-active {
	opacity:1;
	-webkit-transform: translateX(0) rotate(-15deg);
	-moz-transform: translateX(0) rotate(-15deg);
	-o-transform: translateX(0) rotate(-15deg);
	transform: translateX(0) rotate(-15deg);
}
.l-card.ng-leave {
	opacity:1;	
	-webkit-transform: translateX(0) rotate(-15deg);	
	-moz-transform: translateX(0) rotate(-15deg);	
	-o-transform: translateX(0) rotate(-15deg);	
	transform: translateX(0) rotate(-15deg);	
}
.l-card.ng-leave.card.ng-leave-active {
	opacity:1;	
	-webkit-transform: rotate(90deg) translateX(1000px);
	-moz-transform: rotate(90deg) translateX(1000px);
	-o-transform: rotate(90deg) translateX(1000px);
	transform: rotate(90deg) translateX(1000px);
}
.r-card.ng-enter {
	opacity:1;
	-webkit-transform: translateX(500px) rotate(-180deg);
	-moz-transform: translateX(500px) rotate(-180deg);
	-o-transform: translateX(500px) rotate(-180deg);
	transform: translateX(500px) rotate(-180deg);
}
.r-card.ng-enter.card.ng-enter-active {
	opacity:1;
	-webkit-transform: translateX(0) rotate(15deg);
	-moz-transform: translateX(0) rotate(15deg);
	-o-transform: translateX(0) rotate(15deg);
	transform: translateX(0) rotate(15deg);
}
.r-card.ng-leave {
	opacity:1;	
	-webkit-transform: translateX(0) rotate(15deg);	
	-moz-transform: translateX(0) rotate(15deg);	
	-o-transform: translateX(0) rotate(15deg);	
	transform: translateX(0) rotate(15deg);	
}
.r-card.ng-leave.card.ng-leave-active {
	opacity:1;	
	-webkit-transform: rotate(-90deg) translateX(-1000px);
	-moz-transform: rotate(-90deg) translateX(-1000px);
	-o-transform: rotate(-90deg) translateX(-1000px);
	transform: rotate(-90deg) translateX(-1000px);
}



@-webkit-keyframes lpulse {
    0% { -webkit-transform: scale(1) rotate(-15deg); }
	50% { -webkit-transform: scale(1.1) rotate(-15deg); }
    100% { -webkit-transform: scale(1) rotate(-15deg); }
}
@-moz-keyframes lpulse {
    0% { -moz-transform: scale(1) rotate(-15deg); }
	50% { -moz-transform: scale(1.1) rotate(-15deg); }
    100% { -moz-transform: scale(1) rotate(-15deg); }
}
@-o-keyframes lpulse {
    0% { -o-transform: scale(1 rotate(-15deg)); }
	50% { -o-transform: scale(1.1) rotate(-15deg); }
    100% { -o-transform: scale(1) rotate(-15deg); }
}
@keyframes lpulse {
    0% { transform: scale(1) rotate(-15deg); }
	50% { transform: scale(1.1) rotate(-15deg); }
    100% { transform: scale(1) rotate(-15deg); }
}

.lpulse {
	-webkit-animation-duration: .5s;
	   -moz-animation-duration: .5s;
	     -o-animation-duration: .5s;
	        animation-duration: .5s;	
	-webkit-animation-name: lpulse;
	-moz-animation-name: lpulse;
	-o-animation-name: lpulse;
	animation-name: lpulse;
}

@-webkit-keyframes rpulse {
    0% { -webkit-transform: scale(1) rotate(15deg); }
	50% { -webkit-transform: scale(1.1) rotate(15deg); }
    100% { -webkit-transform: scale(1) rotate(15deg); }
}
@-moz-keyframes rpulse {
    0% { -moz-transform: scale(1) rotate(15deg); }
	50% { -moz-transform: scale(1.1) rotate(15deg); }
    100% { -moz-transform: scale(1) rotate(15deg); }
}
@-o-keyframes rpulse {
    0% { -o-transform: scale(1 rotate(15deg)); }
	50% { -o-transform: scale(1.1) rotate(15deg); }
    100% { -o-transform: scale(1) rotate(15deg); }
}
@keyframes rpulse {
    0% { transform: scale(1) rotate(15deg); }
	50% { transform: scale(1.1) rotate(15deg); }
    100% { transform: scale(1) rotate(15deg); }
}

.rpulse {
	-webkit-animation-duration: .5s;
	   -moz-animation-duration: .5s;
	     -o-animation-duration: .5s;
	        animation-duration: .5s;	
	-webkit-animation-name: rpulse;
	-moz-animation-name: rpulse;
	-o-animation-name: rpulse;
	animation-name: rpulse;
}




@-webkit-keyframes recswing {
	0%, 50%, 100% { -webkit-transform-origin: top center; }
	0% { -webkit-transform: rotate(-2deg); }
	50% { -webkit-transform: rotate(2deg); }
	100% { -webkit-transform: rotate(-2deg); }
}
@-moz-keyframes recswing {
	0% { -moz-transform: rotate(-2deg); }
	50% { -moz-transform: rotate(2deg); }
	100% { -moz-transform: rotate(-2deg); }
}
@-o-keyframes recswing {
	0% { -o-transform: rotate(-2deg); }
	50% { -o-transform: rotate(2deg); }
	100% { -o-transform: rotate(-2deg); }
}
@keyframes recswing {
	0% { transform: rotate(-2deg); }
	50% { transform: rotate(2deg); }
	100% { transform: rotate(-2deg); }
}
.recswing {
	-webkit-animation-duration: 10s;
	   -moz-animation-duration: 10s;
	     -o-animation-duration: 10s;
	        animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;	        
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: recswing;
	-moz-animation-name: recswing;
	-o-animation-name: recswing;
	animation-name: recswing;
}








@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.alertify-log {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;

	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;	        
}
.alertify-log-hide {
	-webkit-animation-name: none;
	-moz-animation-name: none;
	-o-animation-name: none;
	animation-name: none;
}