.headerimg_home {
	position: relative;
}

.headerimg_home img {
	position: relative;
	z-index: 1;
}

.round1 {
	background: #ff5b2f;
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 360px;
	top: -30px;
	z-index: 2;
	border-radius: 100%;
	-webkit-animation: myfirst01 10s infinite;
	/* Chrome, Safari, Opera */
	animation: myfirst01 10s infinite;
}

@-webkit-keyframes myfirst01 {
	0% {
		background: #ff5b2f;
	}

	20% {
		background: #ff5b2f;
	}

	25% {
		background: #fffb88;
	}

	45% {
		background: #fffb88;
	}

	50% {
		background: #17ceae;
	}

	70% {
		background: #17ceae;
	}

	75% {
		background: #0078ff;
	}

	95% {
		background: #0078ff;
	}

	100% {
		background: #ff5b2f;
	}
}

.round2 {
	background: #fffb88;
	display: block;
	height: 80px;
	width: 80px;
	position: absolute;
	right: -106px;
	top: 86px;
	z-index: 2;
	border-radius: 100%;
	-webkit-animation: myfirst02 10s infinite;
	/* Chrome, Safari, Opera */
	animation: myfirst02 10s infinite;
}

@-webkit-keyframes myfirst02 {
	0% {
		background: #fffb88;
	}

	20% {
		background: #fffb88;
	}

	25% {
		background: #17ceae;
	}

	45% {
		background: #17ceae;
	}

	50% {
		background: #0078ff;
	}

	70% {
		background: #0078ff;
	}

	75% {
		background: #ff5b2f;
	}

	95% {
		background: #ff5b2f;
	}

	100% {
		background: #fffb88;
	}
}

.round3 {
	background: #17ceae;
	display: block;
	height: 44px;
	width: 44px;
	position: absolute;
	right: -79px;
	bottom: 129px;
	z-index: 2;
	border-radius: 100%;
	-webkit-animation: myfirst03 10s infinite;
	/* Chrome, Safari, Opera */
	animation: myfirst03 10s infinite;
}

@-webkit-keyframes myfirst03 {
	0% {
		background: #17ceae;
	}

	20% {
		background: #17ceae;
	}

	25% {
		background: #0078ff;
	}

	45% {
		background: #0078ff;
	}

	50% {
		background: #ff5b2f;
	}

	70% {
		background: #ff5b2f;
	}

	75% {
		background: #fffb88;
	}

	95% {
		background: #fffb88;
	}

	100% {
		background: #17ceae;
	}
}

.round4 {
	background: #0078ff;
	display: block;
	height: 44px;
	width: 44px;
	position: absolute;
	left: 349px;
	bottom: 13px;
	z-index: 2;
	border-radius: 100%;
	-webkit-animation: myfirst04 10s infinite;
	/* Chrome, Safari, Opera */
	animation: myfirst04 10s infinite;
}

@-webkit-keyframes myfirst04 {
	0% {
		background: #0078ff;
	}

	20% {
		background: #0078ff;
	}

	25% {
		background: #ff5b2f;
	}

	45% {
		background: #ff5b2f;
	}

	50% {
		background: #fffb88;
	}

	70% {
		background: #fffb88;
	}

	75% {
		background: #17ceae;
	}

	95% {
		background: #17ceae;
	}

	100% {
		background: #0078ff;
	}
}

.round5 {
	background: #0076bd;
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	left: 225px;
	bottom: 63px;
	z-index: 2;
	border-radius: 100%;
	-webkit-animation: myfirst04 10s infinite;
	/* Chrome, Safari, Opera */
	animation: myfirst05 5s infinite;
}

.round6 {
	bottom: 223px;
	left: 103px;
	animation: myfirst06 5s infinite;
}

.round7 {
	top: 15px;
	left: 130px;
	animation: myfirst05 5s infinite;
}

.round8 {
	top: 0;
	right: 18px;
	animation: myfirst06 5s infinite;
	left: auto;
}

@-webkit-keyframes myfirst05 {
	0% {
		background: #0076bd;
	}

	50% {
		background: #74aad8;
	}

	100% {
		background: #0076bd;
	}
}

@-webkit-keyframes myfirst06 {
	0% {
		background: #74aad8;
	}

	50% {
		background: #0076bd;
	}

	100% {
		background: #74aad8;
	}
}

