/*
/
/	TESTIMONIALS PAGE STYLES
/
*/


.testimonials{
	display:block;
	max-width:1270px;
	width:100%;
	margin:45px auto 0;
	padding:0 30px;
}



.testimonial-switch{
	display:inline-block;
	width:100%;
	margin-bottom:35px;
}
	.testimonial-tab-btn{
		display:inline-block;
		margin:0 12.5px;
		padding:15px;
		cursor:pointer;
		transition:all .2s;
	}
	.testimonial-tab-btn:first-child{margin-left:0;}
	.testimonial-tab-btn:last-child{margin-right:0;}
	.testimonial-tab-btn.active{
		position:relative;
		border-bottom:1px solid #f37657;
	}
	.testimonial-tab-btn.active:after{
		content:'';
		position:absolute;
		top:100%;
		left:calc(50% - 6px);
		width: 0; 
		height: 0; 
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 7px solid #f37657;
	}
		.testimonial-tab-btn span{
			font-size:20px;
			text-transform:uppercase;
			color:#969696;
		}
		.testimonial-tab-btn.active span,
		.testimonial-tab-btn:hover span{
			color:#f37657;
		}

	.testimonials-tab-box{
		display:none;
		flex-direction:row;
		flex-wrap:wrap;
		width:calc(100% + 30px);
		margin:0 -15px;

	}
	.testimonials-tab-box.open{
		display:flex;
	}
		.testimonial{
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			width:100%;
		}
			.testimonial .half{
				display:flex;
				flex-direction:column;
				justify-content:center;
				width:50%;
				padding:50px 75px;
			}
			.testimonial:not(.no-reverse) .half:first-child{
				background:#e3e3e3;
			}
			.testimonial:nth-child(even):not(.no-reverse){
				flex-direction:row-reverse;
			}
				.testimonial span{
					font-size:14px;
					color:#505050;
				}
				.testimonial .content{
					position:relative;
					display:inline-block;
					width:100%;
					margin-bottom:20px;
					padding-top:55px;
				}
				.testimonial .content:before{
					content:'';
					position:absolute;
					top:0;
					left:0;
					width:38px;
					height:30px;
					background-image:url('../images/quote-mark.png');
					background-position:center;
					background-size:cover;
					background-repeat:no-repeat;
				}
				.testimonial .name{
					font-size:18px;
					text-transform:uppercase;
					color:#f37657;
				}
				.testimonial .place{}
				.testimonial .location{}
				.testimonial .website{}
					.testimonial .website a{
						color:#505050;
						transition:all .2s;
					}
					.testimonial .website a:hover{
						color:#f37657;
					}
				.testimonial .mini-image{
					display:inline-block;
					text-align:center;
				}
				.testimonial .mini-image.top{
					margin-bottom:40px;
				}
				.testimonial .mini-image.bottom{
					margin-top: 50px;
				}
				.testimonial .mini-image.top.top-author{
					text-align:left;
				}
					.testimonial .mini-image img{
						max-width:100%;
						width:320px;
						height:auto;
					}
					.testimonial .mini-image.top.top-author img{
						width:190px;
					}

				.testimonial .vid-caption{
					font-size:16px;
					line-height:2;
					/*text-transform:uppercase;*/
					color:#f37657;
				}


				.info{
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					align-items:center;
				}
					.content{
						width:100%;
					}
					.text{
						display:flex;
						flex-direction:column;
						flex-wrap:wrap;
						max-width:100%;
						width:calc(100% - 140px);
					}
						.text span{
							display:inline-block;
							width:100%;
						}
					.userimg{
						display:flex;
						flex-direction:column;
						max-width:100%;
						width:130px;
						height:130px;
						margin-right:10px;
						border-radius:50%;
						overflow:hidden;
						border:2px solid #FFF;
					}


@media(max-width:1024px){
	.testimonial .half{
		padding:30px 35px;
	}
}

@media(max-width:768px){
	.testimonial{
		margin-bottom:35px;
	}
	.testimonial .half{
		width:100%;
	}
}

@media(max-width:500px){
	.testimonial-tab-btn{
		margin:0 6px;
		padding:7px;
	}
		.testimonial-tab-btn span{
			font-size:16px;
		}
}