/* testimonial block */

.testimonialblock{
	padding-top:50px;
	background:url(../images/testi-bg.png);
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

.testimonialblock h1 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 85px;
}

.testimg{
	width:170px;
	height:170px;
	margin:0 auto;
	overflow:hidden;
}
.testi-img{
	text-align:center;
	}
.testtext{
	margin-top:0px;
}

.testtitle{
	text-align:center;
	text-transform:uppercase;
}

.testsub{
	text-align:center;
	margin:10px 0;
	color:#aaaaaa;
}

.testtextblock{
	text-align:center;
	line-height:28px;
	width:70%;
	margin:0 auto 40px;
	  color: #656f75;
	  font-size: 16px;
	  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	  font-weight: 300;
}

.testblock{
	position:relative;
}

.flexslider .slides img{
	/*behavior: url(css/PIE.htc);*/
}

css3-container{
	z-index:1!important;
}

/* end testimonial block */

.flex-direction-nav a {width: 35px; height: 52px; margin: -20px 0 0; display: block; background: url(../images/mediumarrows.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: -56px 0; right: -36px }
.flex-direction-nav .flex-prev {background-position: -3px -1px; left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}

.testblock:hover .flex-next {opacity: 0.8; right: 5px;}
.testblock:hover .flex-prev {opacity: 0.8; left: 5px;}

@media (max-width: 767px) {
	body{
		padding-left:0px;
		padding-right:0px;
	}

	.paddingcnt{
		padding:0 20px;
	}

	.testimonialblock h1 {
	padding-bottom: 45px;
	padding-top:25px;
	}
	
	.testimonialblock {
		padding-bottom: 60px;		
	}

	.bottompad {
		line-height: 65px;
	}
	
.flex-direction-nav .flex-next {background-position: -56px 0; right: 0px }
.flex-direction-nav .flex-prev {background-position: -3px -1px; left: 0px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 0px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}

.testblock:hover .flex-next {opacity: 0.8; right: 0px;}
.testblock:hover .flex-prev {opacity: 0.8; left: 0px;}
}	

@media (min-width: 481px) and (max-width: 767px) {
	.flex-direction-nav a { top: 45%;}	
}

@media (max-width: 480px) {
	.flex-direction-nav a { top: 40%;}	
}