.message {
	font-family: "Avenir LT W01_85 Heavy1475544";
	text-indent: 20px;
	overflow: hidden;
	color:#fff;
	background-color:#ffb98b;
}
.initial-view{
	height:0px;
	padding:0 30px;
	cursor:none;

	-moz-animation: slide 1s ease 3.5s forwards;
	-webkit-animation: slide 1s ease 3.5s forwards;
	-o-animation: slide 1s ease 3.5s forwards;
	-ms-animation: slide 1s ease 3.5s forwards;
    animation: slide 1s ease 3.5s forwards;
}

@-moz-keyframes slide /* Firefox */
{
	from {height: 0;}
	to {max-height: 32px;}
}

@-webkit-keyframes slide /* Safari and Chrome */
{
	from {height: 0;}
	to {max-height: 30px;}
}

@-o-keyframes slide /* Opera */
{
	from {height: 0;}
	to {max-height: 30px;}
}

@-ms-keyframes slide /* IE10 */
{
	from {height: 0;}
	to {height: 30px;}
}

@keyframes slide
{
	from {height: 0;}
	to {height: 30px;}
}

.partial-view {
	padding:0 30px;
	max-height: 32px;
	cursor: pointer;

	-webkit-transition:max-height 2s ease;
    -moz-transition:max-height 2s ease;
    -o-transition:max-height 2s ease;
    transition:max-height 2s ease;
}


.entire-view{
	padding:0 30px;
	cursor: pointer;
	/*max-height should be calculated for a better result*/
	max-height:400px;

	-webkit-transition:max-height 3.5s ease;
    -moz-transition:max-height 3.5s ease;
    -o-transition:max-height 3.5s ease;
    transition:max-height 3.5s ease;
}
