.calRow{background:#fff}.weekNum{background:#FCFCFC}.calRow:hover>div:not(.weekNum),.hasItem{background-color:#F6F6F6}.calRow>div:hover.hasItem,.calFooter{background-color:#E4E4E4}.today{background-color:#FEF3CB}.hasItem:after{background-color:#5AC777}.hasItem.today:after{background-color:#feab00}.hasItem.unavailable:after{background-color:#9A9A9A}.calMonth,.days,.calRow>div:hover.today{background-color:#FFC600}.calRow,.calData,.calRow>div.weekNum{border-color:rgba(0,0,0,0.1)}.calRow>div{border-color:#fff}.calBlock{margin-bottom:24px}.calHeader{padding:0;position:relative;text-transform:uppercase;font-size:20px;text-transform:uppercase;font-family:'Roboto'}.calHeader .calLoc{font-weight:900;margin-bottom:4px}.calHeader .calMonth{text-align:center;padding:10px 0;border-top:none!important;font-size:18px}.calData{border-bottom-style:solid;border-bottom-width:1px;margin-bottom:3px}.calData .days{display:flex;margin-bottom:3px}.calData .days>div{border:none!important;padding-left:6px;font-weight:700;height:30px;font-size:14px;flex:1 1 auto;text-transform:lowercase}.calData .days>div:first-child{flex:0 1 25px}.calRow{display:flex;border-top-style:solid;border-top-width:1px}.calRow>div{border-right-style:solid;border-right-width:1px;min-height:60px;padding-top:13%;flex:1 1 auto;position:relative;transition:200ms all ease;cursor:pointer}.calRow>div.weekNum{font-size:9px;text-align:center;flex:0 1 25px;padding-top:8px;cursor:inherit}.calRow>div.weekNum ins{display:block;width:100%;text-align:center;float:left;left:0}.calRow>div ins{position:absolute;top:6px;left:8px;font-weight:500;font-size:14px}.calRow>div .icon-discount{position:absolute;top:6px;right:8px;font-weight:500;font-size:18px}.calRow>div>span{position:absolute;left:8px;right:8px;bottom:10px;font-size:8px;line-height:10px;text-overflow:ellipsis;overflow:hidden}.calRow>div.hasItem:after{content:'';display:block;height:auto;padding-bottom:8%;position:absolute;z-index:3;bottom:0;left:0;right:0}.calFooter{display:block;text-align:center;height:24px}.calFooter button{background:0;border:0;height:24px;width:40px;font-size:18px}.calFooter button.disabled{pointer-events:none;opacity:.3}.calBlock.list .calRow>div{padding-top:0}.calBlock.list div.date{flex:0 1 60px}.calBlock.list div.date ins{font-size:24px;top:4px;left:50%;transform:translateX(-50%);position:absolute}.calBlock.list div.date ins+span{text-align:center;text-transform:uppercase;font-size:12px;font-weight:500;bottom:14px}.calBlock.list .calRow>div.info{padding:10px 30px 10px 10px;flex:0 1 calc(100% - 216px)}.calBlock.list .calRow>div.info span{font-size:16px;font-weight:400;line-height:18px;display:block;left:inherit;bottom:inherit;right:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;position:absolute;left:10px;right:40px}.calBlock.list .calRow>div.info span.sub{font-size:12px;font-weight:700;bottom:10px}.calBlock.list .calRow>div.info .icon-discount{top:50%;right:5px;transform:translateY(-50%);font-size:22px}.calBlock.list div.time{flex:0 1 70px}.calBlock.list .calRow div.time{padding:0;padding-left:6px;line-height:60px;font-weight:bold}.calBlock.list .days div:last-child,.calBlock.list .calRow div:last-child{flex:0 1 86px;position:relative;line-height:60px}.calBlock.list .calRow div>button{border:0;min-width:auto;width:86px;padding:8px 12px;text-transform:capitalize;float:right;position:absolute;top:50%;transform:translateY(-50%)}.cPopup{position:absolute;left:50%;transform:translateX(-50%);z-index:10000;bottom:calc(100% + 10px);opacity:0;pointer-events:none;min-width:160px;background:#fff;border-style:solid;border-width:1px;box-shadow:0 3px 6px rgba(0,0,0,0.25);font-size:11px;text-align:center;transition:200ms all ease}div.hasItem:hover .cPopup{bottom:calc(100% - 10px);opacity:1;pointer-events:all}.cPopup:before{content:'';display:block;position:absolute;z-index:2;left:50%;top:calc(100% + 1px);transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:8px solid #FEC800}.cPopup:after{content:'';display:block;position:absolute;z-index:3;left:50%;top:calc(100% + 0px);transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:8px solid #fff}.alignLeft .cPopup:before,.alignLeft .cPopup:after{left:15px;transform:translateX(0)}.alignRight .cPopup:before,.alignRight .cPopup:after{left:auto;right:10px;transform:translateX(0)}.alignLeft .cPopup{left:-15px;transform:translateX(0)}.alignRight .cPopup{left:38px;transform:translateX(-100%)}.cPopup .cpWrapper{display:flex;flex-wrap:wrap;max-width:540px;padding:10px 14px 0 14px;width:-ms-max-content;width:-moz-max-content;width:-o-max-content;width:max-content}.cPopup .cpItem{width:170px;margin-bottom:10px;flex:0 1 170px}.cPopup .cpItem>div{display:block;width:100%}.cPopup .cpItem>.btn{float:inherit}.cpTitle{font-size:12px;font-weight:bold;text-transform:uppercase;width:100%}.cpLocation{margin-bottom:10px}.cpLocation span{display:inline-block;font-weight:bold}.cPopup .cpItem>div.cpDiscount{position:relative;margin:10px auto;line-height:11px;font-weight:bold;text-align:left;padding-left:25px;display:inline-block;width:auto}.cpDiscount .old{font-size:9px}.cpDiscount .price{text-transform:uppercase}.calRow>div .cpDiscount .icon-discount{top:50%;transform:TranslateY(-50%);font-size:20px;left:0}.cPopup button.btn.btnSmall{border:0;height:22px;line-height:22px;padding:0;text-transform:capitalize;font-weight:500;background:#000;color:#fff}.calPop .calBlock{margin-bottom:0}@media screen and (max-width:767px){.calData .days>div:first-child,.calRow>div.weekNum{display:none}.calRow>div ins{left:6px}.calRow>div span{left:5px;right:5px}}
.filterBlock{padding:22px;position:relative;min-height:90px}.filterBlock .filterDrop{width:350px;float:left;margin-right:14px;position:relative;background-color:#fff}.filterBlock #FilterTaal.filterDrop{display:none}.filterDrop>select{display:none}.filterDrop>label{position:absolute;pointer-events:none;top:5px;left:12px;z-index:9999;font-weight:bold;font-size:12px}.filterDrop>label ~ .transformSelect>li>span{padding-top:8px;text-transform:capitalize}.filterDrop li li span{text-transform:capitalize}.filterDrop .transformSelect>li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listOptions{position:absolute!important;right:20px}.listOptions label{display:inline-block;text-align:center;width:60px;height:46px;position:relative}.listOptions label ins{display:inline-block;font-size:26px;margin-bottom:4px}.listOptions label span{display:block;font-size:12px;text-transform:uppercase;font-family:'Roboto';font-weight:900;position:absolute;bottom:-2px;left:50%;transform:translateX(-50%)}@media screen and (max-width:1280px){.filterBlock .filterDrop{width:200px}.filterDrop>label ~ .transformSelect>li>span{font-size:12px}}@media screen and (min-width:1025px){.ftArea{display:none;padding:10px}.filterBlock>label{display:none}}@media screen and (max-width:1024px){.ftArea{display:block;padding:10px}.filterBlock>label{display:block}.filterBlock{position:fixed!important;top:100%;left:0!important;width:100vw!important;margin:0!important;bottom:0;transition:200ms all ease;overflow:hidden}.filterBlock .filterDrop{width:100%;margin:14px 0 0}.filterBlock>label{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:calc(100% - 28px)}.listOptions{position:relative!important;top:0!important;right:inherit!important;transform:translateY(0)!important}#filterToggle:checked ~ .filterBlock{top:77px;z-index:100}}
@charset "utf-8";.gridView,.calView{display:none;width:100%}.mainContent section.gridView,.mainContent section.calView{padding-bottom:30px}.mainContent h1{font-size:26px;line-height:36px}#gridToggle:checked ~ main .gridView,#calToggle:checked ~ main .calView{display:block}.sidebarWrapper{display:flex;margin:0 auto;max-width:1280px;position:relative}.sidebarArea{order:2;flex:0 1 30%}.sidebarArea ~ .coursesArea{order:1;flex:0 1 70%}.sidebarArea ~ .coursesArea .col-3{width:calc((100%/(12/4)) - 14px)}.sidebarArea ~ .coursesArea .col-4{width:calc((100%/(12/6)) - 14px)}.toggleAgenda .btn{position:absolute;top:20px;right:20px}.toggleAgenda .title{font-size:26px;display:block;padding:15px 20px 0 20px;line-height:inherit}.toggleAgenda .subTitle{display:block;padding:0 20px 10px;line-height:inherit;font-size:13px}.toggleItems{padding:20px;max-height:1125px;overflow-y:scroll}.toggleItems::-webkit-scrollbar{width:4px}.toggleItems::-webkit-scrollbar-track{background:#f2f2f2}.toggleItems::-webkit-scrollbar-thumb{background:#999;border-radius:4px;cursor:n-resize}.toggleItems::-webkit-scrollbar-thumb:hover{background:#777}.toggleItems>div{display:block;margin-bottom:10px;border-bottom:solid 1px rgba(0,0,0,0.1);padding:0 0 10px 0;position:relative}.toggleItems>div>a{display:block;overflow:hidden;position:relative}.toggleItems>div>a:after{content:attr(data-button-text);background-color:#252829;color:#fff;font-family:'Roboto',sans-serif;font-size:12px;font-weight:900;line-height:14px;padding:10px 20px;min-width:100px;text-transform:uppercase;position:absolute;right:0;top:7px;transition:.3s ease;transform:translateX(105%)}.toggleItems>div>a:hover:after{transform:translateX(0)}.toggleItems>div:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.toggleItems>label>input[type=checkbox]{display:none}.toggleItems>label>label>input[type=checkbox]{width:auto;height:auto}.toggleItems>div .date,.toggleItems>div .location{font-size:13px;text-transform:uppercase;font-weight:600}.toggleItems>div .course{display:block}.extraOption{padding-left:33px;position:relative;top:7px}.extraOption input{width:0;height:0;opacity:0;position:absolute}.extraOption ins{background:#fff;width:18px;height:18px;border:solid 1px #707070;display:block;position:absolute;top:2px;left:2px}.extraOption ins:after{left:2px;top:2px;width:12px;height:12px;position:absolute;content:'';text-align:center;opacity:0;transition:200ms all ease;background-color:#FFC600}.extraOption input:checked+ins:after{opacity:1}
@media screen and (min-width:1280px){.calRow>div ins{font-size:18px}.calRow>div span{font-size:12px;line-height:14px}}@media screen and (max-width:1279px){.sidebarArea ~ .coursesArea .col-3{width:calc((100%/(12/6)) - 14px)}.toggleAgenda .btn{top:75px;width:calc(100% - 40px)}.toggleAgenda .subTitle{padding-bottom:60px}}@media screen and (max-width:1023px){.sidebarWrapper{display:block}.sidebarArea{display:none}}
