@charset "UTF-8";:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%}article,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h4{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}ul{margin-top:0;margin-bottom:1rem}small{font-size:80%}sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}img{vertical-align:middle;border-style:none}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button,input,select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox]{box-sizing:border-box;padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}h1,h2,h4{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h4{font-size:1.5rem}small{font-size:80%;font-weight:400}.list-unstyled{padding-left:0;list-style:none}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-12,.col-6,.col-lg-4,.col-lg-8,.col-md-2,.col-md-4,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-8{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}@media (min-width:768px){.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.offset-md-2{margin-left:16.666667%}}@media (min-width:992px){.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem}.form-control::-ms-expand{background-color:transparent;border:0}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col{padding-right:5px;padding-left:5px}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.nav-link{display:block;padding:.5rem 1rem}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .active>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem}.modal.fade .modal-dialog{-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.bg-transparent{background-color:transparent!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-block{display:block!important}@media (min-width:576px){.d-sm-none{display:none!important}}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mb-1{margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important}.my-2{margin-bottom:.5rem!important}.mt-3{margin-top:1rem!important}.mb-3{margin-bottom:1rem!important}.mr-auto{margin-right:auto!important}@media (min-width:576px){.mb-sm-1{margin-bottom:.25rem!important}}.text-muted{color:#6c757d!important}@font-face{font-family:Avenir-Next;src:local("Avenir Next Bold"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-Bold.woff2) format("woff2"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-Bold.woff) format("woff"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-Bold.ttf) format("truetype");font-weight:800}@font-face{font-family:Avenir-Next;src:local("Avenir Next Demi Bold"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-DemiBold.woff2) format("woff2"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-DemiBold.woff) format("woff"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-DemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Avenir-Next;src:local("Avenir Next Regular"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-Regular.woff2) format("woff2"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-Regular.woff) format("woff"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Avenir-Next;src:local("Avenir Next Ultra Light"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-UltraLight.woff2) format("woff2"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-UltraLight.woff) format("woff"),url(https://media.belouga.org/fonts/Avenir/AvenirNext-UltraLight.ttf) format("truetype");font-weight:200}@font-face{font-family:'Pragati Narrow';font-style:normal;font-weight:400;src:local("Pragati Narrow"),local("PragatiNarrow-Regular"),url(https://media.belouga.org/fonts/Pragati/pragati-narrow-v5-latin-regular.woff2) format("woff2"),url(https://media.belouga.org/fonts/Pragati/pragati-narrow-v5-latin-regular.woff) format("woff")}@font-face{font-family:'Pragati Narrow';font-style:normal;font-weight:700;src:local("Pragati Narrow Bold"),local("PragatiNarrow-Bold"),url(https://media.belouga.org/fonts/Pragati/pragati-narrow-v5-latin-700.woff2) format("woff2"),url(https://media.belouga.org/fonts/Pragati/pragati-narrow-v5-latin-700.woff) format("woff")}body,html{width:100vw;scroll-behavior:smooth}.no-gutters{margin-right:0;margin-left:0}.no-gutters>[class*=col-]{padding-right:0;padding-left:0}a,button,h1,h2,h4,p,span{font-family:Avenir-Next,sans-serif;color:#444}h1.light,h4.light,p.light,span.light{color:#fff}button.blue{color:#1da5d1}p.purple{color:#7988cc}p.no-space{margin:0;padding:0}a.heavy,h1.heavy,h4.heavy,p.heavy{font-weight:600}h4.thin,p.thin{font-weight:200}p.small-text{font-size:.875rem}h1{font-size:2.875rem}@media (max-width:1200px){h1{font-size:calc(1.4125rem + 1.95vw)}}h2{font-size:2.625rem}@media (max-width:1200px){h2{font-size:calc(1.3875rem + 1.65vw)}}h4{font-size:1.375rem;line-height:34px}@media (max-width:1200px){h4{font-size:calc(1.2625rem + .15vw)}}p{font-size:1rem;line-height:28px}p.large{font-size:1.125rem}.btn.btn-primary{border:none;background:#00bbf1;font-size:.8125rem;font-weight:600;color:#fff}a{color:#00bbf1}.hero{width:100vw}.content{padding:25px}.hide{display:none}.error{color:red}.bg-transparent{background-color:transparent}.navbar-brand{width:auto}.navbar-brand img{width:110px}@media (max-width:575px){.navbar-brand img{width:90px}}.nav-item{padding:10px 6px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-item.active>.nav-link{color:#00bbf1!important;font-weight:600}.nav-item>.nav-link{font-size:1rem;margin-top:12px;font-weight:600;color:#fff!important}@media (max-width:992px){.navbar.bg-transparent .navbar-collapse.collapse .form-inline{top:10px!important}}@media (max-width:992px){.navbar .navbar-collapse{position:static}.navbar .navbar-collapse.collapse{padding:0!important;margin:0!important}.navbar .navbar-collapse.collapse .form-inline{position:absolute!important;top:3px!important;right:70px!important;display:block!important}.navbar .navbar-collapse.collapse .form-inline .button.log-in{font-weight:600;color:#fff}}@media (max-width:992px) and (max-width:575px){.navbar .navbar-collapse.collapse .form-inline .button.log-in{padding:5px!important}}@media (max-width:992px){.navbar .navbar-collapse.collapse .navbar-nav{position:absolute;width:100%;top:70px;z-index:10;background:#fff;padding:10px 0;opacity:0;right:0;box-shadow:0 2px 14px rgba(0,0,0,.19)}.navbar .navbar-collapse.collapse .navbar-nav .nav-item{padding:2px 6px}.navbar .navbar-collapse.collapse .navbar-nav .nav-link{padding:15px!important}.navbar .navbar-collapse.collapse:not(.show){display:block}.navbar .navbar-collapse.collapse:not(.show) .navbar-nav{max-height:0!important;opacity:0!important;overflow:hidden;top:-50px}}.bg-transparent .nav-item.active .nav-link{color:RGBA(0,0,0,.4)!important}@media (max-width:992px){.bg-transparent .nav-item.active .nav-link{color:#00bbf1!important}.bg-transparent .nav-item .nav-link{color:RGBA(0,0,0,.4)!important}}.button,a.button,input[type=submit].button{display:inline-block;margin:.3em;padding:1.2em 5em;overflow:hidden;position:relative;text-decoration:none;border-radius:26px;border:none;font-size:15px;text-align:center}.button.small-button{padding:6px 24px;box-shadow:0 2px 10px rgba(0,0,0,.2);display:inline-flex;align-items:center;justify-content:center;line-height:1.9}.button.small-button:not(.transparent){font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button.dark-gray,a.button.dark-gray{background-color:rgba(0,0,0,.5);color:#fff}.button.blue,input[type=submit].button.blue{background-color:#00bbf1;color:#fff}.button.white{background-color:#fff;color:#444}.button.transparent,a.button.transparent{background-color:transparent;color:#444;box-shadow:1px 6px 15px transparent}.button.dark-bg,a.button.dark-bg{color:#fff}a.button{vertical-align:bottom}.modal-dialog .modal-content{border:none}.modal-dialog .modal-body{padding:0}.modal-dialog .modal-body .modal-header{padding:15px;height:auto;background:#00bbf1;text-align:center}.modal-dialog .modal-body .modal-header button.close{position:absolute;top:15px;right:15px;z-index:4}.modal-dialog .modal-body .inner-body{padding:25px 15px}.modal-dialog .logo-wrapper{width:110px;margin:10px auto 0}.modal-dialog .logo-wrapper img{width:100%}.modal-dialog .logo-wrapper .far{font-size:3.75rem;color:#fff;display:block;padding:0 0 15px}@media (max-width:1200px){.modal-dialog .logo-wrapper .far{font-size:calc(1.5rem + 3vw)}}.modal-dialog.modal-two-col .inner-body{padding:0}.modal-dialog.modal-two-col .modal-two-col-visual{width:100%;height:100%;overflow:hidden;position:absolute;border-top-left-radius:5px;border-bottom-left-radius:5px}.modal-dialog.modal-two-col .modal-two-col-visual .full-overlay{position:absolute;background:#7988cc;top:0;bottom:0;left:0;right:0;opacity:.8;z-index:0}.modal-dialog.modal-two-col .modal-two-col-visual.register{background:url(/webroot/img/public/classroom-benches.jpg);background-size:cover;background-position:center}.modal-dialog.modal-two-col .modal-two-col-visual.register.bg-one{background:url(/webroot/img/public/our-story/our-story.jpg);background-size:cover;background-position:center}.modal-dialog.modal-two-col .modal-two-col-visual.register .wordmark-wrapper{position:absolute;bottom:25px;left:25px}.modal-dialog.modal-two-col .modal-two-col-visual.register .wordmark-wrapper img{width:100px;margin-left:-3px}.modal-dialog.modal-two-col .modal-two-col-visual.register .wordmark-wrapper p.sub-text a{font-weight:600}.modal-dialog.modal-two-col .modal-two-col-visual.register .content{position:relative;z-index:2}@media (max-width:769px){.modal-dialog.modal-two-col .modal-two-col-visual.register .content h4,.modal-dialog.modal-two-col .modal-two-col-visual.register .content p{visibility:hidden}}.modal-dialog.modal-two-col .modal-two-col-content{padding:25px 50px;text-align:center}.modal-dialog.modal-two-col .modal-two-col-content.min-height{min-height:545px}#reset_password{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir-Next,sans-serif}#reset_password p.if-student{font-weight:600;font-size:.8rem;line-height:normal;margin-top:-10px;color:#bb831c;padding:5px}#reset_password .modal-header{border-bottom:4px solid #ececec}#reset_password .modal-header p{color:rgba(255,255,255,.88);letter-spacing:-.8px;font-size:1.4rem;font-weight:500;margin:2px 0 10px;font-family:Avenir-Next,sans-serif}#reset_password .input-label{color:#a6cbd6;top:10px;font-size:1.2rem}#reset_password input[type=email]{padding:18px 14px 18px 40px}#reset_password #reset_password_submit{font-size:.9rem;border-radius:5px;background:#f48439}#login{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir-Next,sans-serif}#login .modal-dialog{max-width:350px}#login .modal-dialog .modal-header{background:#00bbf1;background-image:linear-gradient(to bottom,#528bd0 0,#67c3f9 40%,#21b3ea 100%);border-bottom:4px solid #ececec}#login .modal-dialog .modal-header p{color:rgba(255,255,255,.88);letter-spacing:-.8px;font-size:1.4rem;font-weight:500;margin:2px 0 10px;font-family:Avenir-Next,sans-serif}#login #login_form .input-label{color:#a6cbd6;top:10px;font-size:1.2rem}#login #login_form input[type=password],#login #login_form input[type=text]{padding:18px 14px 18px 40px}#login #login_form #login_submit{font-size:.9rem;border-radius:5px}#login #login_form .custom-control-label{margin:-7px 5px 0;color:#888;font-weight:600}#login .logo-wrapper{width:120px}#login button.register-link{position:absolute;top:4px;left:0;color:#fff;background:0 0;padding:6px 11px;border-radius:3px;font-size:.85rem;font-weight:600;border:2px solid rgba(255,255,255,.61)}#login small{text-align:center}#login small a.option-link{color:#fff;font-size:.75rem;font-weight:400}#login small a.option-link.reset{color:rgba(0,0,0,.5);margin:15px;display:block}#login .login-options-wrapper{padding:5px 15px 10px;border:none;border-top:1px solid #eee;background:#f9fafb;margin:-25px 0 0;text-align:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px}#login .login-options-wrapper p{text-align:center;font-size:.75rem;font-weight:400}#login .login-options-wrapper .login-option{display:inline-block;margin:0 5px}#login .login-options-wrapper .login-option .login{color:#444;border:none;border-radius:2px;width:100%;text-align:center;padding:6px 12px;margin:4px 0;font-size:.75rem;position:relative;width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:0 0}#login .login-options-wrapper .login-option .login .fab{position:relative;display:block;font-size:1.125rem;padding:4px 0 6px}#login .login-options-wrapper .login-option .login.with-google .fab{color:#0f9d58}#login .login-options-wrapper .login-option .login.with-microsoft .fab{color:#00a4ef}#login .login-options-wrapper .login-option .login.with-clever{top:2px}#login .login-options-wrapper .login-option .login.with-clever .fab{color:#426cf2;height:18px;padding:0}#login input[type=submit]{box-shadow:none;margin:10px auto 0}#reset_password .modal-header{background:#f48539}input.form-control{background:#fff;border-radius:2px;border:none;font-size:.875rem;font-weight:400}input.form-control.light{border:1px solid #eee}input[type=email].light,input[type=password].light,input[type=text].light{padding:18px 14px 18px 30px;border:none;border-bottom:2px solid #eee;border-radius:0;position:relative}input[type=submit].button{padding:0;text-transform:uppercase;width:65%;display:block;margin:15px auto;font-size:.75rem;font-weight:600}.form-group{position:relative;margin:0 0 20px}.form-group .input.text{position:relative}.form-group .input-label{position:absolute;color:rgba(0,0,0,.5);top:11px;margin-left:5px;z-index:2}.form-group .input-label .fas{position:relative}label{font-size:.75rem}label.custom-control-label{font-weight:400;padding:3px 0 0;margin:-10px 0 0}.form-row .section-title{text-align:center;width:100%;font-weight:400;font-size:.75rem}.form-row .section-title .fal{margin-right:4px}.custom-control .custom-control-label::before{border:none;box-shadow:0 0 4px RGBA(0,0,0,.5)}label .cb{box-shadow:0 0 0 .125em rgba(0,0,0,.75) inset;display:inline-block;position:relative;width:1.5em;height:1.5em;margin-right:10px;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none}label .cb:after,label .cb:before{content:"";display:block;position:absolute}label .cb:before{animation:eraseA .5s steps(1) forwards;background:url(../../../../../private/var/folders/c6/8w6967s97x1cbl1h6jxypvfm0000gn/img/icons/checkmark.png) 0 100%/1.2em 1.35em no-repeat;bottom:.2em;left:.3em;width:0;height:1.35em}label .cb:after{animation:eraseB .5s linear forwards;background:linear-gradient(rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%) 11.2em 0,linear-gradient(#c8646e,#c8646e) 11.2em 0,linear-gradient(90deg,rgba(255,255,255,.6),rgba(255,255,255,.6) .1em,rgba(255,255,255,0) .1em,rgba(255,255,255,0) .2em,rgba(0,0,0,.2) .2em,rgba(0,0,0,.2) .3em,rgba(0,0,0,0) .3em) 9.8em 0/.3em 100%,repeating-linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6) .1em,rgba(255,255,255,0) .1em,rgba(255,255,255,0) .2em) 10.2em 0/.5em 100%,linear-gradient(90deg,rgba(255,255,255,.6),rgba(255,255,255,.6) .1em,rgba(255,255,255,0) .1em,rgba(255,255,255,0) .2em,rgba(0,0,0,.2) .2em,rgba(0,0,0,.2) .3em,rgba(0,0,0,0) .3em) 10.8em 0/.3em 100%,linear-gradient(rgba(255,255,255,0) 35%,rgba(255,255,255,.6) 35%,rgba(255,255,255,.6) 65%,rgba(255,255,255,0) 65%) 9.7em 0,linear-gradient(#b4b4b4,#b4b4b4) 9.7em 0,linear-gradient(rgba(0,0,0,.1) 27%,rgba(0,0,0,0) 27%,rgba(0,0,0,0) 73%,rgba(0,0,0,.2) 73%) 2em 0,linear-gradient(#f0d000,#f0d000) 2em 0,linear-gradient(-14deg,#1e1e1e 18%,rgba(30,30,30,0) 20%) 0 0/.5em .5em,linear-gradient(14deg,rgba(30,30,30,0) 80%,#1e1e1e 83%) 0 .5em/.5em .5em,linear-gradient(-14deg,#d2a078 48%,rgba(210,160,120,0) 50%) 0 0/2em .5em,linear-gradient(14deg,rgba(0,0,0,0) 48%,rgba(0,0,0,.1) 50%) 0 .5em/2em .5em,linear-gradient(14deg,rgba(210,160,120,0) 48%,#d2a078 50%) 0 .5em/2em .5em;background-repeat:no-repeat;border-radius:0 .1em .1em 0;opacity:0;visibility:hidden;transform-origin:0 .25em;width:12em;height:1em}label .pristine:after,label .pristine:before{animation:none}@keyframes eraseA{from{width:1.2em;height:1.35em}10%{width:1.2em;height:1.08em}27%{width:1.2em;height:.81em}36%{width:1.2em;height:.7em}45%{width:1.2em;height:.55em}55%{width:1.2em;height:.35em}80%,to{width:1.2em;height:0}}@keyframes eraseB{from{opacity:0;transform:translate(.6em,-12.2em) rotate(90deg);visibility:visible}10%{opacity:1;transform:translate(1.2em,-12.05em) rotate(90deg)}20%{transform:translate(.6em,-11.9em) rotate(90deg)}30%{transform:translate(1.2em,-11.75em) rotate(90deg)}40%{transform:translate(.6em,-11.6em) rotate(90deg)}50%{transform:translate(1.2em,-11.45em) rotate(90deg)}60%{transform:translate(.6em,-11.3em) rotate(90deg)}70%{transform:translate(1.2em,-11.15em) rotate(90deg)}80%{transform:translate(.6em,-11em) rotate(90deg)}90%{opacity:1;transform:translate(2em,-12.5em) rotate(100deg)}to{opacity:0;transform:translate(2em,-12.5em) rotate(100deg)}}ul{font-family:Avenir-Next,sans-serif;color:#444}ul li{padding:4px 0}#teacher_register_form .membership-code{width:100%;margin:0 auto;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#teacher_register_form .membership-code .code-input{width:90%;margin:10px auto;padding:10px 20px 15px;text-align:left;border-radius:10px;margin-bottom:20px;background:#ececec}#teacher_register_form .membership-code .code-input .input-container{display:flex}#teacher_register_form .membership-code .code-error{font-size:.8rem;color:red;font-weight:600;margin:8px 8px 0}#teacher_register_form .membership-code h4{font-size:.9rem;font-weight:600;margin-bottom:0}#teacher_register_form .membership-code p{font-size:.8rem;line-height:20px}#teacher_register_form .membership-code .membership-code-input{margin-right:5px}#teacher_register_form #clc_option#clc_option{margin:0 auto;width:100%}#teacher_register_form #clc_option#clc_option #homeschool-promo{font-size:.9rem;color:#da7b28;font-weight:600;letter-spacing:-1px;text-align:center;display:block;position:relative}#teacher_register_form #clc_option#clc_option .df-switch{margin-top:0}#teacher_register_form #tos-checkbox#tos-checkbox{display:flex;justify-content:center;flex-wrap:wrap}#teacher_register_form #enable-clc-checkbox#enable-clc-checkbox p{font-size:.95rem}#teacher_register_form #clc_option p,#teacher_register_form #enable-clc-checkbox p,#teacher_register_form #tos-checkbox p{font-size:.9rem;line-height:20px}#teacher_register_form #clc_option p.info{padding:0 15px}#teacher_register_form .clc-cost{margin:35px auto 20px;font-size:2.4rem;color:#43c11a;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:6px;width:100%;text-align:center;letter-spacing:-1px}@media (max-width:575px){#teacher_register_form .clc-cost{margin:0 auto}}#teacher_register_form .clc-cost span{color:#999;font-size:1rem;vertical-align:middle}#teacher_register_form .clc-cost span.cost{color:inherit;font-family:inherit;font-size:inherit;vertical-align:inherit}#teacher_register_form .clc-cost span.per{display:block;font-style:italic;font-weight:400}input[type=text]::-ms-clear{display:none}@media screen and (max-width:52.5em){body{min-height:500px}}#register_teacher#register_teacher{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#register_teacher#register_teacher .modal-content .register .wordmark-wrapper a{color:#ffc800}#register_teacher#register_teacher .modal-content p.purple{font-weight:600;line-height:28px;font-size:1rem}#register_teacher#register_teacher .modal-content .thin{font-weight:400}#register_teacher#register_teacher .modal-two-col-visual .content{padding:25px}#register_teacher#register_teacher .content{padding:25px 0 20px}#register_teacher .group{background:#fff;box-shadow:0 7px 14px 0 rgba(49,49,93,.1),0 3px 6px 0 rgba(0,0,0,.08);border-radius:4px;margin-bottom:20px;width:90%;margin:20px auto}#register_teacher .group label{position:relative;color:#8898aa;font-weight:300;height:auto;line-height:40px;margin-left:20px;display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:769px){#register_teacher .group label{margin:0}}#register_teacher .group label>span{text-align:right;margin-right:30px;font-size:.9rem;font-weight:600;color:#888}@media (max-width:769px){#register_teacher .group label>span{text-align:center;width:100%;margin:0;background:#f3f3f3;border-bottom:2px solid #eaeaea}}#register_teacher .field{background:0 0;font-size:.9rem;font-weight:400;border:0;color:#6582a5;outline:0;flex:1;padding-right:10px;padding-left:10px;-webkit-appearance:initial}@media (max-width:769px){#register_teacher .field{flex-basis:100%;padding:15px}}#register_teacher .field::-webkit-input-placeholder{color:#cfd7e0}#register_teacher .field::-moz-placeholder{color:#cfd7e0}#register_teacher .error{font-size:13px;font-weight:600}#register_teacher .error{color:#e4584c}.gpay-button{background-origin:content-box;background-position:center center;background-repeat:no-repeat;background-size:contain;border:0;border-radius:4px;box-shadow:rgba(60,64,67,.3) 0 1px 1px 0,rgba(60,64,67,.15) 0 1px 3px 1px;height:40px;min-height:40px;padding:11px 24px}.gpay-button.white{background-color:#fff}.gpay-button.long{min-width:152px;width:90%}.gpay-button.white.long{background-image:url(https://www.gstatic.com/instantbuy/svg/light/en.svg)}.df-switch{margin-top:30px;padding:.5rem;text-align:center}.btn-toggle{top:50%;transform:translateY(-50%);margin:0 4rem;padding:0;position:relative;border:none;height:1.5rem;width:3.5rem;border-radius:1.5rem;color:#6b7381;background:#1da5d1;font-family:Avenir-Next,sans-serif;-webkit-appearance:none}.btn-toggle:after,.btn-toggle:before{line-height:1.5rem;width:9rem;text-align:center;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0}.btn-toggle:before{content:'MONTHLY PLAN';left:-8.5rem;color:#1da5d1}.btn-toggle:after{content:'ANNUAL PLAN';right:-8.25rem;opacity:.5;color:#42c772}.btn-toggle>input{visibility:hidden}.btn-toggle>.inner-handle{border-radius:13px;width:42px;height:13px;position:absolute;top:6px;left:8px;background-color:#177d9e;box-shadow:inset 1px 1px 2px -1px #000}.btn-toggle>.handle:before{content:"";position:absolute;display:none;height:34px;width:34px;top:35%;left:11px;background-image:radial-gradient(circle at center,#0785da 5px,transparent 5px);background-size:10px 10px;background-repeat:no-repeat}.btn-toggle>.handle{position:absolute;top:.2875rem;left:.3875rem;width:1rem;height:1rem;border-radius:1.125rem;background:#fff;border:1px solid #ccc}#home{width:100vw}#home .hero{height:100%;height:750px;margin:0;position:relative}#home .hero .hero-content{position:relative;z-index:2;max-width:85%;padding:220px 0 0 0;margin:0 auto}#home .hero .hero-content .sub-title{font-family:Avenir-Next,sans-serif;line-height:26px;font-size:1.25rem}#home .hero .hero-content .title{font-family:"Pragati Narrow",sans-serif;line-height:64px;font-size:3.875rem}@media (max-width:1200px){#home .hero .hero-content .title{font-size:calc(1.5125rem + 3.15vw)}}#home .hero .hero-content .logo-wrapper{width:160px;padding:0 16px 0 0;display:inline-block;vertical-align:top}#home .hero .hero-content .logo-wrapper img{width:100%}#home .hero .hero-content .hero-content-container{width:65%;display:inline-block}#home .hero .hero-content .hero-options{margin:25px 0 0}#home .hero .hero-video-overlay{top:0;bottom:0;left:0;right:0;height:100%;width:100%;background:linear-gradient(to right,#0490ca,transparent);position:absolute;z-index:1}#home .hero .hero-video{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;overflow:hidden}#home .hero .hero-video video{width:100%;height:auto;top:0;bottom:0;left:0;right:0;position:absolute}@media (max-width:1024px){#home .hero .hero-content{max-width:95%;padding:180px 0 0 0}#home .hero .hero-video{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;overflow:hidden}#home .hero .hero-video video{width:auto;min-width:105vw;height:auto;max-height:100vh;top:0;position:absolute}}@media (max-width:769px){#home .hero .hero-content{max-width:95%;padding:100px 0 0 0}#home .hero .hero-content .sub-title{line-height:16px;font-size:.875rem;text-align:center}#home .hero .hero-content .title{line-height:44px;font-size:3.875rem;text-align:center}}@media (max-width:769px) and (max-width:1200px){#home .hero .hero-content .title{font-size:calc(1.5125rem + 3.15vw)}}@media (max-width:769px){#home .hero .hero-content .logo-wrapper{width:180px;padding:0 0 25px 0;display:block;vertical-align:top;margin:0 auto}#home .hero .hero-content .logo-wrapper img{width:100%}#home .hero .hero-content .hero-content-container{margin:0 auto;width:100%;display:block}#home .hero .hero-content .hero-options{margin:25px 0 0;text-align:center}#home .hero .hero-content .hero-options .button{padding:12px 24px}#home .hero .hero-video{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;overflow:hidden}#home .hero .hero-video video{width:auto;min-width:100vw;height:auto;max-height:100vh;top:0;position:absolute}}@media (max-width:575px){#home .hero .hero-video video{left:-65%}}#home #featured{position:relative;background:#e6edf2;border-bottom:3px solid #42c772;height:auto;padding:20px 0}#home #featured .featured-text{color:#bbc5c8;display:block;margin:0 auto;width:fit-content}#home #featured .logo-wrapper{padding:25px 0}#home #featured .logo-wrapper img{max-width:130px;max-height:30px;display:block;margin:0 auto}#home #pricing .price-block-wrapper{border-radius:12px;border:none;box-shadow:0 0 14px RGBA(0,0,0,.2);overflow:hidden;background:#fff}#home #pricing .price-block-wrapper .content{padding:0;border:none;background:#fff}#home #pricing .price-block-wrapper .content.bottom{padding:25px 0 0}#home #pricing .price-block-wrapper .content .pricing-header{background:#fff;border-bottom:1px solid #eee;border-top-left-radius:12px;border-top-right-radius:12px;padding:12px 25px}#home #pricing .price-block-wrapper .content .pricing-header.monthly{background:linear-gradient(to bottom right,#1da5d1,#1da5d1,#42c772)}#home #pricing .price-block-wrapper .content .pricing-header .price-subtitle{position:relative;display:block;text-align:center;text-transform:uppercase;font-size:1rem;font-weight:800}#home #pricing .price-block-wrapper .content .pricing-header h1{text-align:center;position:relative;display:block;margin-top:45px;font-size:4.125rem}@media (max-width:1200px){#home #pricing .price-block-wrapper .content .pricing-header h1{font-size:calc(1.5375rem + 3.45vw)}}#home #pricing .price-block-wrapper .content .pricing-header h1 .period{color:rgba(0,0,0,.5);font-size:1rem}#home #pricing .price-block-wrapper .content .pricing-header .tagline{position:relative;font-weight:600;text-align:center}#home #pricing .price-block-wrapper .content .pricing-details{padding:12px 35px;font-size:.875rem;color:rgba(0,0,0,.5);margin:0}#home #pricing .price-block-wrapper .content .pricing-details li{margin:6px 0}#home #pricing .price-block-wrapper .content .pricing-button{margin:0 auto;display:block}section#pricing .price-block-wrapper{border:1px solid #eee;border-radius:6px;width:95%;margin:10px auto;background:#f9fafb;height:100%}@media (max-width:575px){section#pricing .price-block-wrapper{height:auto}}@media (max-width:767px){section#pricing .price-block-wrapper a,section#pricing .price-block-wrapper p,section#pricing .price-block-wrapper span{font-size:.875rem}}section#pricing .price-block-wrapper .content{padding:46px}section#pricing .price-block-wrapper .content .collapse-button{text-align:center;font-weight:600;text-decoration:none;padding:25px 0 0}section#pricing .price-block-wrapper .content .text-toggle-container{display:grid}section#pricing .price-block-wrapper .content .text-toggle-container>*{grid-area:1/1}@media (max-width:1200px){section#pricing .price-block-wrapper .content{padding:25px}}section#pricing .price-block-wrapper .content.bottom{border-top:1px solid #eee;padding:46px 46px 0}@media (max-width:1200px){section#pricing .price-block-wrapper .content.bottom{padding:25px 25px 0}}@media (max-width:767px){section#pricing .price-block-wrapper .content ul{padding:0}}section#pricing .price-block-wrapper .content ul li{padding:0;margin:10px 0;display:flex}section#pricing .price-block-wrapper .content ul li.inactive{opacity:.4}section#pricing .price-block-wrapper .content ul li .fal{margin-top:4px;margin-right:.5rem;min-width:20px;color:#1da5d1}section#pricing .price-block-wrapper{border-radius:12px;border:none;box-shadow:0 0 14px RGBA(0,0,0,.2);overflow:hidden;background:#fff}section#pricing .price-block-wrapper .content{padding:0;border:none;background:#fff}section#pricing .price-block-wrapper .content.bottom{padding:25px 0 0}section#pricing .price-block-wrapper .content .pricing-header{background:#fff;border-bottom:1px solid #eee;border-top-left-radius:12px;border-top-right-radius:12px;padding:12px 25px}section#pricing .price-block-wrapper .content .pricing-header.monthly{background:linear-gradient(to bottom right,#1da5d1,#1da5d1,#42c772)}section#pricing .price-block-wrapper .content .pricing-header .price-subtitle{position:relative;display:block;text-align:center;text-transform:uppercase;font-size:1rem;font-weight:800}section#pricing .price-block-wrapper .content .pricing-header h1{text-align:center;position:relative;display:block;margin-top:45px;font-size:4.125rem}@media (max-width:1200px){section#pricing .price-block-wrapper .content .pricing-header h1{font-size:calc(1.5375rem + 3.45vw)}}section#pricing .price-block-wrapper .content .pricing-header h1 .period{color:rgba(0,0,0,.5);font-size:1rem}section#pricing .price-block-wrapper .content .pricing-header .tagline{position:relative;font-weight:600;text-align:center}section#pricing .price-block-wrapper .content .pricing-details{padding:12px 35px;font-size:.875rem;color:rgba(0,0,0,.5);margin:0}section#pricing .price-block-wrapper .content .pricing-details li{margin:6px 0}section#pricing .price-block-wrapper .content .pricing-button{margin:0 auto;display:block}@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("https://media.belouga.org/fonts/Open%2BSans/open-sans-v17-latin-300.woff2") format("woff2"), url("https://media.belouga.org/fonts/Open%2BSans/open-sans-v17-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("https://media.belouga.org/fonts/Open%2BSans/open-sans-v17-latin-regular.woff2") format("woff2"), url("https://media.belouga.org/fonts/Open%2BSans/open-sans-v17-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("https://media.belouga.org/fonts/Open%2BSans/open-sans-v17-latin-600.woff2") format("woff2"), url("https://media.belouga.org/fonts/Open%2BSans/open-sans-v17-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("https://media.belouga.org/fonts/Open%2BSans/open-sans-v17-latin-700.woff2") format("woff2"), url("https://media.belouga.org/fonts/Open%2BSans/open-sans-v17-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.animated-super-fast {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-slow {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes jumpUp {
  0% {
    -webkit-transform: translate3d(0, calc(230%), 0) scale3d(0, 1, 1);
    -webkit-animation-timing-function: ease-in;
  }
  40% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(0.02, 1.1, 1);
    -webkit-animation-timing-function: ease-out;
  }
  70% {
    -webkit-transform: translate3d(0, -40px, 0) scale3d(0.8, 1.1, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}
@keyframes jumpUp {
  0% {
    transform: translate3d(0, calc(230%), 0) scale3d(0, 1, 1);
    animation-timing-function: ease-in;
  }
  40% {
    transform: translate3d(0, 0, 0) scale3d(0.02, 1.1, 1);
    animation-timing-function: ease-out;
  }
  70% {
    transform: translate3d(0, -40px, 0) scale3d(0.8, 1.1, 1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}
@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8);
  }
  50% {
    -webkit-transform: scale(0.95);
  }
  80% {
    -webkit-transform: scale(1.05);
  }
  90% {
    -webkit-transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes expandOpen {
  0% {
    transform: scale(1.8);
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadeInScale {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInScale {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.jumpUp {
  -webkit-animation-name: jumpUp;
  animation-name: jumpUp;
}

.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
}

.fadeInScale {
  animation-name: fadeInScale;
  -webkit-animation-name: fadeInScale;
}

/*
    Created on : Sep 19, 2014, 1:47:04 PM
    Author     : @arboshiki
*/
body.lobibox-open {
  overflow: hidden;
}

.lobibox {
  position: fixed;
  z-index: 4001;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
}

.lobibox * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.lobibox .lobibox-header {
  font-size: 20px;
  padding: 5px 10px;
  color: #eeeeee;
}

.lobibox .lobibox-header .btn-close {
  float: right;
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.lobibox .lobibox-header .btn-close:hover {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}

.lobibox .lobibox-body {
  overflow: hidden;
  display: table;
  position: relative;
  width: 100%;
  padding: 15px 20px;
  background-color: rgba(255, 255, 255, 0.98);
  font-size: 16px;
}

.lobibox .lobibox-body .lobibox-icon-wrapper {
  position: relative;
  height: 100%;
  display: table;
  font-size: 60px;
}

.lobibox .lobibox-body .lobibox-icon-wrapper .lobibox-icon {
  display: table-cell;
  vertical-align: middle;
}

.lobibox .lobibox-body .lobibox-body-text-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-left: 10px;
}

.lobibox .lobibox-footer {
  text-align: center;
  padding: 6px;
}

.lobibox .lobibox-footer > * {
  margin: 0 10px 0 0;
}

.lobibox .lobibox-footer.text-center {
  text-align: center;
}

.lobibox .lobibox-footer.text-left {
  text-align: left;
}

.lobibox .lobibox-footer.text-right {
  text-align: right;
}

.lobibox.lobibox-confirm {
  border: none;
}

.lobibox.lobibox-confirm .lobibox-header {
  color: #eeeeee;
  background-color: #3C2D2D;
}

.lobibox.lobibox-confirm .lobibox-body .lobibox-icon {
  color: #3C2D2D;
}

.lobibox.lobibox-confirm .lobibox-footer {
  background-color: #594343;
}

.lobibox.lobibox-success {
  border: 1px solid #29B87E;
}

.lobibox.lobibox-success .lobibox-header {
  color: #eeeeee;
  background-color: #29B87E;
}

.lobibox.lobibox-success .lobibox-body .lobibox-icon {
  color: #29B87E;
}

.lobibox.lobibox-success .lobibox-footer {
  background-color: #40d498;
}

.lobibox.lobibox-error {
  border: 1px solid #CA2121;
}

.lobibox.lobibox-error .lobibox-header {
  color: #eeeeee;
  background-color: #CA2121;
}

.lobibox.lobibox-error .lobibox-body .lobibox-icon {
  color: #CA2121;
}

.lobibox.lobibox-error .lobibox-footer {
  background-color: #e03e3e;
}

.lobibox.lobibox-info {
  border: 1px solid #2E79B4;
}

.lobibox.lobibox-info .lobibox-header {
  color: #eeeeee;
  background-color: #2E79B4;
}

.lobibox.lobibox-info .lobibox-body .lobibox-icon {
  color: #2E79B4;
}

.lobibox.lobibox-info .lobibox-footer {
  background-color: #4593d0;
}

.lobibox.lobibox-warning {
  border: 1px solid #CE812E;
}

.lobibox.lobibox-warning .lobibox-header {
  color: #eeeeee;
  background-color: #CE812E;
}

.lobibox.lobibox-warning .lobibox-body .lobibox-icon {
  color: #CE812E;
}

.lobibox.lobibox-warning .lobibox-footer {
  background-color: #d99a56;
}

.lobibox.lobibox-prompt {
  border: none;
}

.lobibox.lobibox-prompt .lobibox-header {
  color: #eeeeee;
  background-color: #3c2d2d;
}

.lobibox.lobibox-prompt .lobibox-body {
  padding: 20px;
}

.lobibox.lobibox-prompt .lobibox-body .lobibox-input {
  min-height: 38px;
  border: 1px solid #21cb91;
  width: 100%;
  padding: 5px;
  font-size: 18px;
  outline: 0;
}

.lobibox.lobibox-prompt .lobibox-body .lobibox-input:focus {
  background-color: #EEE;
}

.lobibox.lobibox-prompt .lobibox-body .lobibox-input.invalid {
  border-color: #DC2B2A;
}

.lobibox.lobibox-prompt .lobibox-body .lobibox-input-error-message {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 13px;
  color: #DC2B2A;
}

.lobibox.lobibox-prompt .lobibox-footer {
  background-color: #594343;
}

.lobibox.lobibox-progress .lobibox-header {
  background-color: #2F5D6D;
}

.lobibox.lobibox-progress .lobibox-body {
  padding: 15px;
  font-size: 16px;
}

.lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper {
  position: relative;
  height: 20px;
  border: 1px solid #c3c3c3;
  border-radius: 10px;
  background-color: #d5d5d5;
}

.lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper .lobibox-progress-bar {
  width: 0;
  border-radius: 10px;
  background-color: #468ba2;
  height: 100%;
  text-align: center;
}

.lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper .lobibox-progress-text {
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer {
  margin-bottom: 0;
}

.lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer .progress-bar {
  transition: none;
}

.lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer [data-role=progress-text] {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
}

.lobibox.lobibox-window {
  border: 3px solid #225EB8;
  border-radius: 6px;
}

.lobibox.lobibox-window .lobibox-header {
  background-color: #225EB8;
  color: #eeeeee;
  font-size: 18px;
}

.lobibox.lobibox-window .lobibox-body {
  overflow: auto;
  display: block;
  font-size: 14px;
  padding: 15px;
  background-color: #f5f8fd;
}

.lobibox.lobibox-window .lobibox-footer {
  background-color: #8ab0e9;
}

.lobibox.lobibox-window :last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.lobibox.draggable .lobibox-header {
  cursor: move;
}

.lobibox .lobibox-btn {
  display: inline-block;
  padding: 8px 14px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 2px;
  line-height: initial;
}

.lobibox .lobibox-btn.lobibox-btn-cancel {
  color: #FFF;
  background-color: #CA2121;
  border-color: #CA2121;
}

.lobibox .lobibox-btn.lobibox-btn-cancel:hover,
.lobibox .lobibox-btn.lobibox-btn-cancel:focus,
.lobibox .lobibox-btn.lobibox-btn-cancel.focus,
.lobibox .lobibox-btn.lobibox-btn-cancel:active,
.lobibox .lobibox-btn.lobibox-btn-cancel.active,
.open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-cancel {
  color: #FFF;
  background-color: #9e1a1a;
  border-color: #951818;
}

.lobibox .lobibox-btn.lobibox-btn-cancel:active,
.lobibox .lobibox-btn.lobibox-btn-cancel.active,
.open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-cancel {
  background-image: none;
}

.lobibox .lobibox-btn.lobibox-btn-cancel.disabled,
.lobibox .lobibox-btn.lobibox-btn-cancel[disabled],
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel,
.lobibox .lobibox-btn.lobibox-btn-cancel.disabled:hover,
.lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:hover,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:hover,
.lobibox .lobibox-btn.lobibox-btn-cancel.disabled:focus,
.lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:focus,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:focus,
.lobibox .lobibox-btn.lobibox-btn-cancel.disabled.focus,
.lobibox .lobibox-btn.lobibox-btn-cancel[disabled].focus,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel.focus,
.lobibox .lobibox-btn.lobibox-btn-cancel.disabled:active,
.lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:active,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:active,
.lobibox .lobibox-btn.lobibox-btn-cancel.disabled.active,
.lobibox .lobibox-btn.lobibox-btn-cancel[disabled].active,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel.active {
  background-color: #CA2121;
  border-color: #CA2121;
}

.lobibox .lobibox-btn.lobibox-btn-cancel .badge {
  color: #CA2121;
  background-color: #FFF;
}

.lobibox .lobibox-btn.lobibox-btn-yes {
  color: #FFF;
  background-color: #29B87E;
  border-color: #29B87E;
}

.lobibox .lobibox-btn.lobibox-btn-yes:hover,
.lobibox .lobibox-btn.lobibox-btn-yes:focus,
.lobibox .lobibox-btn.lobibox-btn-yes.focus,
.lobibox .lobibox-btn.lobibox-btn-yes:active,
.lobibox .lobibox-btn.lobibox-btn-yes.active,
.open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-yes {
  color: #FFF;
  background-color: #208e61;
  border-color: #1e865c;
}

.lobibox .lobibox-btn.lobibox-btn-yes:active,
.lobibox .lobibox-btn.lobibox-btn-yes.active,
.open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-yes {
  background-image: none;
}

.lobibox .lobibox-btn.lobibox-btn-yes.disabled,
.lobibox .lobibox-btn.lobibox-btn-yes[disabled],
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes,
.lobibox .lobibox-btn.lobibox-btn-yes.disabled:hover,
.lobibox .lobibox-btn.lobibox-btn-yes[disabled]:hover,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:hover,
.lobibox .lobibox-btn.lobibox-btn-yes.disabled:focus,
.lobibox .lobibox-btn.lobibox-btn-yes[disabled]:focus,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:focus,
.lobibox .lobibox-btn.lobibox-btn-yes.disabled.focus,
.lobibox .lobibox-btn.lobibox-btn-yes[disabled].focus,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes.focus,
.lobibox .lobibox-btn.lobibox-btn-yes.disabled:active,
.lobibox .lobibox-btn.lobibox-btn-yes[disabled]:active,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:active,
.lobibox .lobibox-btn.lobibox-btn-yes.disabled.active,
.lobibox .lobibox-btn.lobibox-btn-yes[disabled].active,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes.active {
  background-color: #29B87E;
  border-color: #29B87E;
}

.lobibox .lobibox-btn.lobibox-btn-yes .badge {
  color: #29B87E;
  background-color: #FFF;
}

.lobibox .lobibox-btn.lobibox-btn-no {
  color: #FFF;
  background-color: #0760B3;
  border-color: #0760B3;
}

.lobibox .lobibox-btn.lobibox-btn-no:hover,
.lobibox .lobibox-btn.lobibox-btn-no:focus,
.lobibox .lobibox-btn.lobibox-btn-no.focus,
.lobibox .lobibox-btn.lobibox-btn-no:active,
.lobibox .lobibox-btn.lobibox-btn-no.active,
.open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-no {
  color: #FFF;
  background-color: #054682;
  border-color: #054078;
}

.lobibox .lobibox-btn.lobibox-btn-no:active,
.lobibox .lobibox-btn.lobibox-btn-no.active,
.open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-no {
  background-image: none;
}

.lobibox .lobibox-btn.lobibox-btn-no.disabled,
.lobibox .lobibox-btn.lobibox-btn-no[disabled],
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no,
.lobibox .lobibox-btn.lobibox-btn-no.disabled:hover,
.lobibox .lobibox-btn.lobibox-btn-no[disabled]:hover,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:hover,
.lobibox .lobibox-btn.lobibox-btn-no.disabled:focus,
.lobibox .lobibox-btn.lobibox-btn-no[disabled]:focus,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:focus,
.lobibox .lobibox-btn.lobibox-btn-no.disabled.focus,
.lobibox .lobibox-btn.lobibox-btn-no[disabled].focus,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no.focus,
.lobibox .lobibox-btn.lobibox-btn-no.disabled:active,
.lobibox .lobibox-btn.lobibox-btn-no[disabled]:active,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:active,
.lobibox .lobibox-btn.lobibox-btn-no.disabled.active,
.lobibox .lobibox-btn.lobibox-btn-no[disabled].active,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no.active {
  background-color: #0760B3;
  border-color: #0760B3;
}

.lobibox .lobibox-btn.lobibox-btn-no .badge {
  color: #0760B3;
  background-color: #FFF;
}

.lobibox .lobibox-btn.lobibox-btn-ok {
  color: #FFF;
  background-color: #0760B3;
  border-color: #0760B3;
}

.lobibox .lobibox-btn.lobibox-btn-ok:hover,
.lobibox .lobibox-btn.lobibox-btn-ok:focus,
.lobibox .lobibox-btn.lobibox-btn-ok.focus,
.lobibox .lobibox-btn.lobibox-btn-ok:active,
.lobibox .lobibox-btn.lobibox-btn-ok.active,
.open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-ok {
  color: #FFF;
  background-color: #054682;
  border-color: #054078;
}

.lobibox .lobibox-btn.lobibox-btn-ok:active,
.lobibox .lobibox-btn.lobibox-btn-ok.active,
.open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-ok {
  background-image: none;
}

.lobibox .lobibox-btn.lobibox-btn-ok.disabled,
.lobibox .lobibox-btn.lobibox-btn-ok[disabled],
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok,
.lobibox .lobibox-btn.lobibox-btn-ok.disabled:hover,
.lobibox .lobibox-btn.lobibox-btn-ok[disabled]:hover,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:hover,
.lobibox .lobibox-btn.lobibox-btn-ok.disabled:focus,
.lobibox .lobibox-btn.lobibox-btn-ok[disabled]:focus,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:focus,
.lobibox .lobibox-btn.lobibox-btn-ok.disabled.focus,
.lobibox .lobibox-btn.lobibox-btn-ok[disabled].focus,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok.focus,
.lobibox .lobibox-btn.lobibox-btn-ok.disabled:active,
.lobibox .lobibox-btn.lobibox-btn-ok[disabled]:active,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:active,
.lobibox .lobibox-btn.lobibox-btn-ok.disabled.active,
.lobibox .lobibox-btn.lobibox-btn-ok[disabled].active,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok.active {
  background-color: #0760B3;
  border-color: #0760B3;
}

.lobibox .lobibox-btn.lobibox-btn-ok .badge {
  color: #0760B3;
  background-color: #FFF;
}

.lobibox .lobibox-btn.lobibox-btn-default {
  color: #000;
  background-color: #e2e2e2;
  border-color: #dadada;
}

.lobibox .lobibox-btn.lobibox-btn-default:hover,
.lobibox .lobibox-btn.lobibox-btn-default:focus,
.lobibox .lobibox-btn.lobibox-btn-default.focus,
.lobibox .lobibox-btn.lobibox-btn-default:active,
.lobibox .lobibox-btn.lobibox-btn-default.active,
.open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-default {
  color: #000;
  background-color: #c9c9c9;
  border-color: #bcbcbc;
}

.lobibox .lobibox-btn.lobibox-btn-default:active,
.lobibox .lobibox-btn.lobibox-btn-default.active,
.open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-default {
  background-image: none;
}

.lobibox .lobibox-btn.lobibox-btn-default.disabled,
.lobibox .lobibox-btn.lobibox-btn-default[disabled],
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default,
.lobibox .lobibox-btn.lobibox-btn-default.disabled:hover,
.lobibox .lobibox-btn.lobibox-btn-default[disabled]:hover,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:hover,
.lobibox .lobibox-btn.lobibox-btn-default.disabled:focus,
.lobibox .lobibox-btn.lobibox-btn-default[disabled]:focus,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:focus,
.lobibox .lobibox-btn.lobibox-btn-default.disabled.focus,
.lobibox .lobibox-btn.lobibox-btn-default[disabled].focus,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default.focus,
.lobibox .lobibox-btn.lobibox-btn-default.disabled:active,
.lobibox .lobibox-btn.lobibox-btn-default[disabled]:active,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:active,
.lobibox .lobibox-btn.lobibox-btn-default.disabled.active,
.lobibox .lobibox-btn.lobibox-btn-default[disabled].active,
fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default.active {
  background-color: #e2e2e2;
  border-color: #dadada;
}

.lobibox .lobibox-btn.lobibox-btn-default .badge {
  color: #e2e2e2;
  background-color: #000;
}

.lobibox.lobibox-hidden {
  display: none;
}

.lobibox-backdrop {
  position: fixed;
  z-index: 4000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/*
    Created on : Sep 19, 2014, 2:01:43 PM
    Author     : @arboshiki
*/
.lobibox-notify-wrapper {
  z-index: 5000;
  position: fixed;
}

.lobibox-notify-wrapper.top {
  top: 0px;
}

.lobibox-notify-wrapper.bottom {
  bottom: 0px;
}

.lobibox-notify-wrapper.left {
  left: 0px;
  margin-right: 0px;
}

.lobibox-notify-wrapper.right {
  right: 0px;
  margin-left: 0px;
}

.lobibox-notify-wrapper.right .lobibox-notify {
  margin-left: auto;
}

.lobibox-notify-wrapper.center {
  left: 50%;
}

.lobibox-notify-wrapper-large {
  z-index: 5000;
  position: fixed;
}
.lobibox-notify-wrapper-large .lobibox-notify {
  font-family: "Avenir-Next", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lobibox-notify-wrapper-large .lobibox-notify .lobibox-notify-title {
  border-bottom: 2px solid rgba(255, 255, 255, 0.19);
  padding: 5px 0;
  letter-spacing: -0.5px;
  font-weight: 600;
}
.lobibox-notify-wrapper-large .lobibox-notify .lobibox-notify-msg {
  font-weight: 600;
  max-height: unset !important;
}

.lobibox-notify-wrapper-large.top {
  top: 0px;
}

.lobibox-notify-wrapper-large.center {
  left: 50%;
}

.lobibox-notify-wrapper-large.bottom {
  bottom: 0px;
}

.lobibox-notify-wrapper-large.left {
  left: 0px;
}

.lobibox-notify-wrapper-large.left .lb-notify-tabs > li {
  float: left;
  margin-left: 0;
  margin-right: 2px;
}

.lobibox-notify-wrapper-large.right {
  right: 0px;
}

.lobibox-notify-wrapper-large .lb-notify-tabs {
  list-style: none;
  padding: 0;
  margin: 0 0 -5px 0;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li {
  float: right;
  margin-left: 2px;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li > a {
  text-align: center;
  display: table;
  text-decoration: none;
  font-size: 18px;
  height: 32px;
  color: #FFF;
  width: 28px;
  opacity: 0.6;
  display: none;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li > a:hover,
.lobibox-notify-wrapper-large .lb-notify-tabs > li > a:active,
.lobibox-notify-wrapper-large .lb-notify-tabs > li > a:focus,
.lobibox-notify-wrapper-large .lb-notify-tabs > li > a:hover:active {
  color: #FFF;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li > a .tab-control-icon {
  display: table-cell;
  vertical-align: middle;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-default > a {
  background-color: rgba(28, 28, 28, 0.9);
  border-color: #141414;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-default > a:hover {
  background-color: #1c1c1c;
  border-color: #0f0f0f;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-error > a {
  background-color: rgba(202, 33, 33, 0.9);
  border-color: #bd1f1f;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-error > a:hover {
  background-color: #CA2121;
  border-color: #b41d1d;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-success > a {
  background-color: rgba(41, 184, 126, 0.9);
  border-color: #26ab75;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-success > a:hover {
  background-color: #29B87E;
  border-color: #24a370;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-warning > a {
  background-color: rgba(206, 129, 46, 0.9);
  border-color: #c1792b;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-warning > a:hover {
  background-color: #CE812E;
  border-color: #b97429;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-info > a {
  background-color: rgba(46, 121, 180, 0.9);
  border-color: #2b71a8;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-info > a:hover {
  background-color: #2E79B4;
  border-color: #296ba0;
}

.lobibox-notify-wrapper-large .lb-notify-tabs > li.active > a {
  opacity: 1;
}

.lobibox-notify-wrapper-large .lb-notify-tabs:after {
  content: "";
  display: block;
  clear: both;
}

.lobibox-notify-wrapper-large .lb-notify-wrapper {
  background-color: transparent;
  padding: 0;
  border: none;
}

.lobibox-notify-wrapper-large .lb-notify-wrapper .lb-tab-pane {
  display: none;
}

.lobibox-notify-wrapper-large .lb-notify-wrapper .lb-tab-pane.active {
  display: block;
}

.lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify {
  min-height: 150px;
  margin-top: 30px;
}

.lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-icon-wrapper {
  width: 100px;
}

.lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-icon > div .icon-el {
  font-size: 78px;
}

.lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-body {
  margin: 13px 20px;
  margin-left: 130px;
}

.lobibox-notify {
  position: relative;
  min-height: 85px;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  margin: 7px 0;
  border-radius: 0;
  border: 1px solid transparent;
  -webkit-box-shadow: 2px 4px 10px rgba(45, 45, 45, 0.2);
  box-shadow: 2px 4px 10px rgba(45, 45, 45, 0.2);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 9999;
}

.lobibox-notify .lobibox-notify-icon-wrapper {
  position: absolute;
  left: 15px;
  width: 60px;
  height: 100%;
}

.lobibox-notify .lobibox-notify-icon {
  display: table;
  width: 100%;
  height: 100%;
}

.lobibox-notify .lobibox-notify-icon > div {
  display: table-cell;
  vertical-align: middle;
}

.lobibox-notify .lobibox-notify-icon > div > img {
  width: 100%;
  max-width: 100%;
  margin-top: 3px;
  border-radius: 4px;
}

.lobibox-notify .lobibox-notify-icon > div .icon-el {
  text-align: center;
  font-size: 55px;
}

.lobibox-notify .lobibox-notify-body {
  margin: 10px 20px;
  margin-left: 90px;
}

.lobibox-notify .lobibox-notify-title {
  font-size: 20px;
}

.lobibox-notify .lobibox-notify-msg {
  overflow: hidden;
  margin: 10px 0;
  line-height: 22px;
  max-height: unset !important;
}

.lobibox-notify .lobibox-close {
  position: absolute;
  text-align: center;
  border-radius: 50%;
  right: 10px;
  top: 10px;
  font-size: 20px;
  line-height: 19px;
  width: 19px;
  height: 19px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.lobibox-notify .lobibox-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
}

.lobibox-notify .lobibox-delay-indicator {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
}

.lobibox-notify .lobibox-delay-indicator > div {
  position: relative;
  height: 100%;
  width: 0;
  background-color: #e8e8e8;
}

.lobibox-notify.lobibox-notify-default {
  border-color: #0f0f0f;
  background-color: #1c1c1c;
  color: #FFF;
}

.lobibox-notify.lobibox-notify-default:hover {
  background-color: #1c1c1c;
  border-color: #FFF;
}

.lobibox-notify.lobibox-notify-default .lobibox-close:hover {
  background-color: #4f4f4f;
}

.lobibox-notify.lobibox-notify-error {
  border-color: #b41d1d;
  background-color: #CA2121;
  color: #FFF;
}

.lobibox-notify.lobibox-notify-error:hover {
  background-color: #CA2121;
  border-color: #FFF;
}

.lobibox-notify.lobibox-notify-success {
  border-color: #24a370;
  background-color: #29B87E;
  color: #FFF;
}

.lobibox-notify.lobibox-notify-success:hover {
  background-color: #29B87E;
  border-color: #FFF;
}

.lobibox-notify.lobibox-notify-warning {
  border-color: #b97429;
  background-color: #CE812E;
  color: #FFF;
}

.lobibox-notify.lobibox-notify-warning:hover {
  background-color: #CE812E;
  border-color: #FFF;
}

.lobibox-notify.lobibox-notify-info {
  border-color: #296ba0;
  background-color: #2E79B4;
  color: #FFF;
}

.lobibox-notify.lobibox-notify-info:hover {
  background-color: #2E79B4;
  border-color: #FFF;
}

.lobibox-notify.rounded {
  border-radius: 30px;
}

.lobibox-notify:hover {
  cursor: pointer;
  -webkit-box-shadow: 3px 3px 10px #aaa;
  box-shadow: 3px 3px 10px #aaa;
}

.lobibox-notify.notify-mini {
  min-height: 36px;
}

.lobibox-notify.notify-mini .lobibox-notify-title {
  margin-top: -5px;
  font-size: 20px;
  line-height: 22px;
}

.lobibox-notify.notify-mini .lobibox-notify-msg {
  line-height: 16px;
}

.lobibox-notify.notify-mini .lobibox-notify-icon-wrapper {
  left: 12px;
  width: 32px;
}

.lobibox-notify.notify-mini .lobibox-notify-icon > div .icon-el {
  font-size: 32px;
}

.lobibox-notify.notify-mini .lobibox-notify-body {
  margin: 15px 30px 15px 56px;
}

.lobibox-notify.without-icon .lobibox-notify-body {
  margin-left: 20px;
}
