.teaching-material-grid{margin-top:-100px;position:relative;z-index:3;border-radius:100px 100px 0 0}.teaching-material-grid .inner{padding:80px 16px 72px}.teaching-material-grid .inner.first-block{padding-top:163px}.teaching-material-grid .outer-grid{display:-webkit-box;display:-ms-flexbox;display:flex}.teaching-material-grid .outer-grid .side-nav{min-width:290px;margin-right:40px;position:sticky;top:110px;left:0;height:100%}.teaching-material-grid main{width:100%}.teaching-material-grid .side-nav-list{padding:0;margin:0;list-style:none}.teaching-material-grid .side-nav-item{margin:16px 0}.teaching-material-grid .side-nav-link{color:#4f6171;text-decoration:none;font-size:2.4rem;line-height:32px;-webkit-transition:padding .2s ease-in-out;transition:padding .2s ease-in-out}.teaching-material-grid .side-nav-link:before{content:"";width:0px;height:0px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#007db8;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out}.teaching-material-grid .side-nav-link:hover{cursor:pointer}.teaching-material-grid .side-nav-link.active{color:#007db8;position:relative;padding:0 0 0 32px}.teaching-material-grid .side-nav-link.active:before{width:24px;height:2px}.teaching-material-grid .material-grid{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin:0 -20px}.teaching-material-grid .material-grid .teaching-material-item{padding:0 20px;margin-bottom:40px}.teaching-material-grid .material-grid .teaching-material-item .wrapper{position:relative;border-radius:12px;overflow:hidden}.teaching-material-grid .material-grid .teaching-material-item img{-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;width:100%}.teaching-material-grid .material-grid .teaching-material-item:hover img{-webkit-transform:scale(1.02);transform:scale(1.02)}.teaching-material-grid .material-grid .teaching-material-item .heading{position:absolute;left:16px;bottom:16px;color:#fff;text-decoration:none;font-size:2.3rem;line-height:28px;font-family:"proxima-nova-condensed","sans-serif";font-weight:600;z-index:2}.teaching-material-grid .material-grid .teaching-material-item .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.2}@media(max-width: 1460px){.teaching-material-grid{margin-top:0;border-radius:0}}@media(max-width: 1000px){.teaching-material-grid .material-grid .teaching-material-item{width:50%}}@media(max-width: 768px){.teaching-material-grid .inner{padding:32px 0 32px 16px}.teaching-material-grid .inner.first-block{padding-top:126px}.teaching-material-grid .outer-grid{-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.teaching-material-grid .outer-grid .side-nav{margin:0;position:static}.teaching-material-grid .outer-grid .material-grid{margin:0 -8px;margin-right:8px}.teaching-material-grid .outer-grid .material-grid .teaching-material-item{padding:0 8px;margin-bottom:16px}.teaching-material-grid .outer-grid .material-grid .teaching-material-item .heading{font-size:1.8rem;line-height:22px;bottom:12px;left:12px}.teaching-material-grid .side-nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:scroll}.teaching-material-grid .side-nav-link{white-space:nowrap;margin:0 24px 0 0;font-size:1.8rem;line-height:26px}.teaching-material-grid .side-nav-link.active{padding:0}.teaching-material-grid .side-nav-link.active:before{width:0;height:0}}