#price-calculator {
	max-width: 270px;
	margin: 0 auto;
}
.pc-input{display: flex}
#pc-min,
#pc-plus{
	background-color: #00b5a8;
	color: #fff;
	height: 100%;
	min-width: 4em
}
#pc-min:hover,
#pc-plus:hover{
	color: #ccc;
	cursor: pointer
}
#pc-min,
#pc-plus,
#pc-users {
	border: 0;
	border-radius: 0 !important;
	display: block
}
#pc-users{
	text-align: center;
	font-size: 1.2em;
	font-weight: 600
}
#calculator-result {
	text-align: center;
	margin-top: 2em
}
#calculator-result .currency {
	margin-right: .2em
}
#calculator-result > span {
	font-size: 48px;
	font-weight: 500;
	line-height: 1.2
}
#price-calculator .pc-before,
#calculator-result .text {
	font-size: .8em
}
#price-calculator .pc-before {text-align:center}

@-webkit-keyframes shake {
	0% {-webkit-transform: translate(2px, 1px) rotate(0deg);}
	10% {-webkit-transform: translate(-1px, -2px) rotate(-1deg);}
	20% {-webkit-transform: translate(-3px, 0px) rotate(1deg);}
	30% {-webkit-transform: translate(0px, 2px) rotate(0deg);}
	40% {-webkit-transform: translate(1px, -1px) rotate(1deg);}
	50% {-webkit-transform: translate(-1px, 2px) rotate(-1deg);}
	60% {-webkit-transform: translate(-3px, 1px) rotate(0deg);}
	70% {-webkit-transform: translate(2px, 1px) rotate(-1deg);}
	80% {-webkit-transform: translate(-1px, -1px) rotate(1deg);}
	90% {-webkit-transform: translate(2px, 2px) rotate(0deg);}
	100% {-webkit-transform: translate(1px, -2px) rotate(-1deg);}
}
.shake:hover {
	-webkit-animation-name: shake;
	-webkit-animation-duration: 0.5s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
}