/ 2;line-height:1.25}.rank{display:inline-block;width:5em;color:#f4ae1b;vertical-align:middle}.avatar,.image{background:center no-repeat #fff;-webkit-background-size:cover;background-size:cover;vertical-align:middle}.avatar{display:inline-block;width:45px;height:45px;border:1px solid #ddd;border-radius:50%}.title{font-size:14px;font-weight:700;color:#516591;line-height:1.25;text-decoration:none}.gt-container{position:relative;min-height:500px}.gt-detail{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;&.show{display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.gt-detail-content{position:relative;padding:$spacer;width:90%;max-height:90%;overflow:auto;color:#333;background-color:#fff;border-radius:.25rem;box-shadow:0 0 10px #333}.summary,.customer,.images{overflow:hidden}.summary{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;margin-bottom:$spacer / 2;span{display:block;@media screen and (min-width:600px){display:inline-block;margin-right:.25rem}}}.avatar{margin-right:.25rem}.title{margin-bottom:$spacer;color:#516591}.image{margin-bottom:$spacer / 2;text-align:center}.images{text-align:center;li{margin-bottom:$spacer}@media screen and (min-width:600px){margin-left:-1%;margin-right:-1%;li{display:inline-block;margin-left:1%;margin-right:1%;width:31.33333%;vertical-align:middle}}}.close-link{display:block;margin:0 auto;padding:.5rem 0;width:60px;text-align:center;text-decoration:none;color:inherit;background-color:#ddd;border-radius:.25rem;&:first-of-type{margin-right:0!important;@media screen and (min-width:600px){position:absolute;top:0;right:$spacer;margin-top:$spacer}}}}.gt-pagination{margin-bottom:$spacer;text-align:center;a{display:inline-block;margin-left:2px;margin-right:2px;width:30px;height:30px;line-height:30px;text-decoration:none;color:#fff;background-color:#666;border-radius:50%;&.active{background-color:#333}}}.gt-credit{display:block;color:inherit;text-align:right;text-decoration:none}.gt-image-list{.gt-list-caption{margin-bottom:$spacer;overflow:hidden;.image{height:0;margin-bottom:$spacer / 2;padding-top:52.5%}.title{display:block;margin-bottom:.25rem}}.gt-list-container{margin-left:-$spacer / 2;margin-right:-$spacer / 2;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;&:not(.show){display:none}li{margin-bottom:$spacer;padding:0 $spacer / 2;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;border-bottom:0}.image{position:relative;display:block;padding-top:100%}.body{position:absolute;bottom:0;left:0;padding:$spacer / 2;width:100%;color:#fff;background-color:rgba(0,0,0,.7);span{display:block;margin-bottom:.25rem;&.customer{padding-left:$spacer;background:url(../img/icon_c.png) left 50% no-repeat}&.date{margin-bottom:0;text-align:right}}}}@media screen and (min-width:600px){.gt-list-caption{.image{margin-bottom:0;width:300px;padding-top:160px;float:left}.summary{padding-left:$spacer / 2;overflow:hidden}}.gt-list-container{li{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}}}.gt-list{.gt-list-container{display:none;margin-bottom:$spacer;&.show{display:block}li{position:relative;padding:.75rem 0;border-bottom:solid 1px #ddd;overflow:hidden}}}{.image{margin-bottom:$spacer / 2;padding-top:50%}.title{display:block;margin-bottom:$spacer / 2}.comment{margin-bottom:0}.summary{margin-bottom:$spacer / 2;span{display:block;margin-bottom:.25rem}}@media screen and (min-width:600px){li{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.image{width:140px;margin-bottom:0;padding-top:100px}.body{padding-left:.5rem;-ms-flex:1;flex:1}.title{display:inline-block;margin-bottom:0;margin-left:.25rem}.summary{margin-top:.25rem;span{display:inline-block;margin-bottom:0;margin-right:.25rem}}}}}li{float:left;list-style:none;margin-right:.5em}.images{overflow:hidden}body{background-color:#f3f3f3;margin:1em}img {width:250px;} -->