.ic-padd {
padding: 8px;
}
.team_content {
overflow: hidden;
min-height: 100%;
position: relative;
z-index: 0;
}
.rd_team .rd_container {
position: relative;
margin: 0 auto;
max-width: 1140px;
}
.rd_team .rd_container:before,
.rd_team .rd_container:after {
display: table;
content: " ";
}
.rd_team .rd_container:after {
clear: both;
}
.rd_team .rd_raw:before,
.rd_team .rd_raw:after {
display: table;
content: " ";
}
.rd_team .rd_raw:after {
clear: both;
}
.section {
position: relative;
padding: 80px 0;
}
.section.paddinf-off {
padding-top: 25px;
}
.section.padding-bottom {
padding-bottom: 120px;
}
.title-1 {
font-family: "Open Sans", sans-serif;
font-size: 36px;
color: #666666;
font-weight: 300;
text-align: center;
padding: 25px 5px;
}
.rd_team .item-circled {
background-color: #fff;
text-align: center;
width: 263px;
margin: 7px;
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-webkit-transition: -webkit-transform .35s ease, font .35s ease;
transition: transform .35s ease, font .35s ease;
}
.rd_team .item-circled:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rd_team .item-circled .rd_face_container {
padding: 27px 2px 0;
}
.rd_team .item-circled .face {
width: 200px;
height: 200px;
overflow: hidden;
margin: 0 auto;
border: 7px solid #00a5a6;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.rd_team .item-circled:hover .face {
border-color: #1abc9c;
border-width: 3px;
}
.rd_team .item-circled .rd_single_item-content {
text-align: center;
position: relative;
}
.rd_team .item-circled .title {
font-family: 'Open Sans', sans-serif;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.rd_team .item-circled .title h3 {
font-size: 24px;
color: #666666;
padding: 10px 5px;
font-weight: 400;
margin: 0px;
}
.rd_team .item-circled .title h4 {
font-size: 16px;
color: #fff;
background-color: #2c3e50;
padding: 12px 5px;
margin: 0px;
font-weight: 400;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.rd_team .item-circled:hover .title h4 {
background-color: #e74c3c;
padding: 5px 5px;
}
.rd_team .item-circled .rd_single_item-content p {
padding: 10px 17px;
text-align: left;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 12px;
color: #757575;
}
.rd_team .item-circled  p{
margin: 0px;
}
.rd_team .item-circled .footer {
padding: 5px 0;
}
.rd_team .item-circled .social-icons {
font-size: 0;
}
.rd_team .item-circled .social-icons li {
display: inline-block;
list-style: none; vertical-align: top;
margin: 0px;
} .rd_team .item-circled .social-icons li > a {
font-size: 24px;
color: #f09e8e;
background-color: #e7e7e7;
cursor: pointer;
padding: 7px 9px;
display: inline-block;
position: relative;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% bottom 0;
-moz-transform-origin: 50% bottom 0;
transform-origin: 50% bottom 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.rd_team .item-circled .social-icons li > a::before {
position: absolute;
top: -97%;
left: 0;
width: 100%;
height: 100%;
padding: 7px 0;
background: #007f6e; color: #fff;
font-family: "fontello";
font-size: 24px;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% bottom 0;
-moz-transform-origin: 50% bottom 0;
transform-origin: 50% bottom 0;
}
.rd_team .item-circled .social-icons li:hover a,
.rd_team .item-circled .social-icons li:focus a {
-webkit-transform: rotateX(10deg) translateY(-10px);
-moz-transform: rotateX(10deg) translateY(-10px);
transform: rotateX(10deg) translateY(-10px);
}     .rd_team .hgroup {
text-align: center;
font-family: "Open Sans", sans-serif;
padding: 40px 5px;
}
.rd_team .hgroup .title-2 {
font-size: 24px;
font-weight: 400;
color: #000;
position: relative;
display: inline-block;
padding: 0 20px;
text-transform: uppercase;
}
.rd_team .hgroup .title-2:after {
position: absolute;
right: -12px;
width: 30px;
height: 15px;
background-color: #ffff9d;
color: #11110a;
font-family: "Open Sans", sans-serif;
font-size: 10px;
line-height: 1.3em;
content: "2014";
}
.rd_team .hgroup .title-2:before {
position: absolute;
top: 2px;
right: -12px;
width: 29px;
height: 15px;
background-color: #ff6138;
content: "";
-webkit-transform: skewY(4deg);
transform: skewY(4deg);
}
.rd_team .hgroup h4 {
color: #666666;
font-size: 14px;
}
.rd_team .item-circled-2 {
background-color: #fff;
text-align: center;
display: inline-block;
width: 190px;
margin: 0 10px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.rd_team .item-circled-2:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rd_team .item-circled-2 .title h3 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 30px;
padding: 10px 5px;
color: #666666;
}
.rd_team .item-circled-2 .rd_face_container {
padding: 54px 15px 14px 15px;
}
.rd_team .item-circled-2 .face {
width: 163px;
height: 163px;
overflow: hidden;
margin: 0 auto;
border: 0px solid #79bd8f;
background-image: url(//www.grd.org/grdms/wp-content/plugins/team-member-showcase/images/01.jpg);
background-position: 50% 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.rd_team .item-circled-2:hover .face {
border: 7px solid #79bd8f;
}
.rd_team .item-circled-2 .rd_single_item-content h4 {
font-family: "Lucida Grande", sans-serif;
font-weight: 300;
font-size: 14px;
color: #333333;
}
.rd_team .item-circled-2 .footer {
padding: 0px 5px;
}
.rd_team .item-circled-2 .social-icons {
background-color: transparent;
padding: 10px 0;
}
.rd_team .item-circled-2 .social-icons li {
padding: 0;
display: inline-block;
list-style: none;
vertical-align: middle;
padding: 0 2px;
} .rd_team .item-circled-2 .social-icons li a {
border: 1px solid #cccccc;
color: #666666;
font-size: 17px;
cursor: pointer;
display: inline-block;
padding: 4px;
position: relative;
-webkit-transition: -webkit-transform .3s, background .3s;
-moz-transition: -moz-transform .3s, background .3s;
transition: transform .3s, background .3s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -14px;
-moz-transform-origin: 50% 50% -14px;
transform-origin: 50% 50% -14px;
}
.rd_team .item-circled-2 .social-icons li a::before {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
border: 1px solid #cccccc;
font-family: "fontello";
padding: 4px;
pointer-events: none;
-webkit-transition: background .3s;
-moz-transition: background .3s;
transition: background .3s;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.rd_team .item-circled-2 .social-icons li:hover a,
.rd_team .item-circled-2 .social-icons li:focus a {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
} .rd_team .item-circled-2 .social-icons li:nth-child(1) a::before {
content: "\e967";
background: #314177;
border-color: #314177;
}
.rd_team .item-circled-2 .social-icons li:nth-child(2) a::before {
content: "\e980";
background: #2ca5bd;
border-color: #2ca5bd;
}
.rd_team .item-circled-2 .social-icons li:nth-child(3) a::before {
content: "\ef56";
background: #9b1539;
border-color: #9b1539;
}  .rd_team .item-circled-2 .social-icons li:nth-child(1):hover a::before,
.rd_team .item-circled-2 .social-icons li:nth-child(1):focus a::before {
background-color: #49699f;
border-color: #49699f;
color: #fff;
}
.rd_team .item-circled-2 .social-icons li:nth-child(2):hover a::before,
.rd_team .item-circled-2 .social-icons li:nth-child(2):focus a::before {
background-color: #47c0d8;
border-color: #47c0d8;
color: #fff;
}
.rd_team .item-circled-2 .social-icons li:nth-child(3):hover a::before,
.rd_team .item-circled-2 .social-icons li:nth-child(3):focus a::before {
background-color: #ea4c89;
border-color: #ea4c89;
color: #fff;
}     .rd_team .hgroup .title-3 {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 24px;
color: #fff;
text-transform: uppercase;
}
.rd_team .item-circled-3 {
background-color: transparent;
text-align: center;
width: 225px;
display: inline-block;
position: relative;
margin: 0 30px;
}
.rd_team .item-circled-3 .rd_face_container {
padding: 0;
}
.rd_team .item-circled-3 .face {
width: 190px;
height: 190px;
overflow: hidden;
margin: 0 auto;
border: none;
-webkit-border-radius: 50%;
border-radius: 50%;
}
#cir3_label h3 {
margin-bottom: 0;
margin-top: 40px;
}
.rd_team .spiner {
position: absolute;
border-color: transparent red red transparent;
border-image: none;
border-radius: 50%;
border-style: solid;
border-width: 50px;
height: 130px;
width: 130px;
opacity: .8;
top: -15px;
left: 0;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform 1.5s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
-moz-transition: transform 1.5s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
-o-transition: transform 1.5s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
transition: transform 1.5s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
}
.rd_team .item-circled-3 .rd_face_container:hover .spiner {
-webkit-transform: rotate(1800deg);
transform: rotate(1800deg);
border-color: transparent #2ecc71 #2ecc71 transparent;
-webkit-transition: -webkit-transform 10000ms cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
-moz-transition: transform 10000ms cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
-o-transition: transform 10000ms cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
transition: transform 10000ms cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
} @-moz-document url-prefix() {
.rd_team .spiner {
-webkit-transition: -webkit-transform 10s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
transition: transform 10s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
}
} .rd_team .item-circled-3 .social-icons {
background-color: transparent;
padding: 0;
position: absolute;
top: 163px;
left: 47px;
}
.rd_team .item-circled-3 .social-icons li {
padding: 0;
margin: 0;
display: inline-block;
list-style: none;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.rd_team .item-circled-3 .social-icons li a {
color: #fff;
font-size: 20px;
cursor: pointer;
}
.rd_team .item-circled-3 .social-icons li:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.rd_team .item-circled-3 .rd_single_item-content {
font-family: "Open Sans", sans-serif;
font-weight: 400;
color: #000;
text-align: center;
}
.rd_team .item-circled-3 .rd_single_item-content h4 {
font-size: 20px;
text-transform: uppercase;
padding-top: 15px;
margin: 0px;
}
.rd_team .item-circled-3 .rd_single_item-content p {
font-size: 12px;
color: #000;
text-align: center;
}   .rd_team .hgroup .title-4 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 36px;
color: #fff;
border: 2px solid #fff;
display: inline-block;
padding: 12px 16px;
}
.rd_team .item-circled-4 {
background-color: #efe0b6;
text-align: center;
width: 219px;
margin: 0 2px;
display: inline-block;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-webkit-transition: background-color .8s ease-in;
transition: background-color .8s ease-in;
}
.rd_team .item-circled-4:hover {
-webkit-animation-duration: 4s;
-webkit-animation-timing-function: ease;
-webkit-animation-name: changer;
-webkit-animation-iteration-count: infinite;
-moz-animation-duration: 4s;
-moz-animation-timing-function: ease;
-moz-animation-name: changer;
-moz-animation-iteration-count: infinite;
-ms-animation-duration: 4s;
-ms-animation-timing-function: ease;
-ms-animation-name: changer;
-ms-animation-iteration-count: infinite;
-o-animation-duration: 4s;
-o-animation-timing-function: ease;
-o-animation-name: changer;
-o-animation-iteration-count: infinite;
animation-duration: 4s;
animation-timing-function: ease;
animation-name: changer;
animation-iteration-count: infinite;
}
.rd_team .item-circled-4 .rd_face_container {
padding: 24px 7px 0px 7px;
}
.rd_team .item-circled-4 .face {
width: 193px;
height: 193px;
overflow: hidden;
margin: 0 auto;
border: 0px solid #cbc8c8;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 300ms cubic-bezier(0.265, 0, 0.635, 1), border .35s ease;
-webkit-transition: -webkit-transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650), border .35s ease;
-moz-transition: transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650);
-o-transition: transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650);
transition: transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650), border .35s ease;
}
.rd_team .item-circled-4 .face.bordered {
position: relative;
border: 10px solid #cbc8c8;
background-color: #fff;
color: #cbc8c8;
}
.rd_team .item-circled-4 .face.bordered i {
position: absolute;
top: 28px;
left: 8px;
font-size: 110px;
}
.rd_team .item-circled-4 .face.bordered:hover i {
-webkit-animation-duration: 1.2s;
-wbkit-animation-timing-function: ease;
-webkit-animation-name: scaling;
-webkit-animation-iteration-count: infinite;
animation-duration: 1.2s;
animation-timing-function: ease;
animation-name: scaling;
animation-iteration-count: infinite;
} @-webkit-keyframes scaling {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes scaling {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
} .rd_team .item-circled-4 .face:hover {
transform: scale(1.1);
border: 10px solid #cbc8c8;
-webkit-transition: -webkit-transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650), border .35s ease;
transition: transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650), border .35s ease;
}
.rd_team .item-circled-4 .rd_single_item-content h4 {
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 400;
color: #a38328;
padding: 14px 0px;
}
.rd_team .item-circled-4 .social-icons {
font-size: 0;
z-index: 5;
-webkit-transform: translateY(37px);
transform: translateY(37px);
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.rd_team .item-circled-4:hover .social-icons {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
.rd_team .item-circled-4 .social-icons li {
list-style: none;
display: inline-block;
padding: 0;
border: 0;
width: 33.3333333%;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
} .rd_team .item-circled-4 .social-icons li > a {
position: relative;
display: inline-block;
width: 100%;
padding: 7px 0;
background: #28ac9b;
color: #fff;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.rd_team .item-circled-4 .social-icons li > a::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
padding: 7px 0;
background: #007f6e; font-family: "fontello";
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.rd_team .item-circled-4 .social-icons li:hover a,
.rd_team .item-circled-4 .social-icons li:focus a {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.rd_team .item-circled-4 .social-icons li:hover a::before,
.rd_team .item-circled-4 .social-icons li:focus a::before {
background: #28ac9b;
} .rd_team .item-circled-4 .social-icons li:nth-child(1) a {
background-color: #1c99c2;
}
.rd_team .item-circled-4 .social-icons li:nth-child(2) a {
background-color: #18def0;
}
.rd_team .item-circled-4 .social-icons li:nth-child(3) a {
background-color: #ff6000;
}
.rd_team .item-circled-4 .social-icons li:nth-child(1) a::before {
content: "\e967";
background: #006f98;
}
.rd_team .item-circled-4 .social-icons li:nth-child(2) a::before {
content: "\e980";
background: #00afc1;
}
.rd_team .item-circled-4 .social-icons li:nth-child(3) a::before {
content: "\e986";
background: #c22300;
}
.rd_team .item-circled-4 .social-icons li:nth-child(1):hover a::before,
.rd_team .item-circled-4 .social-icons li:nth-child(1):focus a::before {
background: #1c99c2;
}
.rd_team .item-circled-4 .social-icons li:nth-child(2):hover a::before,
.rd_team .item-circled-4 .social-icons li:nth-child(2):focus a::before {
background: #18def0;
}
.rd_team .item-circled-4 .social-icons li:nth-child(3):hover a::before,
.rd_team .item-circled-4 .social-icons li:nth-child(3):focus a::before {
background: #ff6000;
}  .rd_team .item-circled-4 .social-icons li a {
color: #fff;
font-size: 18px;
} .rd_team .item-circled-4 .rd_single_item-content a span {
position: relative;
display: inline-block;
width: 100%;
padding: 7px 0;
background: #28ac9b;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
color: #fff;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.rd_team .item-circled-4 .rd_single_item-content a span::before {
position: absolute;
top: 98%;
left: 0;
width: 100%;
height: 100%;
padding: 7px 0;
background: #007f6e; content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.rd_team .item-circled-4 .rd_single_item-content a:hover span,
.rd_team .item-circled-4 .rd_single_item-content a:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.rd_team .item-circled-4 .rd_single_item-content a:hover span::before,
.rd_team .item-circled-4 .rd_single_item-content a:focus span::before {
background: #28ac9b;
} .rd_team .item-circled-4 .rd_single_item-content .button {
top: 37px;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.rd_team .item-circled-4:hover .rd_single_item-content .button {
top: 1px;
} @-webkit-keyframes changer {
50% {
background-color: #dec187;
}
60% {
background-color: #e4cb9b;
}
70% {
background-color: #ead6ae;
}
80% {
background-color: #efe0c2;
}
90% {
background-color: #f5ead6;
}
}
@-moz-keyframes changer {
50% {
background-color: #dec187;
}
60% {
background-color: #e4cb9b;
}
70% {
background-color: #ead6ae;
}
80% {
background-color: #efe0c2;
}
90% {
background-color: #f5ead6;
}
}
@-o-keyframes changer {
50% {
background-color: #dec187;
}
60% {
background-color: #e4cb9b;
}
70% {
background-color: #ead6ae;
}
80% {
background-color: #efe0c2;
}
90% {
background-color: #f5ead6;
}
}
@keyframes changer {
50% {
background-color: #dec187;
}
60% {
background-color: #e4cb9b;
}
70% {
background-color: #ead6ae;
}
80% {
background-color: #efe0c2;
}
90% {
background-color: #f5ead6;
}
}    .hgroup .title-5 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 48px;
text-transform: uppercase;
color: #d7d7d7;
}
.hgroup h4.sub-title-5 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 14px;
color: #d7d7d7;
text-align: center;
display: inline-block;
padding: 20px 500px;
}
.rd_team .item-circled-5 {
background-color: transparent;
text-align: center;
position: relative;
width: 235px;
margin: 0 40px;
padding-bottom: 75px;
display: inline-block;
}
.rd_team .item-circled-5 .rd_face_container {
position: relative;
width: 210px;
height: 210px;
z-index: 1;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.rd_team .item-circled-5 .face-card {
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.rd_team .item-circled-5 .rd_face_container:hover .face-card {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-border-radius: 50%;
border-radius: 50%;
}
.rd_team .item-circled-5 .face-1 {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
overflow: hidden;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.rd_team .item-circled-5 .face-1.back {
display: block;
box-sizing: border-box;
padding: 35px 13px;
color: white;
font-size: 13px;
text-align: center;
background-color: #aaa;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ie8 .rd_team .item-circled-5 .face-1.back {
visibility: hidden;
}
.rd_team .item-circled-5 .dashed-border {
border: 2px dashed #18d9ec;
border-radius: 50%;
height: 215px;
left: -4px;
position: absolute;
top: -4px;
width: 215px;
}
.rd_team .item-circled-5:hover .dashed-border {
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-name: spiner;
-webkit-animation-iteration-count: infinite;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: linear;
-moz-animation-name: spiner;
-moz-animation-iteration-count: infinite;
-ms-animation-duration: 0.5s;
-ms-animation-timing-function: linear;
-ms-animation-name: spiner;
-ms-animation-iteration-count: infinite;
-o-animation-duration: 0.5s;
-o-animation-timing-function: linear;
-o-animation-name: spiner;
-o-animation-iteration-count: infinite;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-name: spiner;
animation-iteration-count: infinite;
} @-moz-document url-prefix() {
.rd_team .item-circled-5 .dashed-border {
background-image: url(//www.grd.org/grdms/wp-content/plugins/team-member-showcase/images/circle.png); }
}  @-webkit-keyframes spiner {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes spiner {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes spiner {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
}
}
@keyframes spiner {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
} .rd_team .item-circled-5 .rd_single_item-content {
padding: 0 20px;
}
.rd_team .item-circled-5 .rd_single_item-content .item-title {
color: #000;
font-family: "Open Sans Condensed",sans-serif;
font-size: 20px;
font-weight: 300;
margin: 10px;
text-transform: uppercase;
}
.face-1 > img {
height: 100%;
}
.rd_team .item-circled-5 .rd_single_item-content .item-sub-title {
width: 100%;
background-color: #fcf0ac;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
color: #ad9c3a;
padding: 9px 0px;
margin: 0;
}
.rd_team .item-circled-5 .social-icons {
background-color: #28ac9b;
position: absolute;
bottom: 15px;
right: 35px;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: all .45s ease-out;
transition: all .45s ease-out;
}
.rd_team .item-circled-5 .social-icons li {
list-style: none;
display: inline-block;
padding: 5px;
}
.rd_team .item-circled-5 .social-icons li a {
color: #fff;
font-size: 18px;
}
.rd_team .item-circled-5:hover .social-icons {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.rd_team .item-circled-5 .social-icons:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #28ac9b;
top: -20px;
left: 35px;
}
.rd_team .item-circled-5 .face-1 p {
padding: 1px;
} .rd_single_item-content ul li {
margin: 0 !important;
}
.rd_single_item-content ul {
margin: 0 !important;
}
.rd_team .rd_item_square .title h3 {
margin: 0 !important;
}.rd_team .rd_item_square .title h4 {
margin: 0 !important;
}