/*carousel or baner slideshow*/
	#myCarousel{
		height:500px;
	}
	
	#myCarousel img{
		height:450px;
	}
	
	.carousel-inner{
		padding:20px;
	}
	
	.carousel-caption{
		text-decoration:Bold;
		text-font:24px;
		text-align:center;
		font-size:22px;
		color:#478eeb;
	}
/*carousel or baner slideshow ended*/

/*for client logo in the main page
	.marquee,
	.marquee-with-options,
	.marquee-vert-before,
	.marquee-vert {
		width: 100%;
		height: 140px;
		overflow: hidden;
	}
	*/
/*Clients logo animation


	.displayBox{
		position:relative;
		overflow:hidden;
		width:150%;
		height:120px;
	}
	
	.multiplyMove{
		position:relative;
		overflow:default;
		-webkit-animation-name: obj; 										/* Chrome, Safari, Opera
		-webkit-animation-duration: 10s; 									/* Chrome, Safari, Opera 
		-webkit-animation-delay: 2s; 										/* Chrome, Safari, Opera 
		-webkit-animation-iteration-count: infinite;						 /* Chrome, Safari, Opera 
		animation-name: obj;
		animation-duration: 10s;
		animation-delay: 2s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}
	
	/*Chrome, Safari, Opera
	
	
	@-webkit-keyframes obj {
		0%	{left: 0px; top: 0px;}
		10%	{left: 100px; top: 0px;}
		20%	{left: 100px;top: -120px;}
		30%	{left: 0px;top: -120px;}
		40%	{left: 0px;top: -240px;}
		50%	{left: 100px;top: -240px;}
		60%	{left: 100px;top: -360px;}
		70%	{left: 0px;top: -360px;}
		80%	{left: 0px;top: -480px;}
		90%	{left: 100px;top: -480px;}
		100%{left: 0px;top: 0px;}*/
	}

	/* Standard syntax
	
	
	@keyframes obj {
		0%	{left: 0px; top: 0px;}
		10%	{left: 100px; top: 0px;}
		20%	{left: 100px;top: -120px;}
		30%	{left: 0px;top: -120px;}
		40%	{left: 0px;top: -240px;}
		50%	{left: 100px;top: -240px;}
		60%	{left: 100px;top: -360px;}
		70%	{left: 0px;top: -360px;}
		80%	{left: 0px;top: -480px;}
		90%	{left: 100px;top: -480px;}
		100%{left: 0px;top: 0px;}
	}
*/	
/*above client animation codes removed*/



/*current code of client sided code*/
/*
.slider{
    width:100%;
    overflow:hidden;
    position:relative;
    margin:0;
	height:140px;
}
.edge{
    left:0;
    right:0;
    top:0;
    bottom:0;
    position:absolute;
    height:100%;
    display:block;
}
.edge:before{
    content:'';
    position:absolute;
    left:0;
    background:-webkit-linear-gradient(left, white 10%, rgba(0,0,0,0) 100%);
    width:25%;
    height:100%;
}
.edge:after{
    content:'';
    position:absolute;
    right:0;
    background:-webkit-linear-gradient(right, white 10%, rgba(0,0,0,0) 100%);
    width:25%;
    height:100%;
}
ul{
   
    overflow:hidden;
    width:1000%;
    margin:0;
}
li{
    list-style:none;
    display:inline-block;
}*/