.pop-info{background-color:#fff;box-shadow:0 0 12px #00000080;cursor:default;display:flex;left:50%;max-width:500px;opacity:0;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.5);transition:all .15s linear;width:90vw;z-index:102}.darkmode .pop-info{background-color:#333;color:#fff}.darkmode .pop-info .contact-name .jobtitle{color:#ccc}.pop-info.visible{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.pop-info .pop-image{position:relative;width:30%}.pop-info .pop-text{box-sizing:border-box;padding:18px;width:65%}.pop-text .biography{font-size:14px;line-height:18px}.contacts-holder{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.cols3 .contacts-holder{grid-template-columns:1fr 1fr 1fr}.cols2 .contacts-holder{grid-template-columns:1fr 1fr}.contact-wrapper{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:5}.mini-contact-roll{background-color:#fffc;bottom:0;box-sizing:border-box;left:0;opacity:0;padding:4%;position:absolute;transform:translateY(100%);transition:all .3s ease;width:100%}.darkmode .mini-contact-roll{background-color:#0009}.contact-wrapper:hover .mini-contact-roll{opacity:1;transform:translateY(1%)}.contact-block{cursor:pointer;padding-bottom:120%;position:relative}.contact-block .bgimage{height:100%;position:relative;width:100%}.spaced .bgimage{margin:0 2px}.contact-block .bgimage img{display:block;filter:grayscale(100%) brightness(85%);height:102%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s linear;width:102%}.contact-block.sel .bgimage img,.contact-block:hover .bgimage img{filter:grayscale(0) brightness(105%)}.contact-name{font-size:15px;margin-bottom:10px;margin-right:15px}.contact-name .bigname{color:#ce0e2d;font-size:23px;font-weight:500;margin-right:10px}.icon-panel{background-color:#eeee;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:10px;position:absolute;width:100%;z-index:10}.darkmode .icon-panel{background-color:#222}.icon-panel .icon{background-position:50%;background-size:contain;display:block;height:20px;margin:5px;width:20%}.mini-contact-subpanel{align-items:center;color:#8b6f4b;display:flex;justify-content:space-between}.mini-contact-subpanel a{color:#8b6f4b}.mini-contact-subpanel a:hover{color:#ce0e2d}.mini-name{font-weight:500}.mini-contact-roll .icon{background-position:50%;background-size:contain;display:block;height:18px;margin:5px;width:20%}.icon.phone{background-image:url(../img/phone.svg);background-repeat:no-repeat}.icon.phone:hover{background-image:url(../img/phone-red.svg)}.icon.mail{background-image:url(../img/mail.svg);background-repeat:no-repeat}.icon.mail:hover{background-image:url(../img/mail-red.svg)}.icon.linkedin{background-image:url(../img/linkedin-reverse.svg);background-repeat:no-repeat}.icon.linkedin:hover{background-image:url(../img/linkedin-reverse-red.svg)}.contact-lightbox{background-color:#00000080;cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.contact-name .code{color:#8b6f4b;font-size:13px;font-weight:500;margin-left:10px;text-transform:uppercase}@media screen and (max-width:1300px){.mini-contact-roll{font-size:12px}.mini-contact-roll .icon{height:15px}}