.gridder{margin:0;padding:0;list-style-type:none;text-align:center;font-size:0;letter-spacing:0;word-spacing:0}.gridder .gridder-list{position:relative;display:inline-block;width:25%;margin-bottom:1.5em;border:0;padding:0;vertical-align:middle;font-size:.875rem;word-spacing:initial;letter-spacing:initial;cursor:pointer}.gridder .gridder-list>div{border:1px solid #eee;box-shadow:0 2px 10px -2px rgba(0,0,0,.2);margin-left:1em;padding:.5em}.gridder .gridder-list:nth-child(4n+1)>div{margin-left:0}.gridder.hasSelectedItem .gridder-list:not(.selectedItem){opacity:.2}.gridder-content{display:none}.gridder-show{position:relative;display:block;float:left;width:100%;margin-bottom:25px;padding:32px;background:#ececec;color:#777;text-align:left}.gridder-show h2{color:#23a6da}.gridder-navigation .gridder-nav{position:absolute;top:50%;z-index:1;display:table;overflow:hidden;width:32px;height:48px;margin:-20px 5px 0;border:1px solid #bfbfbf;padding:0;background-color:#e0e0e0;color:#bdbdbd;text-align:center;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.5);font-weight:700;font-size:16px;cursor:pointer}.gridder-navigation .gridder-nav:hover{background-color:#d4d4d4;color:#a2a2a2}.gridder-navigation .gridder-nav.disabled{opacity:.25}.gridder-navigation .gridder-nav.disabled:hover{background-color:#dedede;color:#bdbdbd;cursor:inherit}.gridder-navigation .gridder-close:before,.gridder-navigation .gridder-nav.next:before,.gridder-navigation .gridder-nav.prev:before{font-family:FontAwesome,sans-serif;font-size:24px}.gridder-navigation .gridder-nav.prev{left:-5px}.gridder-navigation .gridder-nav.next{right:-5px}.gridder-navigation .gridder-close{position:absolute;top:0;right:3px;z-index:2;width:32px;height:32px;padding:5px;cursor:pointer}.gridder-navigation .gridder-close:hover{color:red}.gridder-navigation .gridder-close:before{content:"\f00d"}.gridder-navigation .gridder-nav.next:before,.gridder-navigation .gridder-nav.prev:before{display:table-cell;vertical-align:middle}.gridder-navigation .gridder-nav.prev:before{content:"\f053"}.gridder-navigation .gridder-nav.next:before{content:"\f054"}@media only screen and (max-width:479px){.gridder .gridder-list{width:100%}.gridder .gridder-list>div{margin:0}}@media only screen and (min-width:480px) and (max-width:767px){.gridder .gridder-list{width:50%}.gridder .gridder-list:nth-child(2n+1)>div{margin-left:0}}@media only screen and (min-width:769px){.gridder-show{padding:40px 60px}}@media only screen and (min-width:768px) and (max-width:1023px){.gridder .gridder-list{width:33.333%}.gridder .gridder-list:nth-child(4n+1)>div{margin-left:1em}.gridder .gridder-list:nth-child(3n+1)>div{margin-left:0}}