.g5plus-our-team .ourteam-content {
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.g5plus-our-team .ourteam-content .content-inner {
padding: 30px;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.g5plus-our-team .ourteam-content .ourteam-position {
line-height: 1.8;
color: #ddd;
letter-spacing: 0.15em;
margin-bottom: 15px;
}
.g5plus-our-team .ourteam-content .ourteam-description {
letter-spacing: 0.02em;
line-height: 1.8;
max-height: 5.4em;
overflow: hidden;
}
.g5plus-our-team .ourteam-content .ourteam-social a i:before {
font-size: 18px;
}
.g5plus-our-team .ourteam-content .ourteam-social a + a {
margin-left: 15px;
}
.g5plus-our-team .ourteam-content a {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.g5plus-our-team.ourteam-square .ourteam-thumb img {
width: 100%;
}
.g5plus-our-team.ourteam-square .ourteam-content .ourteam-name {
margin-bottom: 10px;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
line-height: 1.8;
letter-spacing: 0.1em;
color: #fff;
}
.g5plus-our-team.ourteam-square .ourteam-content .ourteam-name a {
color: #fff;
}
.g5plus-our-team.ourteam-square .ourteam-content .ourteam-social a {
color: #888;
}
.g5plus-our-team.ourteam-square.one-column {
position: relative;
}
.g5plus-our-team.ourteam-square.one-column .ourteam-thumb {
width: 100%;
opacity: 1;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.g5plus-our-team.ourteam-square.one-column .ourteam-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0;
}
.g5plus-our-team.ourteam-square.one-column .ourteam-content .content-inner {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.g5plus-our-team.ourteam-square.two-columns {
text-align: right;
display: table;
}
.g5plus-our-team.ourteam-square.two-columns .ourteam-thumb {
display: table-cell;
width: 50%;
}
.g5plus-our-team.ourteam-square.two-columns .ourteam-content {
display: table-cell;
vertical-align: middle;
width: 50%;
background-color: #222;
}
.g5plus-our-team.ourteam-square.two-columns.content-right {
text-align: left;
}
.g5plus-our-team.ourteam-circle {
position: relative;
}
.g5plus-our-team.ourteam-circle .ourteam-thumb {
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.g5plus-our-team.ourteam-circle .ourteam-thumb img {
width: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.g5plus-our-team.ourteam-circle .content-inner {
padding-right: 50px !important;
padding-left: 45px !important;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.g5plus-our-team.ourteam-circle .ourteam-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 19px;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.g5plus-our-team.ourteam-circle .ourteam-content .ourteam-name {
margin-bottom: 10px;
font-size: 22px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.03em;
color: #fff;
}
.g5plus-our-team.ourteam-circle .ourteam-content .ourteam-name a {
color: #fff;
}
.g5plus-our-team.ourteam-circle .ourteam-content .ourteam-name a:hover {
color: #333 !important;
}
.g5plus-our-team.ourteam-circle .ourteam-content .ourteam-position {
letter-spacing: 0.2em;
color: #ddd;
margin-bottom: 30px;
}
.g5plus-our-team.ourteam-circle .ourteam-content .ourteam-description {
font-size: 15px !important;
color: #ddd;
}
.g5plus-our-team.ourteam-circle .ourteam-content .ourteam-social a {
color: #ddd;
}
.g5plus-our-team.ourteam-circle .ourteam-content .ourteam-social a:hover {
color: #fff !important;
}
.g5plus-our-team:hover.ourteam-square.two-columns .ourteam-content {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
background-color: #fff;
-webkit-box-shadow: 0px 7px 20px rgba(153, 153, 153, 0.2);
-moz-box-shadow: 0px 7px 20px rgba(153, 153, 153, 0.2);
box-shadow: 0px 7px 20px rgba(153, 153, 153, 0.2);
opacity: 1;
}
.g5plus-our-team:hover.ourteam-square.two-columns .ourteam-content .content-inner {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.g5plus-our-team:hover.ourteam-square.two-columns .ourteam-content .ourteam-position {
color: #888;
}
.g5plus-our-team:hover.ourteam-square.two-columns .ourteam-content .ourteam-social a {
color: #aaa;
}
.g5plus-our-team:hover.ourteam-square.one-column .ourteam-content {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
opacity: 1;
z-index: 1;
}
.g5plus-our-team:hover.ourteam-square.one-column .ourteam-content .content-inner {
-webkit-transform: translateY(-50%) rotateY(-180deg);
-moz-transform: translateY(-50%) rotateY(-180deg);
-o-transform: translateY(-50%) rotateY(-180deg);
-ms-transform: translateY(-50%) rotateY(-180deg);
transform: translateY(-50%) rotateY(-180deg);
}
.g5plus-our-team:hover.ourteam-square.one-column .ourteam-content .ourteam-name {
color: #333;
}
.g5plus-our-team:hover.ourteam-square.one-column .ourteam-content .ourteam-name a {
color: #333;
}
.g5plus-our-team:hover.ourteam-square.one-column .ourteam-thumb {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
opacity: 0;
}
.g5plus-our-team:hover.ourteam-square .ourteam-content {
-webkit-box-shadow: 0px 7px 20px rgba(153, 153, 153, 0.2);
-moz-box-shadow: 0px 7px 20px rgba(153, 153, 153, 0.2);
box-shadow: 0px 7px 20px rgba(153, 153, 153, 0.2);
}
.g5plus-our-team:hover.ourteam-circle .ourteam-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.g5plus-our-team:hover.ourteam-circle .ourteam-thumb {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
@media (min-width: 1400px) {
.g5plus-our-team .ourteam-content .content-inner {
padding-left: 110px;
padding-right: 95px;
}
.g5plus-our-team .ourteam-content .ourteam-position {
margin-bottom: 45px;
}
.g5plus-our-team .ourteam-content .ourteam-description {
margin-bottom: 55px;
}
.g5plus-our-team.content-right .content-inner {
padding-left: 95px;
padding-right: 110px;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.g5plus-our-team .ourteam-content .content-inner {
padding: 20px !important;
}
.g5plus-our-team .ourteam-content .ourteam-position {
line-height: 1.4;
margin-bottom: 20px !important;
}
.g5plus-our-team .ourteam-content .ourteam-description {
line-height: 1.4;
max-height: 4.2em;
}
.g5plus-our-team .ourteam-name {
font-size: 80%;
}
}
@media (max-width: 479px) {
.g5plus-our-team.ourteam-square {
position: relative;
}
.g5plus-our-team.ourteam-square.two-columns {
display: block;
}
.g5plus-our-team.ourteam-square.two-columns .ourteam-thumb {
display: block;
width: 100%;
}
.g5plus-our-team.ourteam-square.two-columns .ourteam-content {
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
}
}