@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic);@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900,400italic);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}em{font-style:italic}strong{font-weight:bold}body,html{font-family:'Noto Serif', serif;font-size:16px;line-height:1.45em;color:#212121;-webkit-font-smoothing:antialiased}.visually-hidden{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.left-container{position:relative;width:95%;padding:100px 130px 200px;margin-left:0;opacity:1;transition:all 0.6s;height:100%;-webkit-overflow-scrolling:touch}.left-container.about{padding-left:200px;font-size:0.8em}.left-container.blog,.left-container.about{width:90%}.left-container.home,.left-container.teaching,.left-container.video-page{width:70%}.left-container.home{padding:97px 100px 200px 200px}@media only screen and (max-width: 1170px){.left-container{padding:130px 80px}}@media only screen and (max-width: 700px){.left-container{padding:100px 30px !important;width:100% !important}}.left-container.out{opacity:0;margin-left:-20px}.left-container #apiError{font-size:1.05em}.right-container{position:fixed;width:35%;right:0;top:0;min-height:100%;height:100%;transition:all 0.6s;opacity:1;overflow-x:hidden}.right-container.out{right:-34%;opacity:1}@media only screen and (max-width: 700px){.right-container.out{right:-313px;opacity:1}}@media only screen and (max-width: 700px){.right-container{width:320px !important;right:-315px;z-index:1}.right-container.in{right:0}}footer.left-container{padding-bottom:30px}nav#global-nav{background:linear-gradient(to right, #d3d3d3 0%, #fff 100%, rgba(255,255,255,0) 100%);bottom:0;max-width:12em;overflow:auto;position:fixed;top:0;left:-12em;width:100%;z-index:1;padding:25px;-moz-transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms}nav#global-nav .nav-links{list-style-type:none}nav#global-nav .nav-links .nav-logo{display:inline-block;font-size:16px;line-height:20px;text-decoration:none;font-weight:700;color:#212121;transition:color 0.2s}nav#global-nav .nav-links .nav-logo:hover,nav#global-nav .nav-links .nav-logo:focus{color:#b30041}nav#global-nav .nav-links li a{font-family:"Lato",sans-serif;font-weight:700;font-size:12px;letter-spacing:0.8px;text-decoration:none;color:#000;transition:color 0.15s}nav#global-nav .nav-links li a:hover,nav#global-nav .nav-links li a:focus{color:#b30041}body.active nav#global-nav{-moz-transform:translateX(12em);-ms-transform:translateX(12em);-webkit-transform:translateX(12em);transform:translateX(12em);-o-transform:translateX(12em);z-index:2}nav#global-nav ul{margin:0;padding:0}#container{position:relative;top:0;left:0;width:100%;-moz-transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms;z-index:1}body.active #container{z-index:2}#menu-button{background-color:white;border:0;cursor:pointer;line-height:1;min-width:47px;margin-left:2.6em;margin-top:1.7em;padding:0;position:fixed;text-align:center;z-index:1;-moz-transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms}#menu-button span.menu-icon{display:block;pointer-events:none;font-size:3em}body.active #menu-button{padding:2px 2px 7px 2px}#menu-button.active{margin-left:16em;z-index:2}.mobile-quick-links{position:fixed;right:0px;top:0;background:#212121;color:#fff;font-family:"Lato",sans-serif;font-size:10px;letter-spacing:1.6px;font-weight:600;padding:5px 15px;display:block;border-radius:20px;z-index:3}@media only screen and (max-width: 700px){.mobile-quick-links{display:block}}.logo{position:absolute;left:45px;top:30px}.logo span.nav-btn{vertical-align:top;margin-top:11px;cursor:pointer}.logo-set{display:inline-block;vertical-align:top}.logo-set .intro{display:block;font-size:16px;margin-top:0.5em;line-height:1.7em}.logo-set-home{width:150px}.logo-set-home .brand{font-family:'Noto Serif', serif;font-size:22px;margin-bottom:0;margin-top:2px;font-weight:700;display:inline-block;line-height:1.2em}.logo-set-home span.intro{display:block;font-size:10px;color:#b30041;line-height:1.5em;font-family:"Lato",sans-serif;text-transform:uppercase;font-weight:600}.line-charm{display:block;height:5px;width:48px;background:#E9E9E9;margin:60px 0 20px}h1,h2,h3,h4,h5{font-family:'Lato', sans-serif;font-weight:700;line-height:1.2em}h1{font-family:"Noto Serif",serif;font-size:32px}h2{font-size:22px;margin-bottom:0.4em}h3{font-size:12px;margin-bottom:35px}h5{font-size:12px;text-transform:uppercase}p a{color:#212121;border-bottom:2px solid #f1f1f1;text-decoration:none;transition:all 0.2s}p a:hover,p a:focus{border-bottom:2px solid #212121}a.btn{font-family:'Lato', sans-serif;font-size:12px;font-weight:700;display:inline-block;padding:10px 25px;margin:5px 20px 5px 0;text-decoration:none;text-transform:uppercase;letter-spacing:0.8px;-webkit-font-smoothing:antialiased;transition:all 0.3s;border-radius:24px}a.btn.primary{color:#fff;background:#b30041}a.btn.primary:hover,a.btn.primary:focus{background:#9a0038}a.btn.secondary{color:#fff;background:#212121}a.btn.secondary:hover,a.btn.secondary:focus{background:#141414}a.body-link{font-family:'Lato', sans-serif;font-size:12px;font-weight:700;display:inline-block;margin:0 20px 0 0;text-decoration:none;text-transform:uppercase;letter-spacing:0.8px;-webkit-font-smoothing:antialiased;transition:all 0.3s;border-bottom:2px solid #fff}a.body-link.primary{color:#b30041;border-bottom:2px solid #ffe6ef}a.body-link.primary:hover,a.body-link.primary:focus{border-bottom:2px solid #b30041}a.body-link.secondary{color:#212121}a.body-link.secondary:hover,a.body-link.secondary:focus{border-bottom:2px solid #212121}.section-link{font-family:"Lato",sans-serif;font-size:12px;font-weight:700;color:#b30041;text-decoration:none;margin:10px 0;display:inline-block}.latest-videos .video-entry{overflow:auto;margin-bottom:40px;border-bottom:1px solid #f1f1f1;padding-bottom:30px}.latest-videos .video-entry a{display:inline-block;text-decoration:none;color:#212121;transition:all 0.2s}.latest-videos .video-entry a:hover,.latest-videos .video-entry a:focus{color:#b30041}.latest-videos .video-entry h2{margin-top:0.5em;text-transform:capitalize}.latest-videos .thumbnail{border-radius:3px}.latest-videos .thumbnail img{width:100%;border-radius:2px}.latest-videos .col-left{width:30%;float:left;padding:0 10px 0 0}@media only screen and (max-width: 1170px){.latest-videos .col-left{width:100%}}.latest-videos .col-right{width:70%;float:left;padding:0 10px}@media only screen and (max-width: 1170px){.latest-videos .col-right{width:100%}}.latest-videos p{font-size:14px;margin-bottom:5px}.resources .link p{display:none}.right-container{background:#E9E9E9}.right-container .feature{padding:0 110px 0 40px;min-height:250px;height:33%;position:relative}@media only screen and (max-width: 1170px){.right-container .feature{padding:0 30px}}.right-container .feature .book,.right-container .feature .content{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.right-container .feature .book{position:absolute;right:0}@media only screen and (max-width: 1170px){.right-container .feature .book{display:none}}.right-container .feature .rainbow{position:absolute;top:15px;right:-30px}@media only screen and (max-width: 1170px){.right-container .feature .rainbow{display:none}}.feature a,.feature p{font-family:"Lato",sans-serif}.feature h3{font-family:"Lato",sans-serif;letter-spacing:1.87px;font-size:28px;font-weight:900;color:#fff;text-transform:uppercase;margin-bottom:0}.feature h3.ct{font-family:"cubanoregular";letter-spacing:0;font-size:2.35rem;font-weight:700;line-height:1.1em;color:#fff;max-width:21rem}.feature a.primary{display:inline-block;padding:7px 30px;border-radius:45px;background:#fff;font-size:12px;font-weight:900;letter-spacing:0.87px;color:#212121;text-decoration:none;text-transform:uppercase;margin-top:25px}.feature a.secondary{font-size:12px;font-weight:900;letter-spacing:0.87px;text-decoration:none;text-transform:uppercase;color:#fff;border-bottom:2px solid rgba(255,255,255,0.3)}.feature a.secondary:hover,.feature a.secondary:focus{border-bottom:2px solid #fff}.feature.lp{background:#78791C url("../images/highlight.png") no-repeat;background-position:center right;color:#212121}.feature.lp a.primary{color:#BD5B00}.feature.lp p{color:#fff}.feature.noc{background:#b30041 url("../images/highlight.png") no-repeat;background-position:center right;color:#fff}.feature.noc a.primary{color:#b30041}.feature.code{background:#0078C2 url("../images/highlight.png") no-repeat;background-position:center right;color:#fff}.feature.code a{color:#0078C2}.feature.game{padding:0 40px;background:#B718F2;color:#fff}.feature.game input{padding:12px 15px;border:none;background:#fff;border-radius:20px;width:100%;font-family:"Lato",sans-serif;font-size:13px;font-weight:600;margin-top:25px}.feature.game a{color:#B718F2}.feature.game .form-group{position:relative;max-width:320px}.feature.game .form-group .email-btn{position:absolute;z-index:1;right:15px;top:35px;font-size:12px;font-weight:900;color:#B718F2;text-decoration:none;text-transform:uppercase;display:block;letter-spacing:0.6px;border:none;background:none;cursor:pointer}input:focus{border:none}.right-container.books .feature{height:50%;min-height:16em;overflow:hidden}.right-container.books .feature.lp{background:#78791C url("../images/highlight.png") no-repeat;background-position:center right}.right-container.books .feature.noc{background:#b30041 url("../images/highlight.png") no-repeat;background-position:center right}.article h1{margin-bottom:1em}.article h1.no-btm{margin-bottom:0}.article .line-charm.first{margin-top:0}.article p{line-height:1.7em;margin-bottom:1.2em;margin-top:1.2em}.article img{border-radius:3px;margin-bottom:30px}.article img.img-responsive{width:100%}.article.a2z .course-week-list ul,.article.blog .course-week-list ul{margin:0;padding:0;border-left:none}.article.a2z .course-week-list ul li,.article.blog .course-week-list ul li{list-style-type:none;margin-bottom:0;margin-right:20px}.article.a2z .course-week-list ul li a,.article.blog .course-week-list ul li a{color:#b30041;border-bottom:2px solid #fff}.article.a2z .course-week-list ul li a:hover,.article.a2z .course-week-list ul li a:focus,.article.blog .course-week-list ul li a:hover,.article.blog .course-week-list ul li a:focus{border-bottom:2px solid #b30041}.article.a2z h1,.article.blog h1{margin-bottom:30px;font-size:32px}.article.a2z h2,.article.blog h2{margin-top:1.5em}.article.a2z h3,.article.blog h3{font-size:18px;margin-bottom:20px;margin-top:40px;letter-spacing:0}.article.a2z h3 a,.article.blog h3 a{color:#212121;text-decoration:none;border-bottom:2px solid #f1f1f1}.article.a2z h3 a:hover,.article.a2z h3 a:focus,.article.blog h3 a:hover,.article.blog h3 a:focus{border-bottom:2px solid #212121}.article.a2z img,.article.blog img{width:100%}.article.a2z p.date,.article.blog p.date{text-transform:uppercase;margin:0;font-family:"Lato",sans-serif;font-size:12px;font-weight:600}.article.a2z ul,.article.a2z ol,.article.blog ul,.article.blog ol{margin-bottom:0.5em;margin-top:1.2em;padding-left:30px;margin-left:15px;border-left:2px solid #f1f1f1}.article.a2z ul li,.article.a2z ol li,.article.blog ul li,.article.blog ol li{margin-bottom:1em}.article.a2z ul li a,.article.a2z ol li a,.article.blog ul li a,.article.blog ol li a{color:#212121;text-decoration:none;border-bottom:2px solid #f1f1f1}.article.a2z ul li a:hover,.article.a2z ul li a:focus,.article.a2z ol li a:hover,.article.a2z ol li a:focus,.article.blog ul li a:hover,.article.blog ul li a:focus,.article.blog ol li a:hover,.article.blog ol li a:focus{border-bottom:2px solid #212121}.article.a2z ul li,.article.blog ul li{list-style-type:disc}.article.a2z ol li,.article.blog ol li{list-style-type:decimal}.right-container.article-links,.right-container.quick-links{padding:40px;background:#FF146A}.right-container.article-links.game,.right-container.quick-links.game{background:#D738FF}.right-container.article-links.code,.right-container.quick-links.code{background:#00ADDA}.right-container.article-links h3,.right-container.quick-links h3{font-size:12px;color:rgba(0,0,0,0.8);text-transform:uppercase;font-weight:700;margin-bottom:1em}.right-container.article-links .quick-link,.right-container.quick-links .quick-link{margin-bottom:15px}.right-container.article-links .quick-link a,.right-container.quick-links .quick-link a{font-family:"Lato", sans-serif;display:inline-block;padding:10px 15px;border-radius:45px;text-transform:uppercase;line-height:18px;font-size:12px;font-weight:600;text-decoration:none;transition:all 0.25s;width:100%;background:#b30041;color:#FFFAFC}.right-container.article-links .quick-link a:hover,.right-container.article-links .quick-link a:focus,.right-container.quick-links .quick-link a:hover,.right-container.quick-links .quick-link a:focus{background:#fff;color:#b30041}.right-container.article-links .quick-link img,.right-container.quick-links .quick-link img{height:15px;display:inline-block;margin-right:10px;vertical-align:middle}.right-container.article-links .game,.right-container.quick-links .game{margin-bottom:15px}.right-container.article-links .game a,.right-container.quick-links .game a{font-family:"Lato", sans-serif;display:inline-block;padding:10px 15px;border-radius:45px;text-transform:uppercase;line-height:18px;font-size:12px;font-weight:600;text-decoration:none;transition:all 0.25s;width:100%;background:#B718F2;color:#FAFCFF}.right-container.article-links .game a:hover,.right-container.article-links .game a:focus,.right-container.quick-links .game a:hover,.right-container.quick-links .game a:focus{background:#fff;color:#B718F2}.right-container.article-links .code,.right-container.quick-links .code{margin-bottom:15px}.right-container.article-links .code a,.right-container.quick-links .code a{font-family:"Lato", sans-serif;display:inline-block;padding:10px 15px;border-radius:45px;text-transform:uppercase;line-height:18px;font-size:12px;font-weight:600;text-decoration:none;transition:all 0.25s;width:100%;background:#0078C2;color:#EAECFF}.right-container.article-links .code a:hover,.right-container.article-links .code a:focus,.right-container.quick-links .code a:hover,.right-container.quick-links .code a:focus{background:#fff;color:#0078C2}.right-container.article-links.video,.right-container.quick-links.video{background:#00ADDA}.right-container.article-links.video .quick-link a.primary,.right-container.quick-links.video .quick-link a.primary{background:#fff;color:#18677B}.right-container.article-links.video .quick-link a.secondary,.right-container.quick-links.video .quick-link a.secondary{background:#0078C2}.right-container.article-links.video .quick-link a:hover,.right-container.article-links.video .quick-link a:focus,.right-container.quick-links.video .quick-link a:hover,.right-container.quick-links.video .quick-link a:focus{color:#18677B;background:#fff}.video-playlist .playlist-header{overflow:auto}.video-playlist .playlist-header h2{margin-bottom:5px;display:inline-block}.video-playlist .playlist-header h3{margin:0}.video-playlist .playlist-header a.toplaylist{color:#212121;transition:color 0.2s}.video-playlist .playlist-header a.toplaylist:hover,.video-playlist .playlist-header a.toplaylist:focus{color:#b30041}.video-playlist .playlist-header img{width:7px;margin:0 0 0 5px}.video-playlist p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;max-height:40px;margin-bottom:20px;margin-top:0.4em}.video-playlist .video-list{margin-top:25px}.video-playlist a.video{display:inline-block;width:25%;height:auto;cursor:pointer;color:#212121;text-decoration:none;vertical-align:top;padding:0 7px;height:200px;position:relative}.video-playlist a.video .watch-button{font-size:10px;font-family:"Lato",sans-serif;font-weight:600;padding:0 10px;color:#0078C2;opacity:0;transition:opacity 0.2s}.video-playlist a.video:hover .watch-button,.video-playlist a.video:focus .watch-button{opacity:1}@media only screen and (max-width: 1170px){.video-playlist a.video{width:33%}}@media only screen and (max-width: 700px){.video-playlist a.video{width:50%}}.video-playlist a.video img{width:100%;border-radius:2px;margin-bottom:0}.video-playlist a.video span.video-label{font-size:12px;display:block;padding:10px;line-height:1.45em}article.article-list h1{font-size:42px;color:#999;font-weight:700;margin-bottom:0.5em;line-height:1.3em}article.article-list h1 a{color:#212121;text-decoration:none;transition:color 0.2s}article.article-list h1 a:hover,article.article-list h1 a:focus{color:#b30041}article.article-list h1 a:hover .red,article.article-list h1 a:focus .red{color:#b30041}article.article-list h1 a:hover .blue,article.article-list h1 a:focus .blue{color:#0078C2}article.article-list h1 a:hover .yellow,article.article-list h1 a:focus .yellow{color:#78791C}article.article-list h1 a:hover .purple,article.article-list h1 a:focus .purple{color:#B718F2}article.article-list .date{text-transform:uppercase;margin:0;font-family:"Lato",sans-serif;color:#999;font-size:12px;font-weight:600}.hide{display:none !important}.small-show{display:none}@media only screen and (max-width: 1170px){.medium-hide{display:none}}@media only screen and (max-width: 700px){.small-hide{display:none}.small-show{display:block !important}}@font-face{font-family:'cubanoregular';src:url("../css/fonts/cubano-regular-webfont.woff2") format("woff2"),url("../css/fonts/cubano-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}
