@charset "UTF-8";
@font-face {
    font-family: 'Karbon Slab Stencil';
    src: url('//www.frontlineeducation.com/wp-content/themes/frontlineed/css/../fonts/KarbonSlabStencilWeb-Regular.eot');
    src:
    url('//www.frontlineeducation.com/wp-content/themes/frontlineed/css/../fonts/KarbonSlabStencilWeb-Regular.eot') format('embedded-opentype'),
    url('//www.frontlineeducation.com/wp-content/themes/frontlineed/css/../fonts/KarbonSlabStencilWeb-Regular.ttf') format('truetype'),
    url('//www.frontlineeducation.com/wp-content/themes/frontlineed/css/../fonts/KarbonSlabStencilWeb-Regular.woff') format('woff'),
    url('//www.frontlineeducation.com/wp-content/themes/frontlineed/css/../fonts/KarbonSlabStencilWeb-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'iconfont';
    src: url('//www.frontlineeducation.com/wp-content/themes/frontlineed/css/../fonts/iconfont.eot?dqkjhp');
    src:
    url('//www.frontlineeducation.com/wp-content/themes/frontlineed/css/../fonts/iconfont.eot?dqkjhp#iefix') format('embedded-opentype'),
    url('//www.frontlineeducation.com/wp-content/themes/frontlineed/css/../fonts/iconfont.ttf?dqkjhp') format('truetype'),
    url('//www.frontlineeducation.com/wp-content/themes/frontlineed/css/../fonts/iconfont.woff?dqkjhp') format('woff'),
    url('//www.frontlineeducation.com/wp-content/themes/frontlineed/css/../fonts/iconfont.svg?dqkjhp#iconfont') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'iconfont'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #7e4082;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-star:before{content:""}.icon-star-o:before{content:""}.icon-bookmark:before{content:""}.icon-caret-left:before{content:""}.icon-caret-right:before{content:""}.icon-smile-o:before{content:""}.icon-frown-o:before{content:""}.icon-meh-o:before{content:""}.icon-pause-circle:before{content:""}.icon-pause-circle-o:before{content:""}.icon-stop-circle:before{content:""}.icon-stop-circle-o:before{content:""}.icon-question-circle-o:before{content:""}.icon-apple:before{content:""}.icon-reduce_paperwork:before{content:""}.icon-easy_select:before{content:""}.icon-interview:before{content:""}.icon-navigation:before{content:""}.icon-integration:before{content:""}.icon-dashboard-status:before{content:""}.icon-printer:before{content:""}.icon-batman:before{content:""}.icon-certificate:before{content:""}.icon-learning-loop:before{content:""}.icon-life-work-balance:before{content:""}.icon-listening:before{content:""}.icon-manage-online:before{content:""}.icon-medicaid_plan:before{content:""}.icon-reporting:before{content:""}.icon-roadmap:before{content:""}.icon-rocket:before{content:""}.icon-RTI:before{content:""}.icon-rubric:before{content:""}.icon-save-money:before{content:""}.icon-self-aware:before{content:""}.icon-servant-leadership:before{content:""}.icon-404:before{content:"";font-size:96px}.icon-insight_reports:before{content:""}.icon-shield:before{content:""}.icon-light:before{content:""}.icon-umbrella:before{content:""}.icon-online_feedback:before{content:""}.icon-cloud_storage:before{content:""}.icon-online_grade:before{content:""}.icon-manage_leave:before{content:""}.icon-screening_tool:before{content:""}.icon-student_learning:before{content:""}.icon-calculator:before{content:""}.icon-vacation_days:before{content:""}.icon-handshake:before{content:""}.icon-money-heart:before{content:""}.icon-person-time:before{content:""}.icon-teacher-presentation:before{content:""}.icon-user-paperwork:before{content:""}.icon-user-profile:before{content:""}.icon-ping-pong:before{content:""}.icon-employee-absence:before{content:""}.icon-badge:before{content:""}.icon-bandaid:before{content:""}.icon-bar-chart:before{content:""}.icon-bell:before{content:""}.icon-calendar:before{content:""}.icon-chat-bubble:before{content:""}.icon-clipboard:before{content:""}.icon-clock:before{content:""}.icon-desktop-computer:before{content:""}.icon-email:before{content:""}.icon-government-building:before{content:""}.icon-graduate:before{content:""}.icon-ipad-complete:before{content:""}.icon-ipad-grade:before{content:""}.icon-ipad:before{content:""}.icon-laptop:before{content:""}.icon-location-pin:before{content:""}.icon-mountains:before{content:""}.icon-open-email:before{content:""}.icon-partly-sunny:before{content:""}.icon-pencil:before{content:""}.icon-iphone:before{content:""}.icon-pie-chart:before{content:""}.icon-presentation:before{content:""}.icon-profile-card:before{content:""}.icon-sand-timer:before{content:""}.icon-school-house:before{content:""}.icon-target:before{content:""}.icon-thumbs-up:before{content:""}.icon-tie:before{content:""}.icon-video-camera:before{content:""}.icon-video-play:before{content:""}.icon-school:before{content:""}.icon-paper:before{content:""}.icon-heart:before{content:""}.icon-book:before{content:""}.icon-video:before{content:""}.icon-contact_email:before{content:""}.icon-phone:before{content:""}.icon-clock2:before{content:""}.icon-information:before{content:""}.icon-warning:before{content:""}.icon-about:before{content:""}.icon-search:before{content:""}.icon-Frontline-Icon:before{content:""}.icon-Frontline-Logo:before{content:""}.icon-play:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-up:before{content:""}.icon-checkmark:before{content:""}.icon-close:before{content:""}.icon-down:before{content:""}.icon-left:before{content:""}.icon-right:before{content:""}.icon-up:before{content:""}.icon-lightbulb:before{content:""}.icon-product:before{content:""}.icon-login:before{content:""}.icon-chat:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow_drop_up:before{content:""}.icon-arrow_drop_down:before{content:""}.icon-google-plus:before{content:""}.icon-facebook:before{content:""}.icon-instagram:before{content:""}.icon-twitter:before{content:""}.icon-youtube:before{content:""}.icon-linkedin2:before{content:""}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always!important;
    text-rendering: optimizeLegibility!important;
    text-shadow: 0 0 1px rgba(0, 0, 0, .3);
    font-family: 'Lato', sans-serif;
    font-size: 16px
}

html {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    -ms-box-sizing: inherit;
    -o-box-sizing: inherit;
    box-sizing: inherit
}

body {
    margin: 0;
    overflow: hidden;
    min-width: 320px;
    width: 100%
}

html,
body {
    min-height: 100%;
    height: 100%
}

a {
    text-decoration: none;
    color: inherit
}

.launch-announcement {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 960px;
    -webkit-transform: translate(-50%, -60%);
    -moz-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    -o-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    color: #fff;
    font-weight: 400;
    text-align: center;
    padding: 50px;
    line-height: 28px;
    letter-spacing: .01em
}

.launch-announcement.active {
    display: none
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .launch-announcement {
        width: 95%
    }
}

h1 {
    font-family: 'Karbon Slab Stencil', sans-serif;
    font-weight: 300;
    font-size: 5em;
    line-height: 36px;
    color: #7e4082
}

p {
    font-size: 18px
}

.launch-announcement button {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    user-select: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin: 24px auto 0;
    color: #fff;
    border: none;
    background-color: #6bccb3;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    -ms-border-radius: 36px;
    -o-border-radius: 36px;
    border-radius: 36px;
    padding: 12px 42px 12px 20px;
    font-weight: 400;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    letter-spacing: .045em
}

.launch-announcement button:hover {
    background-color: #2b4c59;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.launch-announcement button:after {
    content: '';
    font-family: "iconfont"!important;
    height: 100%;
    width: 28px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 14px;
    right: 10px;
    margin-left: 8px
}

.launch-announcement .fline-icon {
    max-width: 5em;
    width: 100%;
    fill: #6bccb3;
    -webkit-animation: color_change 6s infinite ease alternate;
    -moz-animation: color_change 6s infinite ease alternate;
    -ms-animation: color_change 6s infinite ease alternate;
    -o-animation: color_change 6s infinite ease alternate;
    animation: color_change 6s infinite ease alternate
}

.extra-info {
    position: absolute;
    width: 100%;
    height: 112px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-top: 2px solid #7e4082;
    padding: 14px 12px 0
}

#Grid {
    width: 100%;
    height: 80px;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: .1px;
    padding: 0
}

