/*--------------------------QUOTE HOME PAGE-----------------------------------*/

.quote-outter{
	
	width: 100%;
	background-color: #ededed;
	text-align: center;
	padding: 6em 0;
	margin-top: 4.8em;
	margin-bottom: 4.8em;

}

.quote-inner{

	height: 20em;
	width: 95%;
	overflow: hidden;
	position: relative;

}

.quote-inner p{
	font-weight:300;
	color: #53575a;	
	line-height: 1.2em;
	font-size: 1.8em;
	
}

.quote-inner span{
	font-weight:500;
	color: #61a60e;	
	line-height: 3.4em;
	font-size: 0.8em;


}



.item-1, 
.item-2, 
.item-3 {
	
  display: block;
position: absolute;
  top: 0em;
  

  
  width: 60%;
  

  
  

	-webkit-animation-duration: 30s;

	        animation-duration: 30s;
	-webkit-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

.item-1{
	-webkit-animation-name: anim-1;
	        animation-name: anim-1;

}

.item-2{
	-webkit-animation-name: anim-2;
	        animation-name: anim-2;
	
}

.item-3{
	-webkit-animation-name: anim-3;
	        animation-name: anim-3;
}

@-webkit-keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@-webkit-keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 25%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 25%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@-webkit-keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}



@media (max-width: 700px) {
	

.quote-outter{
	display: none !important;
	width: 100%;
	
	text-align: center;
	padding: 0em 0;
margin-top: 2em;

}

.quote-inner{
	width: 90%;
	padding-top: 0em;
	margin-top: 2em;
	

}
	
	.quote-inner img{
	display: none !important;

}

.quote-inner p{
	line-height: 1.0em;
	font-size: 1.4em;
	
}


}