/*CSS for Testimonial form*/

.tp-form {



    font-size: 14px;

}

.testimonial-form dd {

    margin: 0 !important;



}

.testimonial-form select{

    border-radius:4px;

    background-color: #ffffff;

    border: 1px solid #cccccc;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

    padding: 5px !important;

    width: 213px;

}

.testimonial-form input{

    border-radius:4px;

    background-color: #ffffff;

    border: 1px solid #cccccc;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

    padding: 5px !important;

    width: 200px;

}

.testimonial-form dt {

 
	margin-top:15px;

}



.testimonial-form dl {

    padding: 0 !important;

}

.testimonial-form textarea{

    border-radius:4px;

    background-color: #ffffff;

    border: 1px solid #cccccc;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

	width: 90%;

	height: 213px;

}

#jform_verify{

width:30px;

}

.testimonial-form .star {

    color: #FF0000;

}



.success-form {

    background: none repeat scroll 0 0 #DAF2E4;

    border: 1px dotted #48BF7A;

    color: #333333;

    font-size: 12px;

    padding: 5px;

}





.testimonial-error {

    background: none repeat scroll 0 0 #ffbaba;

    border: 1px solid #d6010e;

    color: #d6010e;

    font-size: 12px;

    padding: 6px;

}







/*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:80% !important;

}

.tp-showcase{

width: 100% !important;

}

}





/*Testimonial Page Style*/

.tp-showcase{

display:inline-block;

 vertical-align: top;

}

.tp-showcase-testimonial{

    margin-bottom: 20px;

    padding: 10px;

    position: relative;

}

	

.tp-showcase p {

    font-style: italic;

    margin: 0;

    padding: 3px;

	line-height: 150%;

}



.tp-image-align{

display: table-cell;

    padding-left: 10px;

    padding-right: 10px;

    vertical-align: top;

	}

.tp-additional-info{	

	display: table-cell;

	vertical-align: middle;

	font-size: 12px;

}



.tp-info-name {

    color: #000;

    font-weight: bold;

}



.tp-below-date {

    font-size: 11px;

   /* margin-left: 10px;*/

}



.tp-ratings .fa-star {

    color: gold;

    font-size: 14px;

    margin-right: 2px;

}



.tp-image-align .tp-circle{

    border-radius: 50%;

    overflow: hidden;

}

.tp-image-align .tp-round{

    border-radius: 10%;

    overflow: hidden;

}

.tp-bubble-round{

  border-radius: 10px;

  }

.tp-info-company > a{

}

/*bubble bottom*/

.tp-showcase-bubble-bottom,.tp-showcase-bottom{

	display: block;

	width: 100%;

}

.tp-showcase-testimonial-bottom:after{

	border-style: solid;

    border-width: 0 10px 10px;

    content: "";

    display: block;

    position: absolute;

    top: -10px;

    width: 0;

    z-index: 1;

}

.tp-showcase-testimonial-bottom{

    margin-top: 20px;

    padding: 10px;

    position: relative;

}

.tp-showcase-testimonial-bottom:after{

	left:30px;

}

.tp-showcase-testimonial-bottom-center:after{

	left:50%;

}

.tp-additional-info-bottom{	

	display: table-cell;

	vertical-align: middle;

	font-size: 12px;

}

/*bubble top*/

.tp-showcase-bubble-top,.tp-showcase-top{

	display: block;

	width: 100%;

}

.tp-showcase-testimonial-top:after{

	border-style: solid;

	border-width: 10px 10px 0;

	bottom: -10px;

	content: "";

	display: block;

	position: absolute;

	width: 0;

	z-index: 1;

}

.tp-showcase-testimonial-top{

    margin-bottom: 20px;

    padding: 10px;

    position: relative;

}

.tp-showcase-testimonial-top:after{

	left:30px;

}

.tp-showcase-testimonial-bottom-top:after{

	left:50%;

}

.tp-additional-info-top{	

	display: table-cell;

	vertical-align: middle;

	font-size: 12px;

}

/*bubble right*/

.tp-additional-info-right{	

	vertical-align: middle;

	font-size: 12px;

	text-align:center;

}

.tp-showcase-right{

  display: table-cell;

    padding-right: 20px;

    vertical-align: top;

	}

.tp-showcase-bubble-right{

    display: table-cell;

    vertical-align: top;

    width: 100%;

}



.tp-showcase-testimonial-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;

}

.tp-showcase-testimonial-right{

    padding: 10px;

    position: relative;

}



/*bubble left*/



.tp-additional-info-left{	

	vertical-align: middle;

	font-size: 12px;

	text-align:center;

}

.tp-showcase-left{

  display: table-cell;

    padding-left: 20px;

    vertical-align: top;

	}

.tp-showcase-bubble-left{

    display: table-cell;

    vertical-align: top;

    width: 100%;

}

.tp-showcase-testimonial-left{

    padding: 10px;

    position: relative;

}

.tp-showcase-testimonial-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;

}



.testimonial-form .sm {

    background: none repeat scroll 0 0 #e6f2e6;

    color: #6AB56A;

    margin-bottom: 15px;

    padding: 10px;

	border:1px dotted;

}



.testimonial-form .fm {

    background: none repeat scroll 0 0 #FCD9D9;

    color: #FF0000;

    margin-bottom: 15px;

    padding: 10px;

	border:1px dotted;

}