body{color:#4b4f54;margin:0px;padding:0px;font-size:15px;line-height:1.5}
a{color:#0674F5;-webkit-transition-timing-function:ease;-webkit-transition-duration:.3s;-webkit-transition-property:all}
a:hover,a:focus{color:#0674F5;text-decoration:underline}
.btn{border-radius:4px}
.btn-lg{font-size:16px;padding:10px 24px}
.btn-primary{background-color:#0674F5;border-color:#0674F5}
.btn-primary:hover{background-color:#005186;border-color:#005186}
.btn-primary.focus,.btn-primary:focus,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#005186;border-color:#005186}
.btn-success{background-color:#34B761;border-color:#34B761}
.btn-success:hover{background-color:#007537;border-color:#007537}
.btn-success.focus,.btn-success:focus,.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#007537;border-color:#007537}
.btn-default{color:#0674F5;background-color:#fff;border-color:rgba(0,61,118,0.6)}
.btn-default:hover{color:#fff;background-color:#0674F5;border-color:#0674F5}
.btn-default.focus,.btn-default:focus,.btn-default.active.focus,.btn-default.active:focus,.btn-
.animate a,.animate button,.btn{-webkit-transition-timing-function:ease;-webkit-transition-duration:.3s;-webkit-transition-property:all}
h1,h2,h3,h4,h5{line-height:1.2}
h1{font-size:38px;color:#383b40}
h2{color:#4b4f54;font-size:32px;margin-top:25px}
h3{font-size:22px;font-weight:700}
.lead{font-weight:400}
hr.sm{margin:15px 0 10px;}
.m-b-0{margin-bottom:0px;}
.m-t-0{margin-top:0px;}
header{padding-top:24px;padding-bottom:24px;background:#00007C}
header .back{position:absolute;right:15px;top:5px;}
header .back .btn{color:#fff;border:solid 1px rgba(255,255,255,.2);background:rgba(255,255,255,.1)}
header.trb{background:#000;margin-bottom:30px}
header .main-logo.horz{display:inline-block;}
header .main-logo.horz .tag{margin-left:10px;color:#fff;display:inline-block;text-transform:uppercase;font-size:10px;border:solid 1px rgba(255,255,255,1);padding:7px 8px; border-radius: 5px; letter-spacing: .1rem;}
header .logo{height:45px;margin:20px auto;}
header .logo.left{margin:0px;height:45px;display:inline-block;}
.kits-demo .main{margin-top:15px;padding-bottom:40px;}
.kits-demo{height:100%;position:relative;}
.kits-demo .role{position:relative;}
.kits-demo .role .fa-user-circle{/*margin-bottom:10px;color:#aaa;*/}
.kits-demo .role .kits{margin-bottom:15px;}
.kits-demo .role .kits .btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px;font-weight:normal;}
.kits-demo .role .kits .btn.ss2{color:#34B761;border-color:#34B761}
.kits-demo .role .kits .btn.ex{color:#5200FF;border-color:#5200FF}
.kits-demo .role .kits .btn.wins{color:#F25700;border-color:#F25700}
.kits-demo .role .kits .btn:hover{color:#fff;border-color:#0674F5}
.kits-demo .role-link{position:absolute;bottom:0px;right:0px;left:0px;display:block;background:#efefef;font-size:13px;border-radius:0px 0px 4px 4px;text-align:center;padding:8px 5px;}
.kits-demo .resources .notes{padding-left:15px;}
.kits-demo .select-box-normal.admin .title { background: #313e48; }
.kits-demo .title{font-size:12px;text-align:center;color:#fff;background:#0674F5;border-radius:4px 4px 0 0;margin:-20px -20px 20px;padding:10px;}
.kits-demo .well.well-normal{box-shadow:0 0 10px rgb(0 0 0 / 10%);border:solid 1px #e1e1e1!important;background:#f9f9f9;border-radius:4px;padding:20px;}
.kits-demo .well.well-normal h4{margin-top:0px; font-size: 16px; margin-bottom: 8px;}
.kits-demo .top{margin-bottom:20px;background:#fff;padding:40px 15px;border:0px;box-shadow:none;}
.kits-demo .top h1{margin-top:0px;font-weight:500;margin-bottom:20px;font-size: 34px;}
.kits-demo .top h1 u{font-weight:600;}
.kits-demo .top p.lead a{border-bottom:1px dashed #0674F5;}
.kits-demo .top p.lead a:hover{text-decoration:none;border-bottom:1px solid #0674F5;}
.kits-demo label{color:#616161;font-weight:600;margin-bottom:.3rem;font-size:0.938em}
.kits-demo .alert{max-width:440px;margin:0px auto 15px;}
.kits-demo .code-input{position:relative;max-width:440px;margin:auto;}
.kits-demo .code-input .btn{position:absolute;right:4px;top:4px;border:0px;padding-right:20px;padding-left:20px}
.kits-demo .btn{padding:8px 12px;font-weight:600;}
.kits-demo .copy{font-size:12px;color:#888}
.kits-demo .resource-links .select-box{margin:10px 0px 30px;text-align:center;box-shadow:0 0 10px rgb(0 0 0 / 10%);border:solid 1px #e1e1e1;border-radius:4px;background:#f9f9f9;}
.kits-demo .resource-links .select-box .inner{background:#fff;padding:20px 30px 20px;border-radius:4px 4px 0 0;border-bottom:1px solid #e1e1e1;}
.kits-demo .resource-links .select-box h2{margin:10px 0px 20px;font-size:1.7em;}
.kits-demo .resource-links .select-box .description{padding:15px;}
.kits-demo .resource-links .select-box p{font-size:14px;}
.kits-demo .resource-links .select-box p:last-child{margin-bottom:0px;}
.kits-demo .select-box-normal.admin {border: solid 2px #313e48;}
.kits-demo .select-box-normal.teacher {border: solid 2px #0674F5;}
.kits-demo .select-box-normal.admin .inner{background:#efefef;}
.kits-demo .select-box-normal{margin:10px 0px 30px;box-shadow:0 0 10px rgb(0 0 0 / 10%);border:solid 1px #e1e1e1;border-radius:4px;background:#f9f9f9;}
.kits-demo .select-box-normal .inner{background:#fff;padding:20px 20px 20px;border-radius:4px 4px 0 0;border-bottom:1px solid #e1e1e1;}
.kits-demo .select-box-normal h2{margin:0px 0px 20px;font-size:1.7em;}
.kits-demo .select-box-normal .notes {padding-left: 15px;}
.kits-demo .select-box-normal .description{padding:15px; text-align: center;}
.kits-demo .resource-links{margin-top:30px;}
.kits-demo .resource-links a{font-weight:500;display:block;text-align:center;font-size:16px;margin-bottom:15px;padding:15px;background:#fff;border:solid 1px rgba(100,100,100,.3);-webkit-box-shadow:none;box-shadow:none;}
.kits-demo .resource-links a span{display:block;font-size:12px;color:#34B761}
.kits-demo .resource-links a:hover{background:#fff;color:#666;text-decoration:none;border:solid 1px #0674F5;-webkit-box-shadow:0 3px 30px rgba(0,0,0,.2);box-shadow:0 3px 30px rgba(0,0,0,.2);}
.kits-demo .resource-links a.disabled{color:#666;cursor:not-allowed;filter:alpha(opacity=55);-webkit-box-shadow:none;box-shadow:none;opacity:.55;background:#efefef;}
.kits-demo .resource-links a.disabled:hover{border:solid 1px rgba(100,100,100,.3);}
.kits-demo .resource-links a.disabled:focus{text-decoration:none;}
.kits-demo .videos h3 {margin-bottom: 15px;}
.kits-demo .videos .item{-webkit-transition-timing-function:ease;-webkit-transition-duration:.3s;-webkit-transition-property:all;box-shadow:0 2px 8px 0 rgb(0 0 0 / 15%);background:#fff;padding:0px;margin-bottom:30px;}
.kits-demo .videos .item:hover{box-shadow:0 3px 15px rgba(0,0,0,.2)}
.kits-demo .videos .item a:hover,.kits-demo .videos .item a:focus{text-decoration:none!important}
.kits-demo .videos .item h4:hover{color:#0674F5; text-decoration: underline;}
.kits-demo .videos .item a p{color:#313e48}
.kits-demo .videos .item a .arrow-right:hover{text-decoration:underline}
.kits-demo .videos .item .img{height:230px;background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);}
.kits-demo .videos .item .pad{padding:10px 20px 20px}
/*.kit {font-size: 13px; color: #fff; text-align: center; display: inline-block; border-radius: 1px; padding: 1px 3px; margin-bottom: 3px;}
.kit.lpl { background: #F25700 }
.kit.ss1 { background: #0674F5 }
.kit.ss2 { background: #34B761 }
.kit.sse { background: #5200FF }
.kit.win { background: #F25700 }
.kit.vocab { background: #018d8c }
.kit.lit { background: #484395 }
.kit.trb { background: #231f20 }*/
.dp {font-size: 10px; color: #fff; text-align: center; display: inline-block; border-radius: 1px; padding: 1px 3px; margin-bottom: 1px;}
.dp.lpl { background: #F25700 }
.dp.ss1, .dp.ss1media { background: #0674F5 }
.dp.ss2, .dp.ss2media { background: #34B761 }
.dp.ek, .dp.e1, .dp.e2, .dp.e3, .dp.e4, .dp.e5 { background: #5200FF }
.dp.wins { background: #F25700 }
.dp.voc { background: #018d8c }
.dp.lit { background: #484395 }
.dp.trb { background: #231f20 }

.footer{bottom:0px;left:0px;width:100%;padding-top:15px;padding-bottom:15px;color:#888;font-size:12px;border-top:solid 1px #efefef;background:#fff;}
.footer .container{padding-right:0px;padding-left:0px;}
.footer a{color:#888;text-decoration:none;border-bottom:solid 1px #ccc;}
.footer a:hover{border-color:#888;}
.resource-links.options a i{font-size:40px;margin-bottom:10px;}
#forTeachers{margin:30px 0;padding:20px;background:#efefef;border-radius:12px;}

/* Student View Styles */
.student-view{height:100%;position:relative;}
.student-view .text-viewport{height:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;position:relative;font-size:8.3em}
.student-view .image-viewport{position:absolute;top:60px;right:3px;bottom:35px;left:3px;}
.student-view .image-viewport img{position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto;max-width:100%;max-height:100%;}
.student-view .mini-header{background:#0674F5;padding:5px 10px;clear:both;display:table;width:100%;position:absolute;}
.student-view .mini-header.ss1{background:#0674F5;}
.student-view .mini-header.ss2{background:#34B761;}
.student-view .mini-header.trb{background:#000;}
.student-view .mini-header img{height:25px;margin-top:1px;float:left;}
.student-view .mini-header .level{position:absolute;top:5px;left:0px;width:100%;text-align:center;line-height:30px;color:#fff;font-weight:600;z-index:1}
.student-view .mini-header .buttons{float:right;color:#fff;position:relative;top:0px;z-index:2}
.student-view .mini-header .buttons a,.student-view .mini-header .buttons button{padding:2px 4px;background:transparent;border:0px;}
.student-view .mini-footer{position:fixed;bottom:0px;width:100%;padding:5px 10px;color:#888;font-size:12px;border-top:solid 1px #efefef;}
.student-view .mini-footer a{opacity:1}
.student-view .mini-footer a:hover{opacity:1}

/* Teacher View Styles */
.teacher-view{height:100%;position:relative;}
.teacher-view .text-viewport{height:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;position:relative;font-size:8.3em}
.teacher-view .image-viewport{position:absolute;top:60px;right:3px;bottom:35px;left:3px;}
.teacher-view .image-viewport img{position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto;max-width:100%;max-height:100%;}
.teacher-view .mini-header{background:#0674F5;padding:5px 10px;clear:both;display:table;width:100%;position:absolute;}
.teacher-view .mini-header.ss1{background:#0674F5;}
.teacher-view .mini-header.ss2{background:#34B761;}
.teacher-view .mini-header.trb{background:#000;}
.teacher-view .mini-header img{height:25px;margin-top:1px;float:left;}
.teacher-view .mini-header .level{position:absolute;top:5px;left:0px;width:100%;text-align:center;line-height:30px;color:#fff;font-weight:600;z-index:1}
.teacher-view .mini-header .buttons{float:right;color:#fff;position:relative;top:0px;z-index:2}
.teacher-view .mini-header .buttons a,.teacher-view .mini-header .buttons button{padding:2px 4px;background:transparent;border:0px;}
.teacher-view .mini-footer{position:fixed;bottom:0px;width:100%;padding:5px 10px;color:#888;font-size:12px;border-top:solid 1px #efefef;}
.teacher-view .mini-footer a{opacity:1}
.teacher-view .mini-footer a:hover{opacity:1}

/* Controller Styles */
.controller{height:100%;position:relative;}
.controller .kit-div{position:absolute;top:0px;left:0px;right:0px;bottom:35px;}
.controller .kit-div iframe{display:block;width:100%;height:100%;border:none;}
.controller .mini-footer{position:fixed;bottom:0px;width:100%;padding:5px 10px;color:#888;font-size:12px;border-top:solid 1px #efefef;}
.controller .mini-footer a{opacity:1}
.controller .mini-footer a:hover{opacity:1}
.controller .mini-footer .lg{font-weight:600;color:#34B761}
.g-recaptcha{display:inline-block!important;margin:20px auto 0px!important;}
@media (max-width:767px){
	header{margin-bottom:0px!important;text-align:left;}
	header .logo{height:28px;width:auto;margin:0px}
	header .back{top:3px;}
}
@media print{
	a[href]:after{content:none!important;}
	abbr[title]:after{content:none!important;}
	.main-wrap .content,#mainContent{display:none!important;}
}