@charset "utf-8";.box .inner,.box a .back{background-color:transparent}.boxes{background-color:#ccc}.box{transition:1s ease-in-out;-webkit-transition:1s ease-in-out}.box .inner{overflow:hidden;background-size:100% 100%;background-position:50% 100%;padding:0;transition:.66s ease-in-out;-webkit-transition:.66s ease-in-out}.box .inner .caption{position:absolute;left:48px;top:45px;z-index:999}.box .inner h3,.box .inner h5,.box .inner p{font-family:"Titillium Web",sans-serif;margin:0;color:#000}.box .inner p{max-width:75%;line-height:18px;margin-bottom:12px}.box .inner h3{text-transform:uppercase}.box .inner h3 br{display:none}.box .inner h5{font-weight:600;transition:.35s ease-in-out;-webkit-transition:.35s ease-in-out}.box a .back{position:relative;border-bottom:0 solid #ccc;width:50vw;height:50vw}.box a .back.half{height:25vw}.box a .back img.spacer{position:relative;top:0;left:0;visibility:hidden;display:none}.box a .back img.visual{position:absolute;width:100%;max-width:100%;top:0;left:0;transition:.35s ease-in-out;-webkit-transition:.35s ease-in-out;z-index:998}.box a:hover .back img.visual{width:106%;max-width:106%;top:-3%;left:-3%}.box a:hover h5{color:#c00;font-size:24px}.border{border:0 solid #ccc}.border.f-t,.border.h-t{border-top-width:0}.border.f-r,.border.h-r{border-right-width:0}.border.f-b,.border.h-b{border-bottom-width:0}.border.f-l,.border.h-l{border-left-width:0}@media all and (max-width:909px){.box.col-1-2,.spot.col-1-2{width:100%}.border{border-width:0!important}.box a .back{width:100vw;height:100vw}.box a .back.half{height:50vw}}@media all and (max-width:480px){.box .inner p{display:none}.box .inner h3 br{display:block}.box .inner .caption{left:30px;top:26px}}