.style1 .wdo-testimonial{
padding: 70px 30px 50px;
margin: 50px 30px 30px;
border: 1px solid #ea816b;
position: relative;
}
.style1 .wdo-testimonial .wdo-pic{
width: 100px;
height: 100px;
border-radius: 50%;
border: 5px solid #c7373c;
overflow: hidden;
margin: 0 auto;
position: absolute;
top: -50px;
left: 0;
right: 0;
}
.style1 .wdo-testimonial .wdo-pic img{
width: 100%;
height: auto;
}
.style1 .wdo-testimonial .wdo-description{
font-size: 15px;
color: #5e595b;
line-height: 27px;
text-align: center;
margin: 0;
position: relative;
}
.style1 .wdo-testimonial .wdo-title{
display: inline-table;
padding: 10px;
margin: 0 auto;
background: #fff;
border: 1px solid #ea816b;
font-size: 20px;
font-weight: 700;
color: #c7373c;
letter-spacing: 1px;
text-transform: uppercase;
position: absolute;
bottom: -22px;
left: 0;
right: 0;
}
.style1 .wdo-testimonial .wdo-post{
font-size: 15px;
color: #671a36;
}
@media only screen and (max-width: 479px){
.style1 .wdo-testimonial{ padding: 70px 10px 30px; }
.style1 .wdo-testimonial .wdo-description:before{ top: -20px }
.style1 .wdo-testimonial .wdo-title{ font-size: 12px; }
.style1 .wdo-testimonial .wdo-post{ font-size: 11px; }
}
.style2 .wdo-testimonial{ margin: 0 20px 50px; }
.style2 .wdo-testimonial .wdo-pic{
display: inline-block;
width: 90px;
height: 90px;
border-radius: 50%;
margin: 0 15px 15px 0;
}
.style2 .wdo-testimonial .wdo-pic img{
width: 100%;
height: auto;
border-radius: 50%;
}
.style2 .wdo-testimonial .wdo-testimonial-profile{
display: inline-block;
position: relative;
bottom: 40px;
}
.style2 .wdo-testimonial .wdo-title{
display: block;
font-size: 20px;
font-weight: 600;
color: #2f2f2f;
text-transform: capitalize;
margin: 0 0 7px 0;
}
.style2 .wdo-testimonial .wdo-post{
display: block;
font-size: 14px;
color: #5d7aa7;
}
.style2 .wdo-testimonial .wdo-description{
padding: 20px 22px;
background: #1f487e;
font-size: 15px;
color: #fff;
line-height: 25px;
margin: 0;
position: relative;
}
.style2 .wdo-testimonial .wdo-description:before,
.style2 .wdo-testimonial .wdo-description:after{
content: "";
border-width: 18px 0 0 18px;
border-style: solid;
border-color: #5d7aa7 transparent transparent;
position: absolute;
bottom: -18px;
left: 0;
}
.style2 .wdo-testimonial .wdo-description:after{
border-width: 18px 18px 0 0;
left: auto;
right: 0;
}
.style3 .wdo-testimonial{
text-align: center;
margin: 0 15px;
}
.style3 .wdo-testimonial .wdo-description{
padding: 15px;
margin: 0;
border-top: 4px solid #73438f;
border-bottom: 1px solid #ccc;
font-size: 15px;
color: #454646;
line-height: 25px;
position: relative;
}
.style3 .wdo-testimonial .wdo-description:after{
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: #73438f;
margin: 0 auto;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
}
.style3 .wdo-testimonial .wdo-pic{
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
margin: 40px auto;
}
.style3 .wdo-testimonial .wdo-pic img{
width: 100%;
height: auto;
}
.style3 .wdo-testimonial .wdo-title{
font-size: 18px;
font-weight: bold;
color: #333;
margin: 0 0 10px 0;
}
.style3 .wdo-testimonial .wdo-post{
display: block;
font-size: 14px;
color: #333;
}
.style4 .wdo-testimonial{
padding-top: 70px;
margin: 50px 15px 0;
border: 1px solid #fff;
text-align: center;
position: relative;
transition: all 0.7s ease 0s;
}
.style4 .wdo-testimonial:hover{ border-color: #e7e3e3; }
.style4 .wdo-testimonial .wdo-pic{
width: 95px;
height: 95px;
border-radius: 50%;
background: #fff;
padding: 7px;
position:absolute;
top: -50px;
left: 50%;
overflow: hidden;
transform: translateX(-50%);
transition: all 0.7s ease 0s;
}
.style4 .wdo-testimonial:hover .wdo-pic{ background: #1d3033; }
.style4 .wdo-testimonial .wdo-pic img{
width: 100%;
height: auto;
border-radius: 50%;
}
.style4 .wdo-testimonial .wdo-title{
font-size: 16px;
font-weight: 700;
color: #eabd44;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.style4 .wdo-testimonial .wdo-description{
font-size: 15px;
color: #999;
line-height: 25px;
border-bottom: 1px solid #f7f7f7;
padding: 0 25px 35px;
margin: 0;
}
.style4 .wdo-testimonial .wdo-testimonial-content{
padding: 15px 25px 12px;
border: 1px solid #f7f7f7;
border-top: none;
position: relative;
text-align: left;
transition: all 500ms ease 0s;
}
.style4 .wdo-testimonial:hover .wdo-testimonial-content{ border-color: #1d3033; }
.style4 .wdo-testimonial:hover .wdo-title{ 
color: #fff !important; 
}
.style4 .wdo-testimonial .wdo-testimonial-content:after{
content: "";
width: 100%;
height: 0;
background: #1d3033;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
transition: all 0.7s ease 0s;
}
.style4 .wdo-testimonial:hover .wdo-testimonial-content:after{ height: 100%; }
.style4 .wdo-testimonial-content .wdo-testimonial-profile{ display: inline-block; }
.style4 .wdo-testimonial .name{
font-size: 16px;
font-weight: 700;
color: #3d3d3d;
text-transform: uppercase;
margin: 0 0 3px;
transition: all 700ms ease 0s;
}
.style4 .wdo-testimonial:hover .name{ color: #fff; }
.style4 .wdo-testimonial .post{
font-size: 14px;
color: #eabd44;
text-transform: capitalize;
}
.style4 .wdo-testimonial .rating{
display: inline-block;
padding: 1px 5px;
margin: 0;
list-style: none;
background: #eabd44;
position: absolute;
right: 25px;
}
.style4 .wdo-testimonial .rating li{
display: inline-block;
font-size: 14px;
color: #fff;
}
.style5 .wdo-testimonial{
border-left: 4px solid #d45113;
box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);
padding: 30px 30px 30px 130px;
margin: 0 15px 30px 15px;
overflow: hidden;
position: relative;
}
.style5 .wdo-testimonial:before{
content: "";
position: absolute;
bottom: 0;
right: 0;
border-top: 25px solid #d45113;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
transform: rotate(-45deg);
transform-origin: 80% -30% 0;
}
.style5 .wdo-testimonial .wdo-pic{
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: 60px;
left: 20px;
}
.style5 .wdo-testimonial .wdo-pic img{
width: 100%;
height: auto;
}
.style5 .wdo-testimonial .wdo-description{
font-size: 15px;
font-style: italic;
color: #918686;
line-height: 25px;
margin-bottom: 15px;
}
.style5 .wdo-testimonial .wdo-title{
display: inline-block;
font-size: 20px;
font-weight: 700;
color: #d45113;
margin: 0;
}
.style5 .wdo-testimonial .wdo-post{
display: inline-block;
font-size: 17px;
color: #d45113;
}
@media only screen and (max-width: 767px){
.style5 .wdo-testimonial{
padding: 20px;
text-align: center;
}
.style5 .wdo-testimonial .wdo-pic{
display: block;
position: static;
margin: 0 auto 15px;
}
}
.style6 .wdo-testimonial{
margin: 20px 10px 0;
position: relative;
}
.style6 .wdo-testimonial .wdo-pic{
padding: 5px;
background: #fff;
border: 1px solid #d6d6d6;
position: absolute;
top: -20px;
left: 5px;
z-index: 1;
}
.style6 .wdo-testimonial .wdo-pic img{
width: 72px;
height: 72px;
}
.style6 .wdo-testimonial .wdo-description{
padding: 30px 45px 30px 60px;
margin-left: 34px;
border: 1px solid #d6d6d6;
font-size: 14px;
color: #6d6d6d;
background: #fff;
line-height: 26px;
position: relative;
}
.style6 .wdo-testimonial .wdo-testimonial-content{
margin: 20px 0 0 34px;
}
.style6 .wdo-testimonial .wdo-title{
display: inline-block;
font-size: 14px;
color: #fc6963;
}
.style6 .wdo-testimonial .wdo-post{
display: block;
font-size: 15px;
line-height: 20px;
margin-top: 2px;
}
@media only screen and (max-width:990px){
.style6 .wdo-testimonial .wdo-description:before{
display: none;
}
}