html,body{background-color:#303030;margin:0;padding:0;font-size:14px;font-family:Arial,Helvetica,sans-serif}.btn-case{position:absolute;z-index:10;border-radius:50%;border:0;background-color:#0aaabe;right:15px;bottom:15px;box-shadow:0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,.12);width:56px;height:56px;padding:0;color:white;font-size:33px;transition:box-shadow 280ms cubic-bezier(0.4,0,0.2,1),opacity 15ms linear 30ms,transform 270ms 0ms cubic-bezier(0,0,0.2,1);cursor:pointer}.btn-case:before{content:'+';position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.page--cont{background-color:#303030;position:absolute;height:100vh;width:100vw;overflow:auto}.page--cont::-webkit-scrollbar{display:none}.page--cont__in{animation:.2s ease 0s slideIn}.page--cont__out{animation:.5s ease 0s forwards slideOut}@keyframes slideIn{0%{transform:translateY(20vh);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}100%{transform:translateY(100vh);opacity:0}}.categories--cont,.specialties--cont,.cases--cont{display:grid;grid-template-columns:1fr;grid-gap:22px;grid-auto-rows:50vh;margin:18px}.specialties--cont{grid-auto-rows:24vh}.cases--cont{grid-auto-rows:max-content}.categories--card,.specialties--card,.cases--card{border-radius:8px;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:50% 0;position:relative;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);text-decoration:none}.cases--card{background-color:#424242}.categories--name,.specialties--name{position:absolute;bottom:0;margin:0;width:100%;padding:14px;font-size:18px;font-weight:normal;color:#fff;background-color:rgba(0,0,0,.38)}.cases--images-cont{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0;grid-auto-rows:20vh;align-items:center}.cases--image{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;height:20vh}.cases--tile{display:grid;grid-template-columns:1fr 4fr;grid-gap:8px;grid-auto-rows:max-content;align-items:center;padding:8px}.cases--autor-image{background-size:cover;background-repeat:no-repeat;background-position:50% 0;border-radius:50%;height:60px;width:60px;display:block}.cases--name,.cases--title{margin:0 0 4px;color:#fff;font-size:18px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.cases--title{font-size:26px}.cases--author{color:#0aaabe;font-size:16px;text-transform:uppercase}.cases--info{color:#939393;font-size:12px;display:block}.case--body{padding:12px}.case--author{border:.5px groove #0aaabe;border-width:1px 0;margin:8px 0;display:grid;grid-template-columns:1fr 4fr;grid-gap:8px;grid-auto-rows:max-content;align-items:center;padding:8px}.case--author .cases--author{color:#fff;display:block}.case--description{color:#e0e0ee;margin:14px 0}.case--description p{margin:15px 15px 35px;text-align:justify;line-height:20px}.case--description-result{text-transform:uppercase}.case--title{border:.5px groove #0aaabe;border-width:1px 0;margin:8px 0;padding:12px;font-size:24px;color:#0aaabe;text-transform:uppercase;text-align:center}.case--tools{display:flex;flex-direction:row;justify-content:space-evenly;text-align:center}.case--tools>*{display:block;color:#fff;text-decoration:none;padding:10px}.case--tools [class^="icon-"]{display:block;font-size:18px;margin-bottom:5px}.cases--galery-cont{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;align-items:center;grid-auto-rows:20vh}.cases--galery-image{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;height:20vh;cursor:pointer;transition:background-size .6s}.cases--galery-image:hover{background-size:150%}.pswp__button--zoom{display:block}.pswp__caption__center{font-size:14px}@media all and (orientation:landscape){.categories--cont{grid-auto-rows:75vw}.specialties--cont{grid-auto-rows:34vw}.cases--images-cont{grid-auto-rows:40vw}.cases--image{height:40vw}.cases--tile{grid-template-columns:1fr 8fr}.cases--galery-image{height:40vw}}