.roster-1{width:100%;background-color:#fff;position:relative;padding:0 0 8% 0}.roster-1 .container-fluid .row{padding:0 5px}.roster-1 h2{font-weight:300;text-transform:uppercase;text-align:center;margin:0 0 10px}.roster-1 h6{font-weight:900;text-transform:uppercase;text-align:center;margin:0;letter-spacing:2px;font-size:14px}.roster-1 .tile-wrap{padding:5px}.roster-1 a .agent-tile{position:relative;height:0;width:100%;padding:25px;background-color:#000;background-size:cover;background-position:center top;background-repeat:no-repeat;opacity:1;display:block;padding:0 0 95% 0}.roster-1 a .agent-tile .info-wrap{position:absolute;width:100%;height:100%;padding:25px}.roster-1 a .agent-tile .info-wrap .agent-info{position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:25px;z-index:3;transition:all .5s ease 0s;background-color:rgba(191,30,46,.75);opacity:0;transform:scale3d(.75,.75,1)}.roster-1 .tile-wrap:hover .agent-tile .info-wrap .agent-info{opacity:1;transform:scale3d(1,1,1)}.roster-1 a .agent-tile .info-wrap .agent-info h3{color:#fff;margin:0;font-size:30px;font-weight:400;text-align:left}.roster-1 a .agent-tile .info-wrap .agent-info h6{color:#fff;margin:0;font-weight:300;text-transform:uppercase;font-size:14px;letter-spacing:2px;text-align:left}.roster-1 a .agent-tile .info-wrap .agent-info .contact{list-style:none;padding-left:0;margin:10px 0 15px 0}.roster-1 a .agent-tile .info-wrap .agent-info .contact li{color:#fff;text-align:left;margin:0;font-size:14px;font-weight:300;line-height:16px}.roster-1 .tile-wrap button.btn.btn-primary{position:absolute;z-index:10;background-color:transparent!important;padding:0 0 0 10px;margin:5px;bottom:20%;left:18%;transition:all .5s ease 0s;transform:scale3d(.75,.75,1);opacity:0}.roster-1 .tile-wrap:hover button.btn.btn-primary{bottom:40px;left:40px;opacity:1;transform:scale3d(1,1,1)}@media(max-width:991px){.roster-1 .tile-wrap button.btn.btn-primary{bottom:18%;left:17%}}@media(max-width:768px){.roster-1 .tile-wrap{margin:0 auto;max-width:400px}.roster-1 a .agent-tile .info-wrap .agent-info h3{font-size:26px}.roster-1 a .agent-tile .info-wrap{padding:70% 0 0 0}.roster-1 a .agent-tile .info-wrap .agent-info{opacity:1;transform:scale3d(1,1,1)}.roster-1 a .agent-tile .info-wrap .agent-info .contact li{display:inline-table}.roster-1 a .agent-tile .info-wrap .agent-info{padding:5px 25px}.roster-1 a .agent-tile .info-wrap .agent-info .contact{margin:0}.roster-1 .tile-wrap button.btn.btn-primary{margin:5px;bottom:8px;left:125px;opacity:1;transform:scale3d(1,1,1)}.roster-1 .tile-wrap:hover button.btn.btn-primary{margin:5px;bottom:8px;left:125px;opacity:1;transform:scale3d(1,1,1)}}@media(max-width:480px){.roster-1 a .agent-tile .info-wrap .agent-info{padding:0 15px}.roster-1 a .agent-tile .info-wrap .agent-info h6{font-size:12px;letter-spacing:1px}.roster-1 .tile-wrap button.btn.btn-primary{margin:5px;bottom:2px;left:115px}.roster-1 .tile-wrap:hover button.btn.btn-primary{margin:5px;bottom:2px;left:115px}}@media(max-width:325px){.roster-1 a .agent-tile .info-wrap .agent-info h3{font-size:21px}.roster-1 a .agent-tile .info-wrap .agent-info{padding:0 15px}.roster-1 a .agent-tile .info-wrap .agent-info h6{font-size:12px;letter-spacing:1px}}form button.btn.btn-primary{background:rgba(191,30,46,.75)}