/* CSS Document */
.main-slide-container
{
	position: relative;
}

.main-slide
{
	position: relative;
	width: 100%;

	transition: opacity ease 1.5s;
}

#main-slide-2
{
	position: absolute;
	top: 0;
	left: 0;
}

#main-slide-3
{
	position: absolute;
	top: 0;
	left: 0;
}	

.cycle-btns
{
	position: relative;

	width: 25px;
	margin-top: -25px;
	top: 50%;
}

.cycle-btns:hover
{
	cursor: pointer;
}

#cycle-left img
{
	float: left;
}

#cycle-right img
{
	float: right;
}

/* - */

#second-slider
{
	padding: 64px 0 0 0;
}

#testimonial-slider
{
	position: relative;			
}

#cycle-left, #cycle-right
{
	position: relative;
	float: left;

	width:25px;
	height: 525px;			
}

#testimonial-container
{
	position: relative;
	width: calc(100% - 50px);
	background-color: white;
	height: 525px;
	float: left;
	box-shadow: 0px 0px 20px #8d8d8d;
	
	transition: height ease 1s;

	overflow: hidden;
}

#testimonial-inner
{
	position: absolute;
	left: 0;
	top: 0;
	transition: left ease 2s;
	height: 100%;
	width: 400%;
}

.testimonial-single
{
	position: relative;
	float: left;
	padding: 16px;
	width: 25%;
}

.testimonial-img
{
	position: relative;
	width: 100%;
	float: left;
}

.testimonial-txt
{
	position: relative;
	float: left;
	width: 100%;
	padding: 32px 0 0 0;
}

@media (min-width:480px)
{
	#testimonial-container
	{
		height:460px;				
	}
}

@media (min-width:768px)
{
	#testimonial-container
	{
		height:300px;	
		width: calc(100% - 100px);
	}

	.testimonial-txt
	{
		padding: 32px 0 0 32px;
	}			

	#cycle-left, #cycle-right
	{
		width:50px;
		height: 300px;			
	}
}

@media (min-width:992px)
{
	#testimonial-container
	{
		height:380px;	
	}

	.testimonial-txt
	{
		padding: 32px;
	}	

	#cycle-left, #cycle-right
	{
		height: 380px;			
	}
}

@media (min-width:1200px)
{
	#testimonial-container
	{
		height:470px;	
	}

	.testimonial-txt
	{
		padding: 64px;
	}	

	#cycle-left, #cycle-right
	{
		height: 460px;			
	}
}