.cz_team {
position: relative;
box-sizing: border-box
}
.cz_team:hover {
z-index: 1
}
.cz_team p {
margin: 0
}
.cz_team_img, 
.cz_team_img img, 
.cz_team_content, 
.cz_team_social {
position: relative;
margin: 0 auto;
width: 100%;
transition: all .2s ease-in-out
}
.cz_team .cz_team_img, 
.cz_team .cz_team_img img {
width: 100%;
border-radius: inherit;
overflow: hidden
}
.cz_team_2:hover img,
.cz_team_3:hover img,
.cz_team_4:hover img,
.cz_team_5:hover img {
opacity: .5
}
.cz_team h1, .cz_team h2, .cz_team h3, .cz_team h4, .cz_team h5, .cz_team h6 {
margin: 0
}
.cz_team_1 .cz_team_social, 
.cz_team_1 .cz_team_content {
margin: 20px 0 0
}
.cz_team_2 .cz_team_content,
.cz_team_4 .cz_team_content {
margin: 20px 0 0
}
.cz_team_2 .cz_team_social {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
width: 90%
}
.cz_team_3 .cz_team_social,
.cz_team_3 .cz_team_content,
.cz_team_5 .cz_team_social,
.cz_team_5 .cz_team_content {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: calc( 100% - 60px );
visibility: hidden;
opacity: 0
}
.cz_team_4 .cz_team_social {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: calc( 100% - 60px )
}
.cz_team_social_in {
display: inline-block
}
.cz_team_3 .cz_team_content {
top: 30px;
bottom: auto
}
.cz_team_5 .cz_team_content {
bottom: 80px
}
.cz_team_2:hover .cz_team_social,
.cz_team_3:hover .cz_team_social,
.cz_team_3:hover .cz_team_content,
.cz_team_5:hover .cz_team_social,
.cz_team_5:hover .cz_team_content {
visibility: visible;
opacity: 1
}
.cz_team_rev_hover .cz_team_social,
.cz_team_rev_hover .cz_team_content {
visibility: visible;
opacity: 1
}
.cz_team_rev_hover:hover .cz_team_social,
.cz_team_rev_hover:hover .cz_team_content {
visibility: hidden;
opacity: 0
}
.cz_team_always_show .cz_team_social,
.cz_team_always_show .cz_team_content {
visibility: visible;
opacity: 1
}
.cz_social_v .cz_social a {display: block}
.cz_team_6, .cz_team_6 .cz_team_img,
.cz_team_7, .cz_team_7 .cz_team_img {
overflow: visible
}
.cz_team_6 .cz_team_content,
.cz_team_7 .cz_team_content {
position: absolute;
z-index: 99;
display: none;
transition: none;
background: #212121;
color: #fff;
padding: 10px 20px;
white-space: nowrap;
width: auto;
}
.cz_team_7 .cz_team_social {
margin-top: 20px
}
.cz_team .cz_team_social a {
box-sizing: content-box
}ul.cz_stylish_list,
.cz_post_content ul.cz_stylish_list,
.rtl ul.cz_stylish_list {
margin: 0;
padding: 0;
list-style: none !important
}
.cz_stylish_list li {
position: relative;
margin: 0 0 10px;
display: list-item;
width: 100%;
transition: all .2s ease-in-out
}
.cz_stylish_list li > a {
display: block;
color: inherit !important
}
.cz_stylish_list span > a {
display: inline-block
}
.cz_stylish_list i {
font-size: 1em;
width: 2em;
height: 2em;
line-height: 2em;
display: block;
text-align: center;
box-sizing: content-box;
transition: all .1s ease-in-out
}
.cz_stylish_list li > div > span {
line-height: 1.6;
display: block
}
.cz_stylish_list small {
opacity: 1;
display: table
}
.cz_stylish_list li > div,
.cz_stylish_list li > a > div {
color: inherit;
display: table-cell;
vertical-align: middle;
text-decoration: inherit
}
.cz_stylish_list .cz_sl_icon {
vertical-align: top
}
.cz_stylish_list .cz_sl_image i {
width: auto;
height: auto
}
.cz_stylish_list .xtra-sl-number {
font-style: normal
}
.cz_sl_icon.cz_sl_image i img {
display: inline-block;
vertical-align: middle
}
.cz_sl_icon_hover_zoom_in li:hover i {transform: scale(1.25, 1.25)}
.cz_sl_icon_hover_zoom_out li:hover i {transform: scale(0.875, 0.875)}
.cz_sl_icon_hover_blur li:hover i {animation: stylishListBlur .8s forwards}
.cz_sl_icon_hover_flash li:hover i {animation: stylishListFlashFx .8s forwards}
.cz_sl_icon_hover_absorber li:hover i {animation: stylishListAbsorber .8s forwards}
.cz_sl_icon_hover_wobble li:hover i {animation: stylishListWobbleSkew .8s forwards}
.cz_sl_icon_hover_zoom_in_fade li:hover i {animation: stylishListZoomIn .8s forwards}
.cz_sl_icon_hover_zoom_out_fade li:hover i {animation: stylishListZoomOut .8s forwards}
.cz_sl_icon_hover_push_in li:hover i {animation: stylishListPushIn .8s forwards}
@keyframes stylishListBlur {
0% {filter: blur(5px)}
100% {filter: blur(0)}
}
@keyframes stylishListFlashFx {
0% {opacity: .1}
100% {opacity: 1}
}
@keyframes stylishListAbsorber {
0%, 10%, 20%, 50%, 80% {transform: translateY(0)}
40% {transform: translateY(-8px)}
60% {transform: translateY(-8px)}
}
@keyframes stylishListWobbleSkew {
16.65% {transform: skew(-12deg)}
33.3% {transform: skew(10deg)}
49.95% {transform: skew(-6deg)}
66.6% {transform: skew(4deg)}
83.25% {transform: skew(-2deg)}
100% {transform: skew(0)}
}
@keyframes stylishListZoomIn {
0% {opacity: 0;transform: scale(.9)}
50% {opacity: 1;transform: scale(1)}
}
@keyframes stylishListZoomOut {
0% {opacity: 0;transform: scale(1.1)}
50% {opacity: 1;transform: scale(1)}
}
@keyframes stylishListPushIn {
0% {opacity: 0;transform: translateX(-30%)}
60% {opacity: 1;transform: translateX(10%)}
100% {opacity: 1;transform: translateX(0)}
}
@media screen and (max-width:768px) {
.cz_stylish_list span {
text-align: initial !important
}
}
@media screen and (max-width:480px) {
.center_on_mobile .cz_sl_icon,
.center_on_mobile li > div,
.center_on_mobile li > a > div,
.center_on_mobile small {
display: block
}
.center_on_mobile .cz_sl_icon > * {
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 10px
}
.center_on_mobile li > div > span,
.center_on_mobile li > a > div > span {
display: inline-block;
text-align: center !important
}
}