.instructor-img-wrap{position:relative}.instructor-img-wrap .instructor-img a{border-radius:10px;display:block;position:relative}.instructor-img-wrap .instructor-img a:after{bottom:0;content:"";height:100%;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:var(--transition);transition:var(--transition);visibility:hidden;width:100%}.instructor-img-wrap .instructor-img a img{width:100%}.instructor-wrap:hover .instructor-img-wrap .instructor-img a:after{opacity:1;visibility:visible}.instructor-social-icon-wrap{position:absolute;right:20px;top:20px;z-index:1}.instructor-social-share-icon{align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;-webkit-transition:var(--transition);transition:var(--transition);width:40px}.instructor-social-share-icon svg{width:15px}.instructor-social-share-icon svg path{fill:currentColor}.instructor-wrap .instructor-content{margin:25px 0 0}.instructor-wrap .instructor-content a{display:block;margin-bottom:4px}.instructor-wrap .instructor-content a h3{margin-bottom:0;-webkit-transition:var(--transition);transition:var(--transition)}.instructor-wrap .instructor-content a h3:hover{color:var(--primary-color)}.instructor-wrap .instructor-content span{display:block}.instructor-social-icon{left:0;opacity:0;position:absolute;right:0;text-align:center;top:100%;visibility:hidden}.instructor-social-icon li{margin:10px 0;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:var(--transition);transition:var(--transition);visibility:hidden}.instructor-social-icon li a{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.instructor-social-icon li a svg{width:15px}.instructor-social-icon li svg path{fill:currentColor}.instructor-wrap:hover .instructor-social-icon li:nth-child(n){-webkit-transition-delay:.2s;transition-delay:.2s}.instructor-wrap:hover .instructor-social-icon li:nth-child(2n){-webkit-transition-delay:.3s;transition-delay:.3s}.instructor-wrap:hover .instructor-social-icon li:nth-child(3n){-webkit-transition-delay:.4s;transition-delay:.4s}.instructor-wrap:hover .instructor-social-icon li{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);visibility:visible}.instructor-wrap:hover .instructor-social-icon{opacity:1;visibility:visible}@media only screen and (min-width:768px) and (max-width:991px){.instructor-area .row-fluid .span3{width:50%}}