.animated-icons {
	padding: 100px 0 20px 50px;
	position: relative;
}
.inner-img {
	position:relative;
}
.com-icon {
	position: absolute;
	display: inline-block;
	border: 5px solid #333;
	color: #333;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	text-align: center;
	transform: scale(.8);
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-name: upload-animation;
	-moz-animation-name: upload-animation;
	-ms-animation-name: upload-animation;
	-o-animation-name: upload-animation;
	animation-name: upload-animation;
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-ms-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	opacity:0;
	overflow:hidden;
}
.com-icon.finsihed {
	opacity: 1;
}
.upload-file-icon {
	bottom: -20px;
	height: 60px;
	left: -30px;
	width: 60px;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}
.upload-file-icon i {
	font-size: 30px;
	line-height: 50px;
}
.phone-icon {
	height: 80px;
	left: -60px;
	margin-top: -30px;
	top: 50%;
	width: 80px;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
}
.phone-icon i {
	font-size: 50px;
	line-height: 70px;
}
.microphone-icon {
	height: 100px;
	left: -40px;
	top: -30px;
	width: 100px;
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-ms-animation-delay: 4s;
	-o-animation-delay: 4s;
	animation-delay: 4s;
}
.microphone-icon i {
	font-size: 50px;
	line-height: 90px;
}
.camera-icon {
	height: 100px;
	left: 45%;
	margin-left: -50px;
	top: -70px;
	width: 100px;
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-ms-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
}
.camera-icon i {
	font-size: 50px;
	line-height: 90px;
}
.video-icon {
	height: 120px;
	right: -20px;
	top: -50px;
	width: 120px;
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-ms-animation-delay: 6s;
	-o-animation-delay: 6s;
	animation-delay: 6s;
}
.video-icon i {
	font-size: 50px;
	line-height: 110px;
}
#carousel-home .carousel-caption.row > div:nth-child(2) img {
    margin-top: auto;
}


.com-icon img {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -24px !important;
}
.com-icon.upload-file-icon img {
    margin-left: -11px;
    margin-top: -14px !important;
}
.com-icon.phone-icon img {
    margin-top: -20px !important;
    margin-left: -20px;
}
.com-icon.microphone-icon img {
    margin-left: -16px;
}
.com-icon.video-icon img {
    margin-top: -17px !important;
}






/************************
//  animation effect  //
******************************/
@-webkit-keyframes upload-animation {
0% {
 transform: scale(.8);
 opacity: 0;
}
 50% {
 transform: scale(1.1) rotate(15deg);
 opacity: 1;
}
 100% {
 transform: scale(.8);
 opacity: 1;
}
}
 @-moz-keyframes upload-animation {
0% {
 transform: scale(.8);
 opacity: 0;
}
 50% {
 transform: scale(1.1) rotate(15deg);
 opacity: 1;
}
 100% {
 transform: scale(.8);
 opacity: 1;
}
}
 @-o-keyframes upload-animation {
0% {
 transform: scale(.8);
 opacity: 0;
}
 50% {
 transform: scale(1.1) rotate(15deg);
 opacity: 1;
}
 100% {
 transform: scale(.8);
 opacity: 1;
}
}
 @-ms-keyframes upload-animation {
0% {
 transform: scale(.8);
 opacity: 0;
}
 50% {
 transform: scale(1.1) rotate(15deg);
 opacity: 1;
}
 100% {
 transform: scale(.8);
 opacity: 1;
}
}
 @keyframes upload-animation {
0% {
 transform: scale(.8);
 opacity: 0;
}
 50% {
 transform: scale(1.1) rotate(15deg);
 opacity: 1;
}
 100% {
 transform: scale(.8);
 opacity: 1;
}
}