.dipl_team_member_wrapper_lightbox, .dipl_team_member_wrapper_lightbox .dipl_bar_counter_chunks, .dipl_team_member_wrapper_lightbox .dipl_bar_counter_filled_bar, .dipl_team_member_wrapper_lightbox .dipl_empty_bar .dipl_team_member_wrapper_lightbox .dipl_bar_counter_bar, .dipl_team_member_wrapper_lightbox .dipl_team_member_social_icon, .et_pb_with_border .dipl-team-items-categories .dipl-team-active-category, .et_pb_with_border .dipl-team-items-categories li, .et_pb_with_border .dipl_team_grid_item, .et_pb_with_border .dipl_team_member_image, .et_pb_with_border .dipl_team_member_social_icon { border:0 solid #333; } .dipl-team-filterable-categories { margin-bottom:30px; } .dipl_team_grid_items { display:flex; flex-wrap:wrap; } .dipl_team_grid_item { position:relative; overflow:hidden; float:left; } .dipl_team_link, .dipl_team_popup { cursor:pointer; } .dipl_team_grid .dipl_team_member_name, .dipl_team_member_lightbox .dipl_team_member_name { padding:0; font-size:18px; line-height:1.5; } .dipl_team_grid .dipl_team_member_designation, .dipl_team_member_lightbox .dipl_team_member_designation { margin-top:5px; font-size:12px; line-height:1.5; } .dipl_team_grid .dipl_team_member_short_desc, .dipl_team_member_lightbox .dipl_skill_name, .dipl_team_member_lightbox .dipl_team_member_description { font-size:14px; line-height:1.5; } .dipl_team_grid .dipl_team_member_designation + .dipl_team_member_short_desc, .dipl_team_grid .dipl_team_member_name + .dipl_team_member_short_desc, .dipl_team_grid .layout1 .dipl_team_member_hidden_wrapper, .dipl_team_member_lightbox .dipl_team_member_designation + .dipl_team_member_description, .dipl_team_member_lightbox .dipl_team_member_name + .dipl_team_member_description, .dipl_team_member_lightbox .dipl_team_social_wrapper + .dipl_team_member_description { margin-top:15px; } .dipl_team_grid .dipl_team_member_designation + .dipl_team_social_wrapper, .dipl_team_grid .dipl_team_member_name + .dipl_team_social_wrapper, .dipl_team_grid .dipl_team_member_short_desc + .dipl_team_social_wrapper, .dipl_team_member_lightbox .dipl_team_member_description + .dipl_team_social_wrapper, .dipl_team_member_lightbox .dipl_team_member_designation + .dipl_team_social_wrapper, .dipl_team_member_lightbox .dipl_team_member_name + .dipl_team_social_wrapper { margin-top:5px; } .dipl_team_grid .dipl_team_member_image_wrapper { position:relative; overflow:hidden; line-height:0; } .dipl_team_grid .dipl_team_member_image { width:100%; transition:transform 0.3s; } .dipl_team_grid .dipl_team_grid_item:hover .dipl_team_member_image { transform:scale(1.1); } .dipl_team_grid .dipl_team_overlay_wrapper { display:flex; flex-direction:column; backface-visibility:hidden; transform:translateY(100%); transition:0.3s; } .dipl_team_grid .layout1 .dipl_team_member_image_wrapper + .dipl_team_overlay_wrapper { position:absolute; left:0; right:0; bottom:0; } .dipl_team_grid_item:hover .dipl_team_overlay_wrapper { transform:translateY(0) !important; } .dipl_team_grid_item .dipl_team_member_hidden_wrapper { opacity:0; visibility:hidden; transition:0.3s; } .dipl_team_grid_item:hover .dipl_team_member_hidden_wrapper { opacity:1; visibility:visible; } .dipl_team_grid .dipl_team_social_wrapper, .dipl_team_member_lightbox .dipl_team_social_wrapper { display:flex; flex-wrap:wrap; line-height:1; } .dipl_team_grid .dipl_team_social_wrapper a, .dipl_team_member_lightbox .dipl_team_social_wrapper a { margin-top:10px; margin-right:10px; font-size:14px; } .dipl_team_grid .dipl_team_social_wrapper a:last-child, .dipl_team_grid_pagination li:last-child, .dipl_team_member_lightbox .dipl_team_social_wrapper a:last-child { margin-right:0; } .dipl_team_grid .dipl_team_website, .dipl_team_member_lightbox .dipl_team_website { color:#0069ff; } .dipl_team_grid .dipl_team_facebook, .dipl_team_member_lightbox .dipl_team_facebook { color:#1a4791; } .dipl_team_grid .dipl_team_twitter, .dipl_team_member_lightbox .dipl_team_twitter { color:#00a6e9; } .dipl_team_grid .dipl_team_linkedin, .dipl_team_member_lightbox .dipl_team_linkedin { color:#0270ad; } .dipl_team_grid .dipl_team_instagram, .dipl_team_member_lightbox .dipl_team_instagram { background:radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#d6249f; } .dipl_team_grid .dipl_team_youtube, .dipl_team_member_lightbox .dipl_team_youtube { color:#f60000; } .dipl_team_member_lightbox .mfp-container { display:flex; height:auto; min-height:100%; padding:0; } .dipl_team_member_lightbox .mfp-content { display:flex; justify-content:center; align-items:center; } .dipl_team_member_lightbox .mfp-close:active { top:1px !important; } .dipl_team_member_wrapper_lightbox { display:grid; grid-template-columns:1fr 1fr; position:relative; background:#fff; } .dipl_team_member_wrapper_lightbox.dipl-no-team-member{ grid-template-columns:auto 1fr; } .dipl_team_member_wrapper_lightbox.dipl-no-team-member{   grid-template-columns:auto 1fr; } .dipl_team_member_lightbox .dipl_team_member_image_wrapper { line-height:0; } .dipl_team_member_lightbox .dipl_team_member_image { width:100%; height:100%; object-fit:cover; } .dipl_team_member_lightbox .dipl_team_member_content_wrapper { padding:20px; } .dipl_team_member_lightbox .dipl_skill_bar_wrapper { display:flex; flex-direction:column; width:100%; margin-top:10px; } .dipl_team_member_lightbox .dipl_skill_bar_wrapper_inner { display:flex; flex-direction:column; width:100%; margin-bottom:10px; } .dipl_team_member_lightbox .dipl_skill_bar_wrapper_inner:last-child { margin-bottom:0; } .dipl_team_member_lightbox .dipl_empty_bar { position:relative; background:#ccc; height:12px; } .dipl_team_member_lightbox .dipl_filled_bar { position:absolute; left:0; top:0; background:#0c71c3; width:0; height:100%; transition:width 0.3s; } .dipl_team_member_lightbox .dipl_bar_counter_bar_wrapper { display:flex; align-items:center; width:100%; } .dipl_team_member_lightbox .dipl_bar_counter_wrapper_inner { margin:5px 0; } .dipl_team_member_lightbox .dipl_bar_counter_animated_striped_bar:before, .dipl_team_member_lightbox .dipl_bar_counter_striped_bar:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size:35px 35px; } .dipl_team_member_lightbox .dipl_bar_counter_animated_striped_bar:before { animation:1s linear infinite dipl_animated_stripe; } @keyframes dipl_animated_stripe { 0% {  background-position:0 0; } 100% {  background-position:35px 0; } } .dipl_team_member_lightbox .dipl_bar_counter_percent { display:inline-block; position:relative; vertical-align:middle; padding:0 0 0 5px; font-size:14px; line-height:1.5; } .dipl_team_member_lightbox .dipl_bar_counter_chunks { position:relative; background:#ddd; margin-right:5px; flex-grow:1; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:before { position:absolute; top:0; left:0; width:0; height:100%; background:#0c71c3; content:""; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks.dipl_animate_filled:before { animation-name:dipl_animate_filled; animation-fill-mode:forwards; animation-timing-function:linear; animation-duration:0.2s; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(2):before { animation-delay:0.1s; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(3):before { animation-delay:0.2s; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(4):before { animation-delay:0.3s; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(5):before { animation-delay:0.4s; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(6):before { animation-delay:0.5s; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(7):before { animation-delay:0.6s; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(8):before { animation-delay:0.7s; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(9):before { animation-delay:0.8s; } .dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(10):before { animation-delay:0.9s; } @keyframes dipl_animate_filled { 0% {  width:0; } 100% {  width:100%; } } .dipl_team_grid .layout2 .dipl_team_overlay_wrapper { position:absolute; left:0; right:0; bottom:0; } .dipl_team_grid .layout2 .dipl_team_member_visible_wrapper + .dipl_team_member_hidden_wrapper { margin-bottom:15px; } .layout2 .dipl_team_grid_item:hover .dipl_team_overlay_wrapper { flex-direction:column-reverse; } .dipl_team_grid .layout3 .dipl_team_content_wrapper { width:100%; } .dipl_team_grid .layout3 .dipl_team_member_image_wrapper + .dipl_team_content_wrapper, .dipl_team_grid .layout3 .dipl_team_member_image_wrapper { width:50%; float:left; } .dipl_team_grid .layout3 .dipl_team_grid_item, .dipl_team_grid .layout3 .dipl_team_member_image_wrapper { display:flex; } .dipl_team_grid .layout3 .dipl_team_member_image { height:100%; object-fit:cover; } .dipl-team-filterable-categories .dipl-team-items-categories { list-style:none; padding:0; text-align:center; } .dipl-team-items-categories li { display:inline-block; margin-right:15px; margin-bottom:15px; padding:10px; line-height:normal; color:#fff; transition:0.3s; cursor:pointer; } .dipl-team-items-categories .dipl-team-active-category { color:#000; cursor:default; } .dipl_team_lightbox_loader { position:relative; } .dipl_team_lightbox_loader:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:99; background:rgba(255, 255, 255, 0.8); } .dipl_team_lightbox_loader:after { position:absolute; top:50%; left:50%; z-index:999; content:"\e02d"; font-family:ETMODULES; font-size:36px; color:#000; transform:translate(-50%, -50%); animation:2s linear infinite dipl_rotator; } @keyframes dipl_rotator { from {  transform:translate(-50%, -50%) rotate(0); } to {  transform:translate(-50%, -50%) rotate(360deg); } } @media screen and (max-width:767px) { .dipl_team_member_wrapper_lightbox {  grid-template-columns:1fr; } } .dipl_team_grid_pagination_wrapper { position:relative; width:100%; margin-top:20px; text-align:center; } .dipl_team_grid_pagination_wrapper .dipl_team_grid_pagination { list-style:none; padding:0; line-height:normal; } .dipl_team_grid_pagination li { display:inline-block; margin-right:10px; } .dipl_team_grid_pagination li a { display:block; padding:4px 10px; font-size:16px; line-height:1.5; } .dipl_team_grid_pagination li.active a, .dipl_team_grid_pagination li.disabled a { cursor:default; } .dipl_team_grid_pagination li.disabled { display:none; opacity:0.2; } .dipl_team_content_wrapper > div + .dipl-team-item-link-btn-wrap{ margin-top:15px; } .dipl_team_member_hidden_wrapper > div + .dipl-team-item-link-btn-wrap{ margin-top:20px; }