body,head,html{margin:0;height:100%}body *{font-family:'Open Sans','Trebuchet MS','Lucida Grande','Bitstream Vera Sans','Helvetica Neue',sans-serif;color:rgba(0,0,0,.87)}h1,h2,h3,h4{font-weight:400}a{color:rgba(0,0,0,.87);text-decoration:none}.BigHeadingFont{font-family:"IBM Plex Serif",serif!important;font-weight:300!important;line-height:96px!important;font-size:96px!important}.Snackbar{transition:all .9s}.MaterialCard{background:#eaeaea;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}.MaterialCard:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.MaterialHoverZoomThumb{background-size:100%!important;transition:all .2s}.MaterialCard:hover .MaterialHoverZoomThumb{background-size:110%!important}.HoverCircleBackground img{padding:5px}.HoverCircleBackground:hover img{background:url(/static/dist/img_svg/circle.svg);background-repeat:no-repeat;background-size:cover}.HoverGreyBackground:hover{background-color:#f2f2f2!important}.InspectorAnimation{-webkit-filter:blur(1px);filter:blur(1px);transition:all .1s ease-out}.InspectorScrim{transition:all .5s ease-out}.MaterialHoverZoomThumb__Videolectures{background-size:106%!important;transition:all .2s}.MaterialCard:hover .MaterialHoverZoomThumb__Videolectures{background-size:110%!important}.CursorNotAllowed{cursor:not-allowed}.CursorPointer{cursor:pointer}.PointerEventsNone,.PointerEventsNone *{pointer-events:none!important}#SearchField{padding-right:35px}.loader{border:3px solid #fffb!important;border-radius:50%!important;border-top:3px solid #009ccc!important;width:30px!important;height:30px!important;-webkit-animation:spin 1s cubic-bezier(.2,.5,1,.2) infinite!important;animation:spin 1s cubic-bezier(.2,.5,1,.2) infinite!important}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.UserSelectNone{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Html5VideoPlayerMessage div{background-color:#ffc390;border-radius:4px;margin-top:15px;margin-bottom:15px;padding:10px 20px;display:inline-block}#InspectorModal video{width:100%;height:auto}.ClipEllipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ToggleSwitch{position:relative;display:inline-block;width:40px;height:20px}.ToggleSwitch input{opacity:0;width:0;height:0}.ToggleSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.ToggleSlider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.ToggleEnabled+.ToggleSlider{background-color:#2196f3}.MagentaBackground{background-color:#f0e!important}.PrimaryGreenBackground{background-color:#00ad57!important}.ToggleEnabled+.ToggleSlider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.ToggleSlider.ToggleSliderRound{border-radius:34px}.ToggleSlider.ToggleSliderRound:before{border-radius:50%}#TextInputFieldForCommentOnCourseItem{border:none;border-bottom:1px solid #999;border-radius:0}.ZIndex100{z-index:100}#MainPageContent{background:#999fb2;background:radial-gradient(circle,#999fb2 0,#dbdde4 95%)}.PlaylistItemsContainer{overflow-y:auto;max-height:50vh}.formButton{background:#fff;border-color:#babdb6;height:40px}.marginTop{margin-top:5px!important}.blockContent{display:block!important}.flexWrap{flex-flow:wrap!important}.flexWrap>div{margin-right:5px;margin-bottom:5px}.textOverflowControl>div{text-overflow:ellipsis!important;overflow:hidden!important}.dataList{width:40vw!important}#addToPlaylistButton{margin-top:20px}body,html{height:100%}.bgimg{background-image:url(http://x5learn.org/files/main/transparency.jpg);height:680px;background-position:center;background-size:cover;position:relative;color:#fff;font-family:"Courier New",Courier,monospace;font-size:25px}.topleft{position:absolute;top:35px;left:40px}.middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.AboutTopRightButtons{position:absolute;top:35px;right:40px}.AboutTopRightButtons a{display:inline-block}.AboutTopRightButtonsOr{display:inline-block;font-size:16px;margin-right:20px}.button-green{display:block;margin:0 auto;max-width:176px;padding:11px 19px 13px 19px;border-radius:4px;border:1.5px solid transparent;background:#00ad57;font-size:16px;line-height:20px;font-weight:400;letter-spacing:.8px;text-align:center;color:#fff}.button-green:hover{background:0 0;color:#00ad57;cursor:pointer;border:1.5px solid #00ad57}.AboutFatSignupButton{padding:18px 24px 17px;font-size:16px;letter-spacing:1.7px}.AboutSignupButton{color:#00ad57!important;background:0 0!important;border:none!important}.AboutSignupButton:hover{color:1.5px solid #0c7!important}.AboutLoginButton{background:0 0;color:#00ad57;cursor:pointer;border:1.5px solid #00ad57}.AboutLoginButton:hover{border:1.5px solid #0c7!important}.text-white{color:#fff}.AboutContent{max-width:880px;margin:0 auto}.AboutPageH1{font-family:"IBM Plex Serif",serif!important;font-size:96px!important;font-weight:200!important;line-height:115.2px!important}.AboutPageH2{font-family:"Open Sans",serif!important;font-size:36px!important;font-weight:300!important;line-height:52px!important}.AboutPageH4{font-size:2.25em!important;line-height:52px;font-size:36px;font-weight:300;font-family:"Open Sans";color:rgba(0,19,77,.6)!important}.AboutParagraph{font-size:16px;line-height:1.75;letter-spacing:.4px;color:rgba(0,19,77,.6)!important}.AboutFooter{background-color:#141414;color:#fff!important;padding:3rem!important;font-family:"Open Sans",sans-serif;font-size:16px;line-height:28px;font-weight:400}.AboutFooter>*{max-width:880px;margin:0 auto}.AboutRow{display:flex;flex-wrap:wrap}.AboutColumnEuFlag{flex:0 0 12%;max-width:12%}.AboutColumnEuText{flex:0 0 75%;max-width:75%;padding-left:15px;font-size:12px;letter-spacing:.4px;font-family:Open Sans,sans-serif;line-height:20px}.AboutFooterText{color:#fff}.alt-header{position:relative;color:#fff;font-size:25px;height:100px;background:#141414}