.library{display:block;width:100%}.library .filter-group{padding:0;margin:0 auto;text-align:center;width:calc(100% - 32px);display:flex;flex-flow:column wrap;justify-content:center}.library .filter-group .filter{background:#016ccc;padding:6px 12px;border-radius:4px;color:white;text-transform:uppercase;font-size:16px;cursor:pointer;border:0;margin:8px 0}@media(min-width:768px){.library .filter-group .filter{margin:8px}}.library .filter-group .filter:hover,.library .filter-group .filter:focus{background-color:#0e9cd1;outline:0}.library .filter-group .filter:active,.library .filter-group .filter.is-checked{background-color:#0e9cd1}.library .grid{margin:16px auto;padding-left:15px;padding-right:15px;display:flex;flex-wrap:wrap}.library .grid .element-item{display:flex;flex-direction:column;flex-wrap:wrap;overflow:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;width:100%;margin:16px auto;background:#f5f5f5;border-bottom:1px solid #ccc;color:#000;border-radius:4px}.library .grid .element-item .element-item__head{display:flex;width:100%;flex-direction:column}.library .grid .element-item .element-item__body{padding:0 16px;display:flex;flex-flow:column wrap;height:100%}.library .grid .element-item .element-item__footer{display:flex;margin-left:auto;margin-top:auto;padding:16px 16px 24px 16px}.library .grid .element-item:hover,.library .grid .element-item:focus{box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);-webkit-box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2)}.library .grid .element-item .lib-img{display:block;position:relative;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:56.25%;padding-top:56.25%;overflow:hidden}.library .grid .element-item .lib-img img{float:none;position:absolute;content:"";margin:auto;max-width:100%;min-width:100%;min-height:100%;left:0;right:0;top:0;bottom:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.library .grid .element-item .lib-img:before{position:absolute;z-index:1;left:0;top:0;content:'';width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.library .grid .element-item .lib-img:after{position:absolute;z-index:2;left:4%;top:4%;content:'';width:calc(92% - 2px);height:calc(92% - 2px);border:2px solid white;opacity:0;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.library .grid .element-item:hover .lib-img:before,.library .grid .element-item:focus .lib-img:before,.library .grid .element-item:hover .lib-img:after,.library .grid .element-item:focus .lib-img:after{opacity:1}.library .grid .element-item:hover img,.library .grid .element-item:focus img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.library .grid .element-item .lib-title{font-size:20px;line-height:24px;font-weight:700;margin:16px auto 0 auto}.library .grid .element-item .lib-cat{padding:8px 0}.library .grid .element-item .lib-link{margin:0 0 0 auto;font-weight:normal;text-align:center;text-transform:uppercase;vertical-align:middle;cursor:pointer;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;color:white;border-color:#016ccc;background-color:#016ccc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.library .grid .element-item{width:calc(100% - 32px)}@media screen and (min-width:768px){.library .filter-group{flex-flow:row wrap}.library .grid .element-item{width:calc(33.333% - 42px);margin:16px}}@media screen and (min-width:768px) and (max-width:991px){.library .grid .element-item .lib-title{font-size:20px}}