/**************************************
 *  description-1
 **************************************/

/**************************************
 *  description-2
 **************************************/
#description-2-crop.doAnimation,
#description-2-photo1.doAnimation,
#description-2-photo2.doAnimation,
#description-2-photo3.doAnimation,
#description-2-photo4.doAnimation {
	animation-duration: 8s;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	-webkit-animation-duration: 8s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
}

#description-2-crop.doAnimation {
	animation-name: description-2-crop-key;
	-webkit-animation-name: description-2-crop-key;
}
@keyframes description-2-crop-key {
	0%        { width: 116px; top: 96px;  left: 17px; }
	10%, 25%  { width: 87px;  top: 110px; left: 32px; }
	35%, 50%  { width: 116px; top: 96px;  left: 17px; }
	60%, 75%  { width: 87px;  top: 110px; left: 32px; }
	85%, 100% { width: 116px; top: 96px;  left: 17px; }
}
@-webkit-keyframes description-2-crop-key {
	0%        { width: 116px; top: 96px;  left: 17px; }
	10%, 25%  { width: 87px;  top: 110px; left: 32px; }
	35%, 50%  { width: 116px; top: 96px;  left: 17px; }
	60%, 75%  { width: 87px;  top: 110px; left: 32px; }
	85%, 100% { width: 116px; top: 96px;  left: 17px; }
}

#description-2-photo1.doAnimation {
	animation-name: description-2-photo1-key;
	-webkit-animation-name: description-2-photo1-key;
}
@keyframes description-2-photo1-key {
	0%,  1%   { opacity: 0; }
	10%, 25%  { opacity: 1; }
	26%, 100% { opacity: 0; }
}
@-webkit-keyframes description-2-photo1-key {
	0%,  1%   { opacity: 0; }
	10%, 25%  { opacity: 1; }
	26%, 100% { opacity: 0; }
}

#description-2-photo2.doAnimation {
	animation-name: description-2-photo2-key;
	-webkit-animation-name: description-2-photo2-key;
}
@keyframes description-2-photo2-key {
	0%,  26%  { opacity: 0; }
	35%, 50%  { opacity: 1; }
	51%, 100% { opacity: 0; }
}
@-webkit-keyframes description-2-photo2-key {
	0%,  26%  { opacity: 0; }
	35%, 50%  { opacity: 1; }
	51%, 100% { opacity: 0; }
}

#description-2-photo3.doAnimation {
	animation-name: description-2-photo3-key;
	-webkit-animation-name: description-2-photo3-key;
}
@keyframes description-2-photo3-key {
	0%,  51%  { opacity: 0; }
	60%, 75%  { opacity: 1; }
	76%, 100% { opacity: 0; }
}
@-webkit-keyframes description-2-photo3-key {
	0%,  51%  { opacity: 0; }
	60%, 75%  { opacity: 1; }
	76%, 100% { opacity: 0; }
}

#description-2-photo4.doAnimation {
	animation-name: description-2-photo4-key;
	-webkit-animation-name: description-2-photo4-key;
}
@keyframes description-2-photo4-key {
	0%,  76%  { opacity: 0; }
	85%, 100% { opacity: 1; }
}
@-webkit-keyframes description-2-photo4-key {
	0%,  76%  { opacity: 0; }
	85%, 100% { opacity: 1; }
}

/**************************************
 *  description-3
 **************************************/

#description-3-artwork.doAnimation,
#description-3-catchphrase.doAnimation,
#description-3-photo1.doAnimation,
#description-3-photo2.doAnimation,
#description-3-photo3.doAnimation,
#description-3-photo4.doAnimation {
	animation-duration: 5s;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	-webkit-animation-duration: 5s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
}

#description-3-artwork.doAnimation {
	animation-name: description-3-artwork-key;
	-webkit-animation-name: description-3-artwork-key;
}
@keyframes description-3-artwork-key {
	0%, 80%   { opacity: 1; }
	90%, 100% { opacity: 0.4; }
}
@-webkit-keyframes description-3-artwork-key {
	0%, 80%   { opacity: 1; }
	90%, 100% { opacity: 0.4; }
}

#description-3-catchphrase.doAnimation {
	animation-name: description-3-catchphrase-key;
	-webkit-animation-name: description-3-catchphrase-key;
}
@keyframes description-3-catchphrase-key {
	0%, 90% { opacity: 0; }
	100%    { opacity: 1; }
}
@-webkit-keyframes description-3-catchphrase-key {
	0%, 90% { opacity: 0; }
	100%    { opacity: 1; }
}

#description-3-photo1.doAnimation {
	animation-name: description-3-photo1-key;
	-webkit-animation-name: description-3-photo1-key;
}
@keyframes description-3-photo1-key {
	0%, 19%   { opacity: 0; }
	20%, 100% { opacity: 1; }
}
@-webkit-keyframes description-3-photo1-key {
	0%, 19%   { opacity: 0; }
	20%, 100% { opacity: 1; }
}

#description-3-photo2.doAnimation {
	animation-name: description-3-photo2-key;
	-webkit-animation-name: description-3-photo2-key;
}
@keyframes description-3-photo2-key {
	0%, 39%   { opacity: 0; }
	40%, 100% { opacity: 1; }
}
@-webkit-keyframes description-3-photo2-key {
	0%, 39%   { opacity: 0; }
	40%, 100% { opacity: 1; }
}

#description-3-photo3.doAnimation {
	animation-name: description-3-photo3-key;
	-webkit-animation-name: description-3-photo3-key;
}
@keyframes description-3-photo3-key {
	0%, 59%   { opacity: 0; }
	60%, 100% { opacity: 1; }
}
@-webkit-keyframes description-3-photo3-key {
	0%, 59%   { opacity: 0; }
	60%, 100% { opacity: 1; }
}

#description-3-photo4.doAnimation {
	animation-name: description-3-photo4-key;
	-webkit-animation-name: description-3-photo4-key;
}
@keyframes description-3-photo4-key {
	0%, 79%   { opacity: 0; }
	80%, 100% { opacity: 1; }
}
@-webkit-keyframes description-3-photo4-key {
	0%, 79%   { opacity: 0; }
	80%, 100% { opacity: 1; }
}