#Grid li {
    vertical-align: top;
    display: inline-block;
    background: rgba(230, 230, 230, .6);
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 32%;
    height: 100%;
    margin-bottom: 2.5%;
    padding: 14px
}

@media(max-width:767px) {
    #Grid li {
        padding: 2px 14px
    }
}

#Grid li span {
    color: #5c6670;
    letter-spacing: .03em;
    font-weight: 300;
    text-align: left
}

#Grid:after {
    content: '';
    display: inline-block;
    width: 100%
}

#Grid .placeholder {
    padding: 0
}

@media(min-width:992px) {
    #Grid {
        max-width: 960px
    }
}

.mobile-hide {
    display: none
}

.mobile-show {
    display: block;
    margin-top: 12px
}

.info-txt {
    display: block;
    color: #7e4082;
    padding-bottom: 6px
}

.icon {
    max-height: 50px;
    height: 100%;
    float: left;
    margin-right: 18px
}

@media screen and (min-width:767px) {
    .mobile-hide {
        display: block
    }
    .mobile-show {
        display: none
    }
}

@media(max-width:640px) {
    .launch-announcement {
        line-height: 24px
    }
    h1 {
        font-size: 4em;
        line-height: 68px
    }
    .launch-announcement {
        width: 90%;
        max-width: 100%;
        -webkit-transform: translate(-50%, -60%);
        -moz-transform: translate(-50%, -60%);
        -ms-transform: translate(-50%, -60%);
        -o-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%);
        padding: 20px
    }
    p {
        font-size: 14px;
        margin-top: 0
    }
    #Grid li span {
        font-weight: 700;
        color: #7e4082
    }
}

