@import url(//fonts.googleapis.com/css?family=Roboto+Condensed);.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.cb-error{color:red}.cb-img-landscape{position:relative;width:100%;height:0;padding-bottom:56.25%}.cb-img-landscape>*:not(.popover){position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.cb-img-square{position:relative;width:100%;height:0;padding-bottom:100%}.cb-img-square>*:not(.popover){position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.vcenter{display:inline-block;vertical-align:middle;float:none}.class-carousel-init{opacity:1 !important;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;-transition:opacity .25s ease-in-out}@media screen and (max-width:1080px){#popular_classes,#new_cb_classes,#recent_classes,#recommended_classes,#cbtv_classes{margin-left:2% !important;margin-right:2% !important}}@media screen and (max-width:768px){#interestsCB{padding:10px}#interestsCB .btn-primary{font-size:13px;line-height:25px}#interestsCB .row{margin:0}#popular_classes,#new_cb_classes,#recent_classes,#recommended_classes,#cbtv_classes{margin-left:6% !important;margin-right:4% !important}#popular_classes .slick-prev img,#popular_classes .slick-next img,#new_cb_classes .slick-prev img,#new_cb_classes .slick-next img,#recent_classes .slick-prev img,#recent_classes .slick-next img,#recommended_classes .slick-prev img,#recommended_classes .slick-next img,#cbtv_classes .slick-prev img,#cbtv_classes .slick-next img{width:75%}#popular_classes .btn-primary,#new_cb_classes .btn-primary,#recent_classes .btn-primary,#recommended_classes .btn-primary,#cbtv_classes .btn-primary{font-size:13px;line-height:25px}}@media screen and (max-width:480px){#interestsCB{padding:10px}#interestsCB .btn-primary{font-size:9px;line-height:25px}#interestsCB .row{margin:0}#popular_classes,#new_cb_classes,#recent_classes,#recommended_classes,#cbtv_classes{margin-left:11% !important;margin-right:8% !important}#popular_classes .slick-prev img,#popular_classes .slick-next img,#new_cb_classes .slick-prev img,#new_cb_classes .slick-next img,#recent_classes .slick-prev img,#recent_classes .slick-next img,#recommended_classes .slick-prev img,#recommended_classes .slick-next img,#cbtv_classes .slick-prev img,#cbtv_classes .slick-next img{width:75%}#popular_classes .btn-primary,#new_cb_classes .btn-primary,#recent_classes .btn-primary,#recommended_classes .btn-primary,#cbtv_classes .btn-primary{font-size:9px;line-height:25px}#whats_new .new_cb_title{font-size:1.25em !important}}.class-carousel{font-size:16px;font-family:'Roboto Condensed';color:#424242}.class-carousel.class-carousel-2 .slick-slide,.class-carousel.class-carousel-3 .slick-slide{margin-left:3px;margin-right:3px}.class-carousel.class-carousel-4 .slick-slide{margin-left:2px;margin-right:2px}.class-carousel .class-carousel-title-row{margin-left:0;margin-right:0;margin-bottom:10px !important}.class-carousel .class-carousel-title-row div[class*="col"]{padding-left:0;padding-right:0}.class-carousel .class-carousel-title{font-size:1.45em;font-weight:400;padding-left:17px}@media screen and (max-width:768px){.class-carousel .class-carousel-title{padding-left:0}}@media screen and (max-width:480px){.class-carousel .class-carousel-title{padding-left:0}}.class-carousel .class-carousel-title,.class-carousel .class-carousel-title-right{padding-right:18px !important}@media screen and (max-width:768px){.class-carousel .class-carousel-title,.class-carousel .class-carousel-title-right{padding-right:0 !important}}@media screen and (max-width:480px){.class-carousel .class-carousel-title,.class-carousel .class-carousel-title-right{font-size:1.2em;padding-right:8px !important}.class-carousel .class-carousel-title .btn-primary,.class-carousel .class-carousel-title-right .btn-primary{font-size:9px;line-height:25px}}.class-carousel .class-carousel-desc{font-weight:300}.class-carousel .class-img{position:relative}.class-carousel .class-img img:not([src]){content:''}.class-carousel .class-img .playbut{background-size:20%}.class-carousel .class-name{margin-top:5px}.class-carousel .icon-circle{position:absolute;top:10px;right:10px;width:3.5em;height:3.5em;border-radius:50%;pointer-events:none}.class-carousel .icon-circle:after{position:absolute;top:0;right:0;bottom:0;left:0;height:1em;line-height:1em;margin:auto;color:#fff}.class-carousel .free-circle{background:#60b6e1}.class-carousel .free-circle:after{content:'FREE';font-size:1.4em}.class-carousel .new-circle{background:#ff4b55}.class-carousel .new-circle:after{content:'NEW';font-size:1.4em}.class-carousel .topclass-circle{background:#ff4b55}.class-carousel .topclass-circle:after{content:'TOP\00000aCLASS';height:2em}.class-carousel.class-carousel-2 .icon-circle{font-size:12px}@media screen and (min-width:400px){.class-carousel.class-carousel-2 .icon-circle{font-size:9px}}@media screen and (min-width:624px){.class-carousel.class-carousel-2 .icon-circle{font-size:12px}}@media screen and (min-width:768px){.class-carousel.class-carousel-2 .icon-circle{font-size:16px}}@media screen and (min-width:1080px){.class-carousel.class-carousel-2 .icon-circle{font-size:16px}}.class-carousel.class-carousel-3 .icon-circle{font-size:12px}@media screen and (min-width:400px){.class-carousel.class-carousel-3 .icon-circle{font-size:9px}}@media screen and (min-width:624px){.class-carousel.class-carousel-3 .icon-circle{font-size:12px}}@media screen and (min-width:768px){.class-carousel.class-carousel-3 .icon-circle{font-size:14px}}@media screen and (min-width:1080px){.class-carousel.class-carousel-3 .icon-circle{font-size:16px}}.class-carousel.class-carousel-4 .icon-circle{font-size:12px}@media screen and (min-width:400px){.class-carousel.class-carousel-4 .icon-circle{font-size:9px}}@media screen and (min-width:624px){.class-carousel.class-carousel-4 .icon-circle{font-size:12px}}@media screen and (min-width:768px){.class-carousel.class-carousel-4 .icon-circle{font-size:14px}}@media screen and (min-width:1080px){.class-carousel.class-carousel-4 .icon-circle{font-size:14px}}.class-carousel .share-flag{background:url('/ui/images/share-tag.png') top/100% no-repeat;position:absolute;top:10px;right:0}.class-carousel .share{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.class-carousel .share .bg{background:rgba(0,0,0,0.7);position:absolute;top:0;left:0;width:100%;height:100%}.class-carousel .share .text{font-family:'Roboto Condensed';position:absolute;top:0;right:0;bottom:0;left:0;height:9em;line-height:1em;margin:auto;text-align:center;color:#fff}.class-carousel .share .text a{color:#fff;pointer-events:auto}.class-carousel .share .text a:hover{text-decoration:underline}.class-carousel .share .share-title{font-size:1.3em;line-height:1.3}.class-carousel .share .share-links{font-size:1em;display:inline-block;line-height:1.7em;margin:.5em auto;text-align:left;white-space:nowrap}.class-carousel .share .share-links .glyphicon{vertical-align:middle;margin-right:5px}.class-carousel .share .share-instagram{font-size:.9em}.class-carousel .class-img:hover .share{display:block}.class-carousel .share-flag{width:40%;height:21%}@media screen and (min-width:1080px){.class-carousel.class-carousel-2 .share-flag{width:30%;height:16%}}.class-carousel.class-carousel-2 .share .text{font-size:12px}@media screen and (min-width:350px){.class-carousel.class-carousel-2 .share .text{font-size:14px}}@media screen and (min-width:400px){.class-carousel.class-carousel-2 .share .text{font-size:12px}}@media screen and (min-width:480px){.class-carousel.class-carousel-2 .share .text{font-size:14px}}@media screen and (min-width:552px){.class-carousel.class-carousel-2 .share .text{font-size:15px}}@media screen and (min-width:624px){.class-carousel.class-carousel-2 .share .text{font-size:17px}}@media screen and (min-width:768px){.class-carousel.class-carousel-2 .share .text{font-size:19px}}@media screen and (min-width:924px){.class-carousel.class-carousel-2 .share .text{font-size:21px}}@media screen and (min-width:1080px){.class-carousel.class-carousel-2 .share .text{font-size:24px}}.class-carousel.class-carousel-3 .share .text{font-size:12px}@media screen and (min-width:350px){.class-carousel.class-carousel-3 .share .text{font-size:14px}}@media screen and (min-width:400px){.class-carousel.class-carousel-3 .share .text{font-size:8px}}@media screen and (min-width:480px){.class-carousel.class-carousel-3 .share .text{font-size:11px}}@media screen and (min-width:552px){.class-carousel.class-carousel-3 .share .text{font-size:13px}}@media screen and (min-width:624px){.class-carousel.class-carousel-3 .share .text{font-size:15px}}@media screen and (min-width:768px){.class-carousel.class-carousel-3 .share .text{font-size:15px}}@media screen and (min-width:924px){.class-carousel.class-carousel-3 .share .text{font-size:17px}}@media screen and (min-width:1080px){.class-carousel.class-carousel-3 .share .text{font-size:19px}}.class-carousel.class-carousel-4 .share .text{font-size:12px}@media screen and (min-width:350px){.class-carousel.class-carousel-4 .share .text{font-size:14px}}@media screen and (min-width:400px){.class-carousel.class-carousel-4 .share .text{font-size:8px}}@media screen and (min-width:480px){.class-carousel.class-carousel-4 .share .text{font-size:11px}}@media screen and (min-width:552px){.class-carousel.class-carousel-4 .share .text{font-size:13px}}@media screen and (min-width:624px){.class-carousel.class-carousel-4 .share .text{font-size:15px}}@media screen and (min-width:768px){.class-carousel.class-carousel-4 .share .text{font-size:13px}}@media screen and (min-width:924px){.class-carousel.class-carousel-4 .share .text{font-size:15px}}@media screen and (min-width:1080px){.class-carousel.class-carousel-4 .share .text{font-size:16px}}.class-carousel .watchlist-delete-icon{background:#fff;display:none;position:absolute;top:10px;right:10px;z-index:2;width:21px;height:22px;font-size:20px;text-align:right;color:#424242;opacity:1;cursor:pointer}.class-carousel .watchlist-delete-icon img{width:100%;vertical-align:top}.class-carousel .slick-item:hover .watchlist-delete-icon{display:inline-block}.class-carousel .slick-prev,.class-carousel .slick-next{display:block}.class-carousel .slick-prev img,.class-carousel .slick-next img{display:block !important;background:unset !important}.class-carousel .slick-prev{left:-43px}.class-carousel .slick-next{right:-43px}.class-carousel .slick-disabled{display:none !important}.class-carousel .slick-track{margin-left:0}