.employee-grid{width:100%;display:flex;flex-wrap:wrap;margin:0 auto;padding:0px 35px !important}.employee-grid>.employee-item{margin-bottom:20px;width:33.33333% !important;Float:left;padding:0px}.employee-grid>.employee-item.johnny{width:100% !important}.employee-grid>.employee-item .employee-image{position:relative;overflow:hidden;width:100%}.employee-grid>.employee-item .employee-image:before{content:"";display:block;padding-bottom:100%}.employee-grid>.employee-item .employee-image>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.info-section i.hidden-icon{display:none;text-align:center;width:15%;transition:all 300ms ease-in-out;font-size:24px}.employee-item:hover i.hidden-icon{display:inline-block;transition:all 300ms ease-in-out}@media screen and (max-width:768px){.info-section i.hidden-icon{display:inline-block;color:#666}.employee-grid{padding:0px !important}}.info-section .info-text .employee-name,p.employee-name{color:#00a5a7;text-transform:uppercase;font-size:18px;font-weight:800;letter-spacing:3px;transition:all 300ms ease-in-out}.info-section .info-text .employee-title,p.employee-title{color:#1f2555;text-transform:uppercase;font-size:16px;font-weight:700;letter-spacing:3px;transition:all 300ms ease-in-out}.employee-item:hover{cursor:pointer}.employee-item:hover .info-section{background-color:#ddd;transition:all 300ms ease-in-out}.employee-item:hover .info-text{background-color:#00a5a7;transition:all 300ms ease-in-out}.employee-item:hover i.hidden-icon{color:#fff}.employee-item:hover .info-text .employee-title,.employee-item:hover .info-text .employee-name{color:#fff;transition:all 300ms ease-in-out}.info-section{background-color:#fff;transition:all 300ms ease-in-out;width:100%;display:flex;align-items:center;margin:0 auto}.info-text{position:relative;display:inline-block;width:85%;vertical-align:middle;padding:14px;transition:all 300ms ease-in-out}.info-text:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-46%);width:2px;height:calc(100% - 36px);background:#00a5a7}.info-text p{margin:0px;transition:all 300ms ease-in-out}.item-spacer{max-width:90%;margin:0 auto;float:none}.employee-child{position:fixed;background-color:rgba(0,0,0,0.8);z-index:99999;overflow-x:scroll;left:0;max-height:100vh;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.inner-child{position:relative;padding:0px !important;width:70% !important;max-width:80%;max-height:80%;display:grid}.inner-inner-child{display:flex;flex-direction:row;align-items:center !important;justify-content:center}.image-max{position:relative;display:block;width:30%;height:100%;min-height:270px;overflow:hidden}.image-max>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.overlay-content{padding:30px;width:70%;text-align:left !important;background:#fff}.overlay-content p.employee-name{padding-bottom:9px !important;font-size:24px !important}.overlay-content p.employee-title{padding-bottom:20px !important;color:#1f2555 !important;font-weight:700}.overlay-content p:not(.employee-title):not(.employee-name){padding-bottom:5px}.employee-child:hover{cursor:default}i.closericon{position:absolute;top:0;right:0;font-size:28px;color:white;padding:5px 8px;text-align:center;background-color:#ddd;transition:all 300ms ease-in-out}i.closericon:hover{cursor:pointer;background-color:#f7f7f7;color:#999;transition:all 300ms ease-in-out}.overlay-content>p.employee-name,.overlay-content p.employee-title{text-transform:uppercase;margin-bottom:4px}.employee-overlay{display:none;z-index:99999;overflow-x:scroll !important}@media(max-width:901px){.overlay-content p:not(.employee-title):not(.employee-name){padding-left:0px;font-size:16px}.info-text>p{text-align:left}.employee-child{padding-top:10px}.employee-grid>.employee-item{width:50% !important;padding:0px}.inner-inner-child{flex-direction:column;padding-bottom:15px}.image-max,.overlay-content{width:100%}.inner-child{flex-direction:column-reverse;width:80% !important;max-height:inherit;padding:0px !important;transform:translateY(40px)}i.closericon{align-self:flex-end;margin-bottom:10px}}@media(max-width:540px){.employee-grid>.employee-item{width:100% !important;padding:0px}}