@media(max-width:360px) {
    .launch-announcement {
        line-height: 21px
    }
    h1 {
        font-size: 3em;
        line-height: 1.5em;
        margin: 0
    }
    .launch-announcement {
        width: 95%;
        max-width: 100%;
        top: 20px;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%)
    }
    .launch-announcement .fline-icon {
        max-width: 3em
    }
    .launch-announcement button {
        margin: 0 auto 0
    }
    .icon {
        max-height: 36px
    }
    .mobile-show.info-txt {
        margin-top: -2px
    }
}

@media(max-width:320px) and (max-height:480px) {
    .launch-announcement {
        line-height: 16px
    }
    h1 {
        font-size: 2.8em;
        line-height: 1.3em;
        margin: 0
    }
    .launch-announcement {
        width: 95%;
        max-width: 100%;
        top: 14px
    }
    .launch-announcement .fline-icon {
        max-width: 2.6em
    }
}

#launch:focus,
#reset:focus {
    border: none;
    outline: none
}

noscript {
    position: absolute;
    background-color: #2a343e;
    height: 100%;
    width: 100%
}

noscript p {
    background-color: #eaeaea;
    color: #2a343e;
    width: 100%;
    margin: 0;
    padding: 30px;
    text-align: center;
    font-weight: 700;
    font-size: 21px
}

.logo {
    position: fixed;
    top: 20px;
    right: 26px;
    color: #7e4082
}

.icon-school-house,
.icon-video,
.icon-open-email {
    float: left
}

.icon-school-house:before,
.icon-video:before,
.icon-open-email:before {
    font-size: 62px;
    line-height: 54px
}

@media(max-width:767px) {
    .icon-school-house:before,
    .icon-video:before,
    .icon-open-email:before {
        font-size: 40px;
        line-height: 54px
    }
}

@media(max-width:480px) {
    .icon-school-house,
    .icon-video,
    .icon-open-email {
        float: none;
        clear: both
    }
    .mobile-show.info-txt {
        margin-top: -2px
    }
}

@media(min-width:767px) {
    .info-txt {
        margin-top: 16px
    }
}

body {
    background-color: #2a343e; /* #152027;*/
}