section{width:100%;padding:60px 0}section.no-padding{padding:0}.container{width:90%;max-width:1200px;margin:0 auto;padding:0;position:relative}span#hs_cos_wrapper_body{display:flex;flex-direction:column;flex:1}.resources-container{display:flex;justify-content:space-between;width:100%}.resources{width:100%;padding:0 2%;margin:0 auto;position:relative}.resources__top-bar{width:104%;margin-left:-2%;display:flex;justify-content:space-between;padding:25px calc(2% + 1.2em) 30px;background:#f5f5f5;z-index:9}.resources__title{min-width:200px}.resources__title h1{text-transform:none;font-size:30px}.resources__count{font-weight:600}.resources .btn{text-transform:none;font-weight:600;font-size:18px;letter-spacing:0;padding:.4em 1.2em}.resources__download-all-progress{display:none;border-radius:0;height:22px}.resources__download-all-progress::-webkit-progress-bar{background-color:grey;border-radius:0}.resources__download-all-progress::-webkit-progress-value{background-color:#2dbf94;border-radius:0}.resources__download-all-progress::-moz-progress-bar{background-color:#2dbf94;border-radius:0}.resources__top-filters{display:flex;align-items:flex-end;justify-content:flex-end;max-width:calc(100% - 200px)}.resources__active-filters{display:flex;position:relative;flex-wrap:wrap}.resources__active-filters-text{position:absolute;left:5px;top:-20px;font-size:12px;color:#aaa;opacity:0;pointer-events:none}.resources__active-filters-text.active{opacity:1}.resources__active-filter{background:#FFF;padding:10px 15px;margin:10px 5px 0;cursor:pointer;position:relative}.resources__active-filter::after{content:'close';font-feature-settings:'liga';font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(46,46,46,0.75);opacity:0;transition:all .3s ease;pointer-events:none;color:#FFF;display:flex;align-items:center;justify-content:center}.resources__active-filter:hover::after{opacity:1}.resources__filters-btn.btn{font-size:22px;padding:.6em 1.3em;margin-left:20px}.resources__area{display:flex;flex-wrap:wrap;margin:auto;opacity:0;transition:all .2s ease}.resources__resource{width:calc(100%/13 - 2.4em);min-height:250px;display:inline-flex;flex-direction:column;background:#FFF;box-shadow:0px 3px 6px rgba(0,0,0,0.16);margin:1.2em;background-origin:padding-box,border-box;background-repeat:no-repeat;border-left:15px solid transparent;position:relative}@media only screen and (max-width:calc(320px*13)){.resources__resource{width:calc(100%/12 - 2.4em)}}@media only screen and (max-width:calc(320px*12)){.resources__resource{width:calc(100%/11 - 2.4em)}}@media only screen and (max-width:calc(320px*11)){.resources__resource{width:calc(100%/10 - 2.4em)}}@media only screen and (max-width:calc(320px*10)){.resources__resource{width:calc(100%/9 - 2.4em)}}@media only screen and (max-width:calc(320px*9)){.resources__resource{width:calc(100%/8 - 2.4em)}}@media only screen and (max-width:calc(320px*8)){.resources__resource{width:calc(100%/7 - 2.4em)}}@media only screen and (max-width:calc(320px*7)){.resources__resource{width:calc(100%/6 - 2.4em)}}@media only screen and (max-width:calc(320px*6)){.resources__resource{width:calc(100%/5 - 2.4em)}}@media only screen and (max-width:calc(320px*5)){.resources__resource{width:calc(100%/4 - 2.4em)}}@media only screen and (max-width:calc(320px*4)){.resources__resource{width:calc(100%/3 - 2.4em)}}@media only screen and (max-width:calc(320px*3)){.resources__resource{width:calc(100%/2 - 2.4em)}}@media only screen and (max-width:calc(320px*2)){.resources__resource{width:calc(100% - 2.4em)}}.resources__resource:hover{text-decoration:none;box-shadow:0px 3px 6px rgba(0,0,0,0.5)}.resources__resource__inner{overflow:hidden;display:inline-flex;flex-direction:column;height:100%;position:relative;padding:2em}.resources__resource__add{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:rgba(46,46,46,0.75);color:#FFF;display:flex;align-items:center;justify-content:center;font-size:16px;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}.resources__resource:hover .resources__resource__add{visibility:visible;opacity:.6;transition:opacity .3s ease,visibility 0s linear 0s}.resources__resource:hover .resources__resource__add:hover{opacity:1}.resources__resource--video{background-image:linear-gradient(113deg,#2dbf94 0%,#65e5f5 100%);color:#FFF;border-left:0}.resources__resource--poster{background-image:linear-gradient(294deg,#ffacf5 0%,#ff4646 100%);color:#FFF;border-left:0}.resources__resource--activity{background-image:linear-gradient(#FFF,#FFF),linear-gradient(#2d2dbf 0%,#d965f5 100%);color:#8c4cdd}.resources__resource--guide{background-image:linear-gradient(#FFF,#FFF),linear-gradient(#ff7171 0%,#ffb846 100%);color:#ff7171}.resources__resource--software{background-image:linear-gradient(#FFF,#FFF),linear-gradient(#006fff 0%,#a6d8ff 100%);color:#3393fa}.resources__resource--purple_navy{background-image:linear-gradient(#FFF,#FFF),linear-gradient(180deg,#2d2dbf 0%,#d965f5 100%);color:#8c4cdd}.resources__resource--cg50,.resources__resource--cg20{background-image:linear-gradient(#FFF,#FFF),linear-gradient(#ff7171 0%,#ffb846 100%);color:#ff7171}.resources__resource--9750gii,.resources__resource--9860gii,.resources__resource--9860giii{background-image:linear-gradient(#FFF,#FFF),linear-gradient(#006fff 0%,#a6d8ff 100%);color:#3393fa}.resources__resource--991es-plus,.resources__resource--991ex,.resources__resource--83-85gtx,.resources__resource--83-85gt-plus{background-image:linear-gradient(#FFF,#FFF),linear-gradient(#561768 0%,#ff005e 100%);color:#7d415d}.resources__resource__calc{position:absolute;bottom:0;left:calc(100% - 1%);height:30%;width:14%;background-repeat:no-repeat;background-size:contain;transform:rotate(334deg);transform-origin:0 100%}.resources__resource--cg50 .resources__resource__calc{background-image:url('https://education.casio.co.uk/hubfs/Theme%202018/Calcs/fx-CG50-tiny.png')}.resources__resource--cg20 .resources__resource__calc{background-image:url('https://education.casio.co.uk/hubfs/Theme%202018/Calcs/fx-CG20-tiny.png')}.resources__resource--9750gii .resources__resource__calc{background-image:url('https://education.casio.co.uk/hubfs/fx-9750GII-tiny2.png')}.resources__resource--9860gii .resources__resource__calc{background-image:url('https://education.casio.co.uk/hubfs/fx-9860GII-tiny2.png')}.resources__resource--9860giii .resources__resource__calc{background-image:url('https://education.casio.co.uk/hubfs/CAL/Product/9860GIII/9860GIII%20images/9860GIII-tiny.png')}.resources__resource--991es-plus .resources__resource__calc{background-image:url('https://education.casio.co.uk/hubfs/Theme%202018/Calcs/fx-991ES-tiny.png')}.resources__resource--991ex .resources__resource__calc{background-image:url('https://education.casio.co.uk/hubfs/Theme%202018/Calcs/fx-991EX-tiny.png')}.resources__resource--83-85gtx .resources__resource__calc{background-image:url('https://education.casio.co.uk/hubfs/fx-83GTX-tiny.png')}.resources__resource--83-85gt-plus .resources__resource__calc{background-image:url('https://education.casio.co.uk/hubfs/Theme%202018/Calcs/fx-83GT_PLUS-tiny.png')}.resource__resource__title{text-transform:none;font-weight:600;font-size:1.85em;letter-spacing:0;letter-spacing:-0.5px}.resources__resource__summary{max-width:calc(100% - 5%)}.resources__resource__summary p:last-of-type{margin-bottom:0}.resources__resource.my-collection .resources__resource__add{opacity:0 !important;visibility:hidden !important;transition:opacity .3s ease,visibility 0s linear .3s !important}.resources__resource__in-collection{margin-top:auto;margin-left:auto;margin-bottom:-20px;margin-right:-10px;padding-top:8px;visibility:hidden;display:flex;align-items:center;opacity:0;transition:opacity .3s ease,visibilty 0s linear .3s}.resources__resource.my-collection .resources__resource__in-collection{visibility:visible;opacity:1;transition:opacity .3s ease,visibilty 0s linear 0s}.resources__resource__remove{position:absolute;top:0;right:0;background:#FFF;border-radius:50%;transform:translate(33%,-33%);line-height:1;box-shadow:0px 0px 6px rgba(0,0,0,0.16);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;color:#ff7171}.resources__resource__remove:hover{box-shadow:0px 1px 6px 0px rgba(0,0,0,0.5)}.resources__resource:hover .resources__resource__remove{opacity:1}.resources__filters{position:fixed;z-index:9;top:100px;right:0;width:350px;transform:translate(350px);max-width:100%;background:#FFF;box-shadow:0px 0px 6px rgba(0,0,0,0.16);transition:all .3s ease;display:flex;flex-direction:column}.resources__filters.active{transform:translate(0)}.resources__filters__mask{background:rgba(46,46,46,0);transition:all .3s ease}.active .resources__filters__mask{content:'';background:rgba(46,46,46,0.9);right:100%;top:0;width:100vw;height:100%;position:absolute;cursor:pointer}.resources__filters__title{width:100%;padding:12px 35px;display:flex;justify-content:space-between;align-items:center;font-weight:600;background:#2dbf94;color:#FFF}.resources__filters__title span{cursor:pointer}.resources__filters__inner{padding:20px 35px;overflow:auto;height:100%}.resources__filters__inner h3,.filter-subgroup>span{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.resources__filters__inner h3 span,.filter-subgroup>span span{transition:all .3s ease}.resources__filters__inner h3.active span,.filter-subgroup>span.active span{transform:rotate(90deg)}.filter-group--subject .filter-subgroup,.filter-group--subject .filter-item{display:none}.filter-group--subject .filter-subgroup.show{display:block}.filter-group--subject .filter-item.show{display:flex;align-items:center}.filter-subgroup{border-bottom:1px solid;padding:10px 0;margin-left:10px}.filter-item{display:flex;align-items:center}.filter-item label{flex:1;padding:5px;cursor:pointer}@media only screen and (max-width:900px){.resources__top-bar{flex-wrap:wrap}.resources__title{width:100%}.resources__top-filters{max-width:none;width:100%;margin-top:30px;justify-content:space-between}.resources__active-filters{width:100%}.resources__filters-btn.btn{position:absolute;top:25px;right:calc(1% + 1.2em)}.resources__active-filter{margin:10px 10px 0 0}.resources__active-filters-text{left:0}}@media only screen and (max-width:600px){.resources__filters{width:100%;transform:translate(100%)}}@media only screen and (max-width:380px){.resources__top-filters{flex-direction:column-reverse;align-items:flex-start;margin-top:13px}.resources__filters-btn.btn{position:static;margin:0 0 25px 0}.resources__active-filters-text{top:-15px}}