body,html{height:100%}.card,.card.people .card-info{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}body{min-height:100%;position:relative}body.loading{overflow:hidden}body.loading .spinner{display:block}header{background-color:#3B5999;height:70px}header h3{margin:0;line-height:70px}header a,header a:focus,header a:hover{color:#fff}.spinner{display:none;top:50%;left:50%;position:absolute;margin:-17px 0 0 -35px;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}ul li{list-style:none}ul img{display:inline-block;width:80px;height:80px;margin-right:15px;vertical-align:top;border:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.card{padding-top:20px;margin:10px 0 20px;background-color:rgba(214,224,226,.2);border-top-width:0;border-bottom-width:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;box-sizing:border-box}.card .card-heading{padding:0 20px;margin:0}.card .card-heading.simple{font-size:20px;font-weight:300;color:#777;border-bottom:1px solid #e5e5e5}.card .card-heading.image img{display:inline-block;width:46px;height:46px;margin-right:15px;vertical-align:top;border:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.card .card-heading.image .card-heading-header{display:inline-block;vertical-align:top}.card .card-heading.image .card-heading-header h3{margin:0;font-size:14px;line-height:16px;color:#262626}.card .card-heading.image .card-heading-header span{font-size:12px;color:#999}.card .card-body{padding:0 20px;margin-top:20px}.card .card-media{padding:0 20px;margin:0 -14px}.card .card-media img{max-width:100%;max-height:100%}.card .card-actions{min-height:30px;padding:0 20px 20px;margin:20px 0 0}.card .card-comments{padding:20px;margin:0;background-color:#f8f8f8}.card .card-comments .comments-collapse-toggle{padding:0;margin:0 20px 12px}.card .card-comments .comments-collapse-toggle a,.card .card-comments .comments-collapse-toggle span{padding-right:5px;overflow:hidden;font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap}.card-comments .media-heading{font-size:13px;font-weight:700}.card.people{position:relative;display:inline-block;width:170px;height:300px;padding-top:0;margin-left:20px;overflow:hidden;vertical-align:top}.card.people:first-child{margin-left:0}.card.people .card-top{position:absolute;top:0;left:0;display:inline-block;width:170px;height:150px;background-color:#fff}.card.people .card-top.green{background-color:#53a93f}.card.people .card-top.blue{background-color:#427fed}.card.people .card-info{position:absolute;top:150px;display:inline-block;width:100%;height:101px;overflow:hidden;background:#fff;box-sizing:border-box}.card.people .card-info .title{display:block;margin:8px 14px 0;overflow:hidden;font-size:16px;font-weight:700;line-height:18px;color:#404040}.card.people .card-info .desc{display:block;margin:8px 14px 0;overflow:hidden;font-size:12px;line-height:16px;color:#737373;text-overflow:ellipsis}.card.people .card-bottom{position:absolute;bottom:0;left:0;display:inline-block;width:100%;padding:10px 20px;line-height:29px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.card.hovercard{position:relative;padding-top:0;overflow:hidden;text-align:center;background-color:rgba(144,157,159,.2)}.card.hovercard .cardheader{background-size:cover;height:135px}.card.hovercard .avatar{position:relative;top:-50px;margin-bottom:-50px}.card.hovercard .avatar img{width:100px;height:100px;max-width:100px;max-height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid rgba(255,255,255,.5)}.card.hovercard .info{padding:4px 8px 10px}.card.hovercard .info .title{margin-bottom:4px;font-size:24px;line-height:1;color:#262626;vertical-align:middle}.card.hovercard .info .desc{overflow:hidden;font-size:12px;line-height:20px;color:#737373;text-overflow:ellipsis}.card.hovercard .bottom{padding:0 20px;margin-bottom:17px}.btn{border-radius:50%;width:32px;height:32px;line-height:18px}.user-grid{margin:3rem auto;padding:0;width:80%;display:flex;align-items:stretch;flex-wrap:wrap}.user-grid .user-cell{background-color:#FFF;border:1px solid #d2d6d9;border-radius:.5rem;display:flex;flex-basis:31.719%;flex-direction:column;align-content:center;justify-content:center;min-height:220px;position:relative;margin-left:1.2%;margin-right:1.2%;margin-bottom:2rem}.user-grid .user-cell:nth-child(3n+1){margin-left:0}.user-grid .user-cell:nth-child(3n+0){margin-right:0}@media only screen and (max-width:680px){.user-grid .user-cell{flex-basis:48.8%}.user-grid .user-cell:nth-child(3n+1){margin-left:1.2%}.user-grid .user-cell:nth-child(3n+0){margin-right:1.2%}.user-grid .user-cell:nth-child(2n+1){margin-left:0}.user-grid .user-cell:nth-child(2n+0){margin-right:0}}@media only screen and (max-width:480px){.user-grid .user-cell{flex-basis:100%;margin-left:0!important;margin-right:0!important}}.user-grid .user-cell .user-profile{display:flex;flex-wrap:wrap;justify-content:space-around;padding:1rem .5rem 3rem}@media only screen and (max-width:1200px){.user-grid .user-cell .user-profile{flex-wrap:wrap;justify-content:center}}.user-grid .user-cell .user-profile .user-photo{width:100px;height:100px;border-radius:50%;border:3px solid #d2d5d0}.user-grid .user-cell .user-profile .user-meta{word-wrap:break-word;padding:.5rem 0 .9rem .5rem}.user-grid .user-cell .user-profile .user-meta h2{color:#3F708A}.user-grid .user-cell .user-profile .user-meta em{color:#848c80;display:block}.user-grid .user-cell .user-profile .user-meta a{font-size:.9rem}.user-grid .user-cell>a{width:100%;position:absolute;bottom:0;display:block;text-align:center;padding:.5rem 0;background-color:#4267b2;color:#FFF;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.user-grid .user-cell>a:hover{background-color:#365899}