

.cont{
	width:1170px;
	margin:0 auto;
}

.bottompad{
	padding-bottom:7px;
	border-bottom:4px solid #03bd9c;
}

/* testimonial block */

.testimonialblock{
	padding-top:30px;
	padding-bottom:145px;
}

.testimonialblock h1 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 85px;
}

.testimg{
	width:170px;
	height:170px;
	margin:0 auto;
	overflow:hidden;
}

.testtext{
	margin-top:40px;
}

.testtitle{
	 font-size:22px;
	 color:#fff;
	text-align:center;
	text-transform:uppercase;
}

.testsub{
	text-align:center;
	margin:20px 0;
		font-size:14px;
	color:#c7bfbf;
}

.testtextblock{
	text-align:center;
	font-size:14px;
	color:#eee;
	line-height:21px;
}

.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%;}	
}