@media screen and (max-width: 1580px) {
	.round1 {
		left: 215px;
	}

	.round2 {
		right: 25px;
	}

	.round3 {
		right: 52px;
	}

	.round4 {
		left: 203px;
		bottom: 14px;
	}
}

@media screen and (max-width: 1299px) {

	.round1,
	.round2,
	.round3,
	.round4,
	.round5,
	.round6,
	.round7,
	.round8 {
		display: none;
	}
}

.down_arrow {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
	}

	60% {
		transform: translateY(-10px);
	}
}

@media screen and (min-width: 800px) {
	.cs-timeline:before {
		background: url(../images/case-study-timeline-bg.png) no-repeat right top;
		position: absolute;
		width: 100%;
		content: '';
		right: 0;
		top: 0;
		height: 100%;
		animation: bounce2 2s infinite;
		z-index: -1;
	}

	.homesection1:before,
	/* .web_app_services:before, .emptestimonials_mainbg:before
{background:url(../images/homesection1_bg.png) no-repeat center top;
     position:absolute; width:100%; content:''; left:0; top:0; 
     height:100%; animation: bounce2 2s infinite;} */
	.emptestimonials_mainbg,
	.emptestimonials_mainbg .container,
	.clienttimonials_mainbg,
	.clienttimonials_mainbg .container,
	.recent_eventsmn,
	.recent_eventsmn .container,
	.cs-details,
	.cs-details .container,
	.about_reactbg .container {
		position: relative;
	}

	.homesection2:before,
	/* .casestudies:before
     {background:url(../images/homesection2_bg.png) no-repeat center top;
         position:absolute; width:100%; content:''; left:0; top:0;
          height:100%;animation: bounce2 2s infinite;} */
	/* .homesection3:before {
		background: url(../images/homesection3_bg.png) no-repeat center top;
		position: absolute;
		width: 100%;
		content: '';
		left: 0;
		top: 0;
		height: 100%;
		animation: bounce2 2s infinite;
	} */

	/* .homesection4:before,
	.recent_eventsmn:before,
	.cs-details:before {
		background: url(../images/homesection4_bg.png) no-repeat center top;
		position: absolute;
		width: 100%;
		content: '';
		left: 0;
		top: 0;
		height: 100%;
		animation: bounce2 2s infinite;
	} */

	/* .homesection5:before,
	.clienttimonials_mainbg:before {
		background: url(../images/homesection5_bg.png) no-repeat center top;
		position: absolute;
		width: 100%;
		content: '';
		left: 0;
		top: 0;
		height: 100%;
		animation: bounce2 2s infinite;
	} */
/* 
	.homesection6:before {
		background: url(../images/homesection6_bg.png) no-repeat center top;
		position: absolute;
		width: 100%;
		content: '';
		left: 0;
		top: 0;
		height: 100%;
		animation: bounce2 2s infinite;
	} */

	/* .homesection7:before {
		background: url(../images/homesection7_bg.png) no-repeat center top;
		position: absolute;
		width: 100%;
		content: '';
		left: 0;
		top: 0;
		height: 100%;
		animation: bounce2 2s infinite;
	} */

	/* .homesection8bg
          {background:url(../images/homesection8_bg.png) no-repeat center top; 
            width:100%; left:0; top:0; animation: bounce2 2s infinite;} */
	/* .about_reactbg:before {
		background: url(../images/about-js-bg.png) no-repeat center top;
		position: absolute;
		width: 100%;
		content: '';
		left: 0;
		top: 0;
		height: 100%;
		animation: bounce2 2s infinite;
	} */
}

@keyframes bounce2 {
	0% {
		background-position: 0px 0;
	}

	50% {
		background-position: -6px -6px;
	}

	100% {
		background-position: 3px 0;
	}
}

.footer02 {
	overflow: hidden;
}

.animatedimg1,
.animatedimg2 {
	animation: bounce3 20s infinite;
	position: absolute;
	left: 0;
	bottom: 5px;
}

.animatedimg2 {
	animation: bounce4 18s infinite;
}

@keyframes bounce3 {
	0% {
		left: 0;
	}

	100% {
		left: 1350px;
	}
}

@keyframes bounce4 {
	0% {
		left: -100px;
	}

	100% {
		left: 1350px;
	}
}

@media screen and (max-width: 639px) {
	.animatedimg1 {
		animation: bounce3 15s infinite;
	}

	@keyframes bounce3 {
		0% {
			left: 0;
		}

		100% {
			left: 650px;
		}
	}
}