/*CSS for mobile devices to make form responsive*/
 @media only screen and (max-width: 767px) {
.testimonial-form select, .testimonial-form input,.testimonial-form textarea{
width:99%;
}
}


/*Testimonial Page Style*/

.show-testimonials {
    visibility: hidden;
}
.mode-none{
	visibility: visible;;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
.tpm-showcase {
    vertical-align: top;
    box-sizing: border-box;
}
.tpm-showcase:after {
  content: "";
  display: table;
  clear: both;
}
.tpm-showcase-testimonial{
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
}
	
.tpm-showcase p {
    margin: 0;
	line-height: 150%;
}

.rtp-testimonial {
    padding: 3px;
}

.tpm-image-align{
display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
	}
.tpm-additional-info{	
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}

.tpm-info-name {
    color: #000;
    font-weight: bold;
}

.tpm-below-date {
    font-size: 11px;
   /* margin-left: 10px;*/
}

.tpm-ratings .fa-star {
    color: gold;
    font-size: 14px;
    margin-right: 2px;
}
.tpm-image-align .tpm-squared{
    overflow: hidden;
	display: inline-block;
}
.tpm-image-align .tpm-circle{
    border-radius: 50%;
    overflow: hidden;
	display: inline-block;
}
.tpm-image-align .tpm-round{
    border-radius: 10%;
    overflow: hidden;
	 display: inline-block;
}
.tpm-bubble-round{
  border-radius: 10px;
  }
.tpm-info-company > a{
   color: #45b0ee;
}
.tpm-info-company > a:hover{
   color: #005580;
}
/*bubble bottom*/
.tpm-showcase-bubble-bottom,.tpm-showcase-bottom{
	display: block;
	padding-top: 10px;
	padding-bottom: 20px;
}
.tpm-showcase-bubble-bottom:after{
	border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    width: 0;
    z-index: 1;
}
.tpm-showcase-bubble-bottom{
    padding: 10px;
    position: relative;
}
.tpm-showcase-bubble-bottom:after{
	left:30px;
}
.tpm-showcase-bubble-bottom-center:after{
	left:50%;
}
.tpm-additional-info-bottom{	
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}
/*bubble top*/
.tpm-showcase-bubble-top, .tpm-showcase-top {
    display: block;
    padding-bottom: 10px;
    padding-top: 20px;
}
.tpm-showcase-bubble-top:after{
	border-style: solid;
	border-width: 10px 10px 0;
	bottom: -10px;
	content: "";
	display: block;
	position: absolute;
	width: 0;
	z-index: 1;
}
.tpm-showcase-bubble-top{
    padding: 10px;
    position: relative;
}
.tpm-showcase-bubble-top:after{
	left:30px;
}
.tpm-showcase-bubble-bottom-top:after{
	left:50%;
}
.tpm-additional-info-top{	
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}
.tpm-info-center{
	display: block;
	text-align: center;
}
/*bubble right*/
.tpm-additional-info-right{	
	vertical-align: middle;
	font-size: 12px;
	text-align:center;
}
.tpm-showcase-right {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
}
.tpm-showcase-bubble-right{
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.tpm-showcase-bubble-right:after{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 10px 10px 0;
display: block;
width: 0;
z-index: 1;
margin-top: -10px;
left: -10px;
top: 30px;
}
.tpm-showcase-bubble-right{
    padding: 10px;
    position: relative;
}

/*bubble left*/

.tpm-additional-info-left{	
	vertical-align: middle;
	font-size: 12px;
	text-align:center;
}
.tpm-showcase-left {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
}
.tpm-showcase-bubble-left{
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
.tpm-showcase-bubble-left{
    padding: 10px;
    position: relative;
}
.tpm-showcase-bubble-left:after{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 0px 10px 10px;
display: block;
width: 0;
z-index: 1;
margin-top: -10px;
right: -10px;
top: 30px;
}
.tpm-pointer-center:after{
left:48%;
}
.tpm-pointer-center{
text-align:center;
}
.tpm-error{
	background: none repeat scroll 0 0 #fff0d6;
	color: #ff2b2b;
	font-size: 12px;
	padding: 5px;
	border: 1px dotted;
}
.rtp-layout{
	 float: left;
}
.tpm-showcase.rtp-1 {
    width: 100%;
	float:none;
}
.tpm-showcase.rtp-2 {
    width: 50%;  
}
.tpm-showcase.rtp-3{
    width: 33.33%;
}
.tpm-showcase.rtp-4{
    width: 25%;
}


@media only screen and (max-width: 767px) {
.tpm-showcase.rtp-layout{
    width: 100%;
	float:none;
	padding:5px;
}

 }
 
 .testimonial-wrapper {
    box-sizing: border-box;
}
.tpm-showcase.rtp-1.rtp-layout{
	padding:0!important;
}
.mode-none .tpm-wrapper {
    display: flex;
}