@charset "UTF-8";
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
    padding: 15px;
}

.panel-body:after,
.panel-body:before {
    content: " ";
    display: table;
}

.panel-body:after {
    clear: both;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.list-group+.panel-footer,
.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0;
}

.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
    padding-left: 15px;
    padding-right: 15px;
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd;
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0;
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0;
}

.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}

.panel-default {
    border-color: #ddd;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav:after,
.nav:before {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}

.nav>li.disabled>a {
    color: #777;
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    border-radius: 4px;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%;
}

.nav-justified>li,
.nav-tabs.nav-justified>li {
    float: none;
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width:768px) {
    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff;
    }
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

::selection {
    background: #68ae3e;
    color: #fff;
    text-shadow: none;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    color: #444;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

a:active,
a:focus,
a:hover {
    outline: 0;
}

h1 {
    margin: .67em 0;
}

h2 {
    margin: .67em 0;
}

h3 {
    margin: .67em 0;
}

h4 {
    margin: .67em 0;
}

h5 {
    font-size: 1.33em;
    margin: .67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "“" "”" "‘" "’";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

legend {
    border: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type=checkbox],
input[type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type=search] {
    -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@media screen and (max-width:47.9375em) {
    #quiz-wrap .ap-question-text-default,
    .ap-matching-question .matching-wrap,
    .choice,
    .lo-results-question .ap-question-text div.ap-question-text-default,
    .question-width,
    .quiz-results-container .ap-question-text div.ap-question-text-default,
    bin-drop .ap-bin-drop .ap-question,
    bin-drop .options-bin,
    hotspot-question .ap-question {
        margin-left: 1rem;
        width: calc(100% - 1rem);
    }
}

@media screen and (max-width:64em) {
    .chapter-list,
    .comp-list,
    .competency-list-container {
        margin: 1em calc(3.5% - .5em);
    }
}

@media screen and (max-width:35.5em) {
    .chapter-list,
    .comp-list,
    .competency-list-container {
        margin: 1em calc(2.5% - .5em);
    }
}

@media screen and (max-width:35.5em) {
    .chapter-list .comp-name,
    .comp-name {
        padding: .33em;
        font-size: .85em;
    }
}

@-webkit-keyframes anim-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes anim-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

blockquote,
code,
p {
    line-height: 1.33em;
    margin-bottom: 1.25rem;
}

blockquote img,
code img,
p img {
    display: block;
    margin: 1em 0;
}

ol,
ul {
    list-style-position: outside;
    margin-bottom: 1rem;
    margin-left: 1rem;
}

ol li,
ul li {
    margin: .25em;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1em;
    margin-bottom: 1rem;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl dt {
    font-weight: 600;
    padding: .5em 0;
}

dl dd {
    padding: .5em 1em 1.5em;
}

blockquote {
    font-size: 1.25rem;
    padding: 1rem;
    margin: 0 0 1.5em 1.5em;
    background: #f9f9f9;
    border-left: 4px solid #efefef;
    color: #777;
    font-style: italic;
}

aside {
    font-size: 2.5rem;
    padding: 1em;
    margin: 1em 0;
    border-top: 2px solid #65ad3d;
    border-bottom: 2px solid #65ad3d;
    text-align: center;
    color: #65ad3d;
    line-height: 1.33em;
    display: inline-block;
    width: calc(100% - 2em);
}

article {
    background: #f0f0f0;
    border-radius: .5rem;
    margin: 1.5em 0;
    padding: 1em;
    display: inline-block;
    width: calc(100% - 2em);
    font-size: 1.15em;
}

a {
    text-decoration: none;
}

a:focus,
a:hover {
    cursor: pointer;
}

a.lo-btn {
    min-height: 0;
}

nav a:hover {
    text-decoration: none;
}

cite,
em {
    font-style: italic;
}

code,
var {
    font-family: monospace, serif;
}

h3,
h4,
h5,
h6 {
    color: #147EC5;
}

h1+hr,
h2+hr,
h3+hr,
h4+hr,
h5+hr,
h6+hr {
    border: 0;
    height: 0;
    border-top: 1px solid #ffc72c;
}

h1+hr {
    border-top: 4px solid #ffc72c;
}

h2+hr {
    border-top: 2px solid #ffc72c;
}

h6 {
    margin-bottom: 1rem;
}

table {
    border: 1px solid rgba(68, 68, 68, .25);
    margin-bottom: 1rem;
    background: rgba(255, 255, 255, .5);
}

table caption {
    font-weight: 600;
    margin-bottom: 1rem;
}

th {
    font-weight: 600;
    background: #fff;
}

td,
th {
    padding: 1rem;
    border-top: 1px solid rgba(68, 68, 68, .25);
    border-bottom: 1px solid rgba(68, 68, 68, .25);
    border-left: 1px solid rgba(68, 68, 68, .25);
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #d5d5d5;
    box-shadow: inset 0 1px 3px #efefef;
    border-radius: .5rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1rem;
    transition: color .5s ease, border .5s ease, box-shadow .5s ease;
}

input:not([type]) {
    padding: .5em .6em;
    border: 1px solid #d5d5d5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);
    border-radius: .5rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=color] {
    padding: .2em .5em;
}

input[type=checkbox],
input[type=radio] {
    margin-right: .33rem;
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
    outline: 0;
    outline: thin dotted \9;
    border-color: #147EC5;
    box-shadow: none;
}

input:not([type]):focus {
    outline: 0;
    outline: thin dotted \9;
    border-color: #147EC5;
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted #333;
    outline: 1px auto #147EC5;
}

input[type=color][disabled],
input[type=date][disabled],
input[type=datetime-local][disabled],
input[type=datetime][disabled],
input[type=email][disabled],
input[type=month][disabled],
input[type=number][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=text][disabled],
input[type=time][disabled],
input[type=url][disabled],
input[type=week][disabled],
select[disabled],
textarea[disabled] {
    cursor: not-allowed;
    background-color: #efefef;
    color: #cad2d3;
}

input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #efefef;
    color: #c9c9c9;
}

input[readonly],
select[readonly],
textarea[readonly] {
    background: #eee;
    color: #777;
    border-color: #ccc;
}

input:focus:invalid,
select:focus:invalid,
textarea:focus:invalid {
    color: #b23735;
    border-color: #b23735;
}

input:focus:invalid:focus,
select:focus:invalid:focus,
textarea:focus:invalid:focus {
    border-color: #b23735;
}

input[type=checkbox]:focus:invalid:focus,
input[type=file]:focus:invalid:focus,
input[type=radio]:focus:invalid:focus {
    outline-color: #b23735;
}

select {
    border: 1px solid #ccc;
    background-color: #fff;
}

select[multiple] {
    height: auto;
}

label {
    font-weight: 400;
    font-size: .75rem;
    padding: .25rem 0;
    line-height: 1;
}

fieldset {
    margin: 0;
    padding: .35em 0 .75em;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: .3em 0;
    margin-bottom: .5rem;
    border-bottom: 1px solid #f0f0f0;
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
label,
select,
textarea {
    display: block;
    margin: .25em 0;
}

input[type=color]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
label::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #777;
}

input[type=color]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=datetime]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=week]:-moz-placeholder,
label:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: #777;
}

input[type=color]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder,
label::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #777;
}

input[type=color]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
label:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #777;
}

input:not([type]) {
    display: block;
    margin: .25em 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: 0 none;
    border-radius: .5rem;
}

.alert {
    padding: 1em;
}

.alert-danger {
    background-color: #b23735;
    color: #fff;
}

.student-preview-alert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.5rem;
    padding: .6em 1em;
    text-align: center;
}

.student-preview-alert a {
    color: inherit;
}

.student-preview-alert a:hover {
    text-decoration: none;
}

.student-preview-alert a span {
    white-space: nowrap;
    max-width: calc(100% - 3rem);
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.student-preview-alert .close {
    position: relative;
    font-size: 1.15rem;
    color: #fff;
    float: right;
}

.student-preview-alert .alert-pick-user .icon {
    position: relative;
    top: -.1em;
    margin-left: .25em;
}

@font-face {
    font-family: lo-icons;
    src: url(../lof/css/icons/lo-icons.eot?yd5b64);
    src: url(../lof/css/icons/lo-icons.eot?#iefixyd5b64) format("embedded-opentype"), url(../lof/css/icons/lo-icons.woff?yd5b64) format("woff"), url(../lof/css/icons/lo-icons.ttf?yd5b64) format("truetype"), url(../lof/css/icons/lo-icons.svg?yd5b64#lo-icons) format("svg");
    font-weight: 400;
    font-style: normal;
}

[class*=" icon-"],
[class*=" de-icon-"],
[class*=" glyphicon-"],
[class^=de-icon-],
[class^=glyphicon-],
[class^=icon-] {
    font-family: lo-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*=" icon-"]:before,
[class*=" de-icon-"]:before,
[class*=" glyphicon-"]:before,
[class^=de-icon-]:before,
[class^=glyphicon-]:before,
[class^=icon-]:before {
    -webkit-transform: scale(0.8, .8);
    -webkit-transform-origin: center center;
    display: inline-block;
}

.de-icon-info-hollow:before,
.icon-info-hollow:before {
    content: "\e63b";
}

.de-icon-more-horizontal:before,
.icon-more-horizontal:before {
    content: "\e635";
}

.de-icon-more-vertical:before,
.icon-more-vertical:before {
    content: "\e636";
}

.de-icon-user-check:before,
.icon-user-check:before {
    content: "\e639";
}

.de-icon-user-block:before,
.icon-user-block:before {
    content: "\e637";
}

.de-icon-user-cancel:before,
.icon-user-cancel:before {
    content: "\e638";
}

.de-icon-history:before,
.icon-history:before {
    content: "\e620";
}

.de-icon-warning:before,
.icon-warning:before {
    content: "\e605";
}

.de-icon-bookmark:before,
.icon-bookmark:before {
    content: "\e606";
}

.de-icon-bookmarks:before,
.icon-bookmarks:before {
    content: "\e607";
}

.de-icon-chevron-down:before,
.glyphicon-chevron-down:before,
.icon-chevron-down:before {
    content: "\e608";
}

.de-icon-chevron-left:before,
.glyphicon-chevron-left:before,
.icon-chevron-left:before {
    content: "\e609";
}

.de-icon-chevron-right:before,
.glyphicon-chevron-right:before,
.icon-chevron-right:before {
    content: "\e60a";
}

.de-icon-chevron-up:before,
.glyphicon-chevron-up:before,
.icon-chevron-up:before {
    content: "\e60b";
}

.de-icon-controller-fast-forward:before,
.icon-controller-fast-forward:before {
    content: "\e60c";
}

.de-icon-controller-jump-to-start:before,
.icon-controller-jump-to-start:before {
    content: "\e60d";
}

.de-icon-controller-next:before,
.icon-controller-next:before {
    content: "\e60e";
}

.de-icon-controller-paus:before,
.icon-controller-paus:before {
    content: "\e60f";
}

.de-icon-controller-play:before,
.icon-controller-play:before {
    content: "\e610";
}

.de-icon-controller-record:before,
.icon-controller-record:before {
    content: "\e611";
}

.de-icon-controller-stop:before,
.icon-controller-stop:before {
    content: "\e612";
}

.de-icon-flow-branch:before,
.icon-flow-branch:before {
    content: "\e621";
}

.de-icon-flow-cascade:before,
.icon-flow-cascade:before {
    content: "\e622";
}

.de-icon-flow-line:before,
.icon-flow-line:before {
    content: "\e623";
}

.de-icon-flow-parallel:before,
.icon-flow-parallel:before {
    content: "\e624";
}

.de-icon-flow-tree:before,
.icon-flow-tree:before {
    content: "\e625";
}

.de-icon-trash:before,
.icon-trash:before {
    content: "\e613";
}

.de-icon-attachment:before,
.icon-attachment:before {
    content: "\e600";
}

.de-icon-awareness-ribbon:before,
.icon-awareness-ribbon:before {
    content: "\e601";
}

.de-icon-ccw:before,
.icon-ccw:before {
    content: "\e614";
}

.de-icon-check:before,
.de-icon-checkmark:before,
.icon-check:before,
.icon-checkmark:before {
    content: "\e602";
}

.de-icon-cw:before,
.icon-cw:before {
    content: "\e615";
}

.de-icon-reload:before,
.icon-reload:before {
    content: "\e616";
}

.de-icon-pencil:before,
.icon-pencil:before {
    content: "\e626";
}

.de-icon-gauge:before,
.icon-gauge:before {
    content: "\e603";
}

.de-icon-graduation-cap:before,
.icon-graduation-cap:before {
    content: "\e627";
}

.de-icon-hair-cross:before,
.icon-hair-cross:before {
    content: "\e628";
}

.de-icon-laptop:before,
.icon-laptop:before {
    content: "\e617";
}

.de-icon-level-down:before,
.icon-level-down:before {
    content: "\e630";
}

.de-icon-level-up:before,
.icon-level-up:before {
    content: "\e631";
}

.de-icon-line-graph:before,
.icon-line-graph:before {
    content: "\e604";
}

.de-icon-location-pin:before,
.icon-location-pin:before {
    content: "\e629";
}

.de-icon-location:before,
.icon-location:before {
    content: "\e62a";
}

.de-icon-lock-open:before,
.icon-lock-open:before {
    content: "\e632";
}

.de-icon-lock:before,
.icon-lock:before {
    content: "\e633";
}

.de-icon-magnet:before,
.icon-magnet:before {
    content: "\e634";
}

.de-icon-minus:before,
.icon-minus:before {
    content: "\e62f";
}

.de-icon-smart-phone:before,
.icon-smart-phone:before {
    content: "\e618";
}

.de-icon-pie-chart:before,
.icon-pie-chart:before {
    content: "\e62b";
}

.de-icon-ribbon:before,
.icon-ribbon:before {
    content: "\e619";
}

.de-icon-print:before,
.icon-print:before {
    content: "\e62c";
}

.de-icon-retweet:before,
.icon-retweet:before {
    content: "\e61a";
}

.de-icon-rocket:before,
.icon-rocket:before {
    content: "\e61b";
}

.de-icon-shuffle:before,
.icon-shuffle:before {
    content: "\e61c";
}

.de-icon-switch:before,
.icon-switch:before {
    content: "\e61d";
}

.de-icon-tablet:before,
.icon-tablet:before {
    content: "\e61e";
}

.de-icon-desktop:before,
.icon-desktop:before {
    content: "\e61f";
}

.de-icon-user:before,
.icon-user:before {
    content: "\e62d";
}

.de-icon-users:before,
.icon-users:before {
    content: "\e62e";
}

.de-icon-home:before,
.icon-home:before {
    content: "\e901";
}

.de-icon-office:before,
.icon-office:before {
    content: "\e909";
}

.de-icon-design:before,
.icon-design:before {
    content: "\e90d";
}

.de-icon-eraser:before,
.icon-eraser:before {
    content: "\e917";
}

.de-icon-quill:before,
.icon-quill:before {
    content: "\e919";
}

.de-icon-pen:before,
.icon-pen:before {
    content: "\e91c";
}

.de-icon-pen-plus:before,
.icon-pen-plus:before {
    content: "\e91d";
}

.de-icon-pen-minus:before,
.icon-pen-minus:before {
    content: "\e91e";
}

.de-icon-spray:before,
.icon-spray:before {
    content: "\e929";
}

.de-icon-color-sampler:before,
.icon-color-sampler:before {
    content: "\e92c";
}

.de-icon-toggle:before,
.icon-toggle:before {
    content: "\e92d";
}

.de-icon-bucket:before,
.icon-bucket:before {
    content: "\e92f";
}

.de-icon-droplet:before,
.icon-droplet:before {
    content: "\e934";
}

.de-icon-color-clear:before,
.icon-color-clear:before {
    content: "\e937";
}

.de-icon-image:before,
.icon-image:before {
    content: "\e93b";
}

.de-icon-camera:before,
.icon-camera:before {
    content: "\e944";
}

.de-icon-music:before,
.icon-music:before {
    content: "\e94c";
}

.de-icon-piano:before,
.icon-piano:before {
    content: "\e953";
}

.de-icon-guitar:before,
.icon-guitar:before {
    content: "\e954";
}

.de-icon-trumpet:before,
.icon-trumpet:before {
    content: "\e955";
}

.de-icon-speakers:before,
.icon-speakers:before {
    content: "\e956";
}

.de-icon-play:before,
.icon-play:before {
    content: "\e957";
}

.de-icon-film:before,
.icon-film:before {
    content: "\e960";
}

.de-icon-video-camera:before,
.icon-video-camera:before {
    content: "\e963";
}

.de-icon-video-camera-slash:before,
.icon-video-camera-slash:before {
    content: "\e964";
}

.de-icon-video-camera-play:before,
.icon-video-camera-play:before {
    content: "\e965";
}

.de-icon-recording:before,
.icon-recording:before {
    content: "\e969";
}

.de-icon-spades:before,
.icon-spades:before {
    content: "\e96f";
}

.de-icon-clubs:before,
.icon-clubs:before {
    content: "\e970";
}

.de-icon-diamonds:before,
.icon-diamonds:before {
    content: "\e971";
}

.de-icon-chess-king:before,
.icon-chess-king:before {
    content: "\e972";
}

.de-icon-chess-queen:before,
.icon-chess-queen:before {
    content: "\e973";
}

.de-icon-chess-rock:before,
.icon-chess-rock:before {
    content: "\e974";
}

.de-icon-chess-bishop:before,
.icon-chess-bishop:before {
    content: "\e975";
}

.de-icon-chess-knight:before,
.icon-chess-knight:before {
    content: "\e976";
}

.de-icon-chess-pawn:before,
.icon-chess-pawn:before {
    content: "\e977";
}

.de-icon-chess:before,
.icon-chess:before {
    content: "\e978";
}

.de-icon-megaphone:before,
.icon-megaphone:before {
    content: "\e97a";
}

.de-icon-new:before,
.icon-new:before {
    content: "\e97b";
}

.de-icon-connection:before,
.icon-connection:before {
    content: "\e97c";
}

.de-icon-connection2:before,
.icon-connection2:before {
    content: "\e97d";
}

.de-icon-connection3:before,
.icon-connection3:before {
    content: "\e97e";
}

.de-icon-connection4:before,
.icon-connection4:before {
    content: "\e97f";
}

.de-icon-satellite-dish:before,
.icon-satellite-dish:before {
    content: "\e985";
}

.de-icon-mic:before,
.icon-mic:before {
    content: "\e98b";
}

.de-icon-mic-off:before,
.icon-mic-off:before {
    content: "\e98c";
}

.de-icon-book-open:before,
.icon-book-open:before {
    content: "\e991";
}

.de-icon-book:before,
.icon-book:before {
    content: "\e993";
}

.de-icon-bookmark-book:before,
.icon-bookmark-book:before {
    content: "\e994";
}

.de-icon-books:before,
.icon-books:before {
    content: "\e995";
}

.de-icon-archive:before,
.icon-archive:before {
    content: "\e996";
}

.de-icon-reading:before,
.icon-reading:before {
    content: "\e997";
}

.de-icon-library:before,
.icon-library:before {
    content: "\e999";
}

.de-icon-text:before,
.icon-text:before {
    content: "\e99b";
}

.de-icon-profile:before,
.icon-profile:before {
    content: "\e99c";
}

.de-icon-file-empty:before,
.icon-file-empty:before {
    content: "\e99e";
}

.de-icon-files-empty:before,
.icon-files-empty:before {
    content: "\e9a0";
}

.de-icon-file-plus:before,
.icon-file-plus:before {
    content: "\e9a2";
}

.de-icon-file-minus:before,
.icon-file-minus:before {
    content: "\e9a4";
}

.de-icon-file-download:before,
.icon-file-download:before {
    content: "\e9a6";
}

.de-icon-file-upload:before,
.icon-file-upload:before {
    content: "\e9a8";
}

.de-icon-file-check:before,
.icon-file-check:before {
    content: "\e9aa";
}

.de-icon-file-eye:before,
.icon-file-eye:before {
    content: "\e9ac";
}

.de-icon-file-text:before,
.icon-file-text:before {
    content: "\e9ae";
}

.de-icon-file-picture:before,
.icon-file-picture:before {
    content: "\e9b0";
}

.de-icon-file-music:before,
.icon-file-music:before {
    content: "\e9b2";
}

.de-icon-file-play:before,
.icon-file-play:before {
    content: "\e9b4";
}

.de-icon-file-video:before,
.icon-file-video:before {
    content: "\e9b6";
}

.de-icon-file-zip:before,
.icon-file-zip:before {
    content: "\e9ba";
}

.de-icon-file-xml:before,
.icon-file-xml:before {
    content: "\e9bc";
}

.de-icon-file-css:before,
.icon-file-css:before {
    content: "\e9be";
}

.de-icon-file-presentation:before,
.icon-file-presentation:before {
    content: "\e9c0";
}

.de-icon-file-stats:before,
.icon-file-stats:before {
    content: "\e9c2";
}

.de-icon-file-locked:before,
.icon-file-locked:before {
    content: "\e9c4";
}

.de-icon-file-spreadsheet:before,
.icon-file-spreadsheet:before {
    content: "\e9c6";
}

.de-icon-copy:before,
.icon-copy:before {
    content: "\e9c7";
}

.de-icon-stack:before,
.icon-stack:before {
    content: "\e9cf";
}

.de-icon-folder:before,
.icon-folder:before {
    content: "\e9d0";
}

.de-icon-folder-search:before,
.icon-folder-search:before {
    content: "\e9d1";
}

.de-icon-folder-download:before,
.icon-folder-download:before {
    content: "\e9d2";
}

.de-icon-folder-upload:before,
.icon-folder-upload:before {
    content: "\e9d3";
}

.de-icon-folder-plus:before,
.icon-folder-plus:before {
    content: "\e9d4";
}

.de-icon-folder-minus:before,
.icon-folder-minus:before {
    content: "\e9d6";
}

.de-icon-folder-check:before,
.icon-folder-check:before {
    content: "\e9d8";
}

.de-icon-folder-heart:before,
.icon-folder-heart:before {
    content: "\e9d9";
}

.de-icon-folder-remove:before,
.icon-folder-remove:before {
    content: "\e9da";
}

.de-icon-certificate:before,
.icon-certificate:before {
    content: "\e9eb";
}

.de-icon-cc:before,
.icon-cc:before {
    content: "\e9ec";
}

.de-icon-price-tag:before,
.icon-price-tag:before {
    content: "\e9ed";
}

.de-icon-price-tag2:before,
.icon-price-tag2:before {
    content: "\e9ee";
}

.de-icon-price-tags:before,
.icon-price-tags:before {
    content: "\e9ef";
}

.de-icon-qrcode:before,
.icon-qrcode:before {
    content: "\e9f8";
}

.de-icon-ticket:before,
.icon-ticket:before {
    content: "\e9f9";
}

.de-icon-theater:before,
.icon-theater:before {
    content: "\e9fb";
}

.de-icon-store:before,
.icon-store:before {
    content: "\e9fc";
}

.de-icon-cart:before,
.icon-cart:before {
    content: "\ea01";
}

.de-icon-cart-full:before,
.icon-cart-full:before {
    content: "\ea02";
}

.de-icon-cart-add:before,
.icon-cart-add:before {
    content: "\ea03";
}

.de-icon-cart-add2:before,
.icon-cart-add2:before {
    content: "\ea04";
}

.de-icon-cart-remove:before,
.icon-cart-remove:before {
    content: "\ea05";
}

.de-icon-coin-dollar:before,
.icon-coin-dollar:before {
    content: "\ea0b";
}

.de-icon-coin-euro:before,
.icon-coin-euro:before {
    content: "\ea0c";
}

.de-icon-coin-pound:before,
.icon-coin-pound:before {
    content: "\ea0d";
}

.de-icon-coin-yen:before,
.icon-coin-yen:before {
    content: "\ea0e";
}

.de-icon-credit-card:before,
.icon-credit-card:before {
    content: "\ea16";
}

.de-icon-calculator:before,
.icon-calculator:before {
    content: "\ea19";
}

.de-icon-phone:before,
.icon-phone:before {
    content: "\ea1d";
}

.de-icon-phone-disconnect:before,
.icon-phone-disconnect:before {
    content: "\ea1e";
}

.de-icon-phone-wave:before,
.icon-phone-wave:before {
    content: "\ea1f";
}

.de-icon-phone-plus:before,
.icon-phone-plus:before {
    content: "\ea20";
}

.de-icon-phone-minus:before,
.icon-phone-minus:before {
    content: "\ea21";
}

.de-icon-address-book:before,
.icon-address-book:before {
    content: "\ea2b";
}

.de-icon-at-sign:before,
.icon-at-sign:before {
    content: "\ea2f";
}

.de-icon-envelope:before,
.icon-envelope:before {
    content: "\ea30";
}

.de-icon-compass-hollow:before,
.icon-compass-hollow:before {
    content: "\ea3f";
}

.de-icon-compass-half:before,
.icon-compass-half:before {
    content: "\ea40";
}

.de-icon-compass-full:before,
.icon-compass-full:before {
    content: "\ea41";
}

.de-icon-compass-rose:before,
.icon-compass-rose:before {
    content: "\ea44";
}

.de-icon-map:before,
.icon-map:before {
    content: "\ea47";
}

.de-icon-clock:before,
.icon-clock:before {
    content: "\ea4d";
}

.de-icon-clock2:before,
.icon-clock2:before {
    content: "\ea4f";
}

.de-icon-bell-alarm:before,
.icon-bell-alarm:before {
    content: "\ea59";
}

.de-icon-bell-plus:before,
.icon-bell-plus:before {
    content: "\ea5a";
}

.de-icon-bell-minus:before,
.icon-bell-minus:before {
    content: "\ea5b";
}

.de-icon-bell-check:before,
.icon-bell-check:before {
    content: "\ea5c";
}

.de-icon-bell-cross:before,
.icon-bell-cross:before {
    content: "\ea5d";
}

.de-icon-stopwatch:before,
.icon-stopwatch:before {
    content: "\ea5e";
}

.de-icon-calendar:before,
.icon-calendar:before {
    content: "\ea5f";
}

.de-icon-printer:before,
.icon-printer:before {
    content: "\ea66";
}

.de-icon-keyboard:before,
.icon-keyboard:before {
    content: "\ea6d";
}

.de-icon-tv:before,
.icon-tv:before {
    content: "\ea79";
}

.de-icon-radio:before,
.icon-radio:before {
    content: "\ea7a";
}

.de-icon-download:before,
.icon-download:before {
    content: "\ea84";
}

.de-icon-upload:before,
.icon-upload:before {
    content: "\ea85";
}

.de-icon-database:before,
.icon-database:before {
    content: "\ea93";
}

.de-icon-database-menu:before,
.icon-database-menu:before {
    content: "\ea94";
}

.de-icon-database-add:before,
.icon-database-add:before {
    content: "\ea95";
}

.de-icon-database-remove:before,
.icon-database-remove:before {
    content: "\ea96";
}

.de-icon-database-insert:before,
.icon-database-insert:before {
    content: "\ea97";
}

.de-icon-database-export:before,
.icon-database-export:before {
    content: "\ea98";
}

.de-icon-database-upload:before,
.icon-database-upload:before {
    content: "\ea99";
}

.de-icon-database-refresh:before,
.icon-database-refresh:before {
    content: "\ea9a";
}

.de-icon-database-diff:before,
.icon-database-diff:before {
    content: "\ea9b";
}

.de-icon-database-edit:before,
.icon-database-edit:before {
    content: "\ea9c";
}

.de-icon-database-edit2:before,
.icon-database-edit2:before {
    content: "\ea9d";
}

.de-icon-database-check:before,
.icon-database-check:before {
    content: "\ea9e";
}

.de-icon-database-arrow:before,
.icon-database-arrow:before {
    content: "\ea9f";
}

.de-icon-database-time:before,
.icon-database-time:before {
    content: "\eaa0";
}

.de-icon-angle:before,
.icon-angle:before {
    content: "\eab0";
}

.de-icon-shear:before,
.icon-shear:before {
    content: "\eab1";
}

.de-icon-align-left:before,
.icon-align-left:before {
    content: "\eab6";
}

.de-icon-align-center-horizontal:before,
.icon-align-center-horizontal:before {
    content: "\eab7";
}

.de-icon-align-right:before,
.icon-align-right:before {
    content: "\eab8";
}

.de-icon-align-top:before,
.icon-align-top:before {
    content: "\eab9";
}

.de-icon-align-center-vertical:before,
.icon-align-center-vertical:before {
    content: "\eaba";
}

.de-icon-align-bottom:before,
.icon-align-bottom:before {
    content: "\eabb";
}

.de-icon-bubble:before,
.icon-bubble:before {
    content: "\ead5";
}

.de-icon-bubble-dots:before,
.icon-bubble-dots:before {
    content: "\ead6";
}

.de-icon-bubble-lines:before,
.icon-bubble-lines:before {
    content: "\ead7";
}

.de-icon-bubbles:before,
.icon-bubbles:before {
    content: "\eadc";
}

.de-icon-bubble-blocked:before,
.icon-bubble-blocked:before {
    content: "\eadd";
}

.de-icon-bubble-quote:before,
.icon-bubble-quote:before {
    content: "\eade";
}

.de-icon-bubble-user:before,
.icon-bubble-user:before {
    content: "\eadf";
}

.de-icon-bubble-smiley:before,
.icon-bubble-smiley:before {
    content: "\eae0";
}

.de-icon-bubble-check:before,
.icon-bubble-check:before {
    content: "\eae1";
}

.de-icon-bubble-video:before,
.icon-bubble-video:before {
    content: "\eae2";
}

.de-icon-bubble-link:before,
.icon-bubble-link:before {
    content: "\eae3";
}

.de-icon-bubble-lock:before,
.icon-bubble-lock:before {
    content: "\eae4";
}

.de-icon-bubble-star:before,
.icon-bubble-star:before {
    content: "\eae5";
}

.de-icon-bubble-heart:before,
.icon-bubble-heart:before {
    content: "\eae6";
}

.de-icon-bubble-paperclip:before,
.icon-bubble-paperclip:before {
    content: "\eae7";
}

.de-icon-bubble-cancel:before,
.icon-bubble-cancel:before {
    content: "\eae8";
}

.de-icon-bubble-plus:before,
.icon-bubble-plus:before {
    content: "\eae9";
}

.de-icon-bubble-minus:before,
.icon-bubble-minus:before {
    content: "\eaea";
}

.de-icon-bubble-notification2:before,
.icon-bubble-notification2:before {
    content: "\eaeb";
}

.de-icon-collaboration:before,
.icon-collaboration:before {
    content: "\eb0d";
}

.de-icon-vcard:before,
.icon-vcard:before {
    content: "\eb0e";
}

.de-icon-hour-glass:before,
.icon-hour-glass:before {
    content: "\eb1c";
}

.de-icon-spinner-dots:before,
.icon-spinner-dots:before {
    content: "\eb24";
}

.de-icon-spinner-yin-yang:before,
.icon-spinner-yin-yang:before {
    content: "\eb27";
}

.de-icon-microscope:before,
.icon-microscope:before {
    content: "\eb2a";
}

.de-icon-binoculars:before,
.icon-binoculars:before {
    content: "\eb2c";
}

.de-icon-search:before,
.icon-search:before {
    content: "\eb2d";
}

.de-icon-zoom-in:before,
.icon-zoom-in:before {
    content: "\eb2e";
}

.de-icon-zoom-out:before,
.icon-zoom-out:before {
    content: "\eb2f";
}

.de-icon-enlarge:before,
.icon-enlarge:before {
    content: "\eb3b";
}

.de-icon-shrink:before,
.icon-shrink:before {
    content: "\eb3c";
}

.de-icon-key:before,
.icon-key:before {
    content: "\eb4b";
}

.de-icon-wrench:before,
.icon-wrench:before {
    content: "\eb55";
}

.de-icon-equalizer-horz:before,
.icon-equalizer-horz:before {
    content: "\eb58";
}

.de-icon-equalizer-vert:before,
.icon-equalizer-vert:before {
    content: "\eb59";
}

.de-icon-cog:before,
.icon-cog:before {
    content: "\eb5c";
}

.de-icon-factory:before,
.icon-factory:before {
    content: "\eb64";
}

.de-icon-knife:before,
.icon-knife:before {
    content: "\eb67";
}

.de-icon-screwdriver:before,
.icon-screwdriver:before {
    content: "\eb68";
}

.de-icon-magic-wand:before,
.icon-magic-wand:before {
    content: "\eb6a";
}

.de-icon-pulse:before,
.icon-pulse:before {
    content: "\eb6c";
}

.de-icon-EKG-line:before,
.icon-EKG-line:before {
    content: "\eb6d";
}

.de-icon-aid-kit:before,
.icon-aid-kit:before {
    content: "\eb6e";
}

.de-icon-pandage:before,
.icon-pandage:before {
    content: "\eb73";
}

.de-icon-bug:before,
.icon-bug:before {
    content: "\eb75";
}

.de-icon-syringe:before,
.icon-syringe:before {
    content: "\eb78";
}

.de-icon-pill:before,
.icon-pill:before {
    content: "\eb79";
}

.de-icon-stats-dots:before,
.icon-stats-dots:before {
    content: "\eb84";
}

.de-icon-stats-bars:before,
.icon-stats-bars:before {
    content: "\eb8b";
}

.de-icon-stats-growth:before,
.icon-stats-growth:before {
    content: "\eb8d";
}

.de-icon-stats-decline:before,
.icon-stats-decline:before {
    content: "\eb8e";
}

.de-icon-trend-growth:before,
.icon-trend-growth:before {
    content: "\eb8f";
}

.de-icon-trend-decline:before,
.icon-trend-decline:before {
    content: "\eb90";
}

.de-icon-podium:before,
.icon-podium:before {
    content: "\eb9a";
}

.de-icon-stars:before,
.icon-stars:before {
    content: "\eb9b";
}

.de-icon-medal2:before,
.icon-medal2:before {
    content: "\eb9e";
}

.de-icon-crown:before,
.icon-crown:before {
    content: "\eba2";
}

.de-icon-trophy:before,
.icon-trophy:before {
    content: "\eba5";
}

.de-icon-diamond:before,
.icon-diamond:before {
    content: "\eba6";
}

.de-icon-gift:before,
.icon-gift:before {
    content: "\ebaa";
}

.de-icon-leaf:before,
.icon-leaf:before {
    content: "\ebca";
}

.de-icon-mountains:before,
.icon-mountains:before {
    content: "\ebd4";
}

.de-icon-paw:before,
.icon-paw:before {
    content: "\ebd5";
}

.de-icon-footprint:before,
.icon-footprint:before {
    content: "\ebd6";
}

.de-icon-balance:before,
.icon-balance:before {
    content: "\ebe2";
}

.de-icon-fire:before,
.icon-fire:before {
    content: "\ebe5";
}

.de-icon-lab:before,
.icon-lab:before {
    content: "\ebe7";
}

.de-icon-atom:before,
.icon-atom:before {
    content: "\ebe9";
}

.de-icon-lamp:before,
.icon-lamp:before {
    content: "\ebf3";
}

.de-icon-bin:before,
.icon-bin:before {
    content: "\ebfa";
}

.de-icon-briefcase:before,
.icon-briefcase:before {
    content: "\ec00";
}

.de-icon-airplane:before,
.icon-airplane:before {
    content: "\ec02";
}

.de-icon-gas:before,
.icon-gas:before {
    content: "\ec0a";
}

.de-icon-truck:before,
.icon-truck:before {
    content: "\ec0c";
}

.de-icon-cube:before,
.icon-cube:before {
    content: "\ec15";
}

.de-icon-cube2:before,
.icon-cube2:before {
    content: "\ec16";
}

.de-icon-cube3:before,
.icon-cube3:before {
    content: "\ec17";
}

.de-icon-cube4:before,
.icon-cube4:before {
    content: "\ec18";
}

.de-icon-puzzle:before,
.icon-puzzle:before {
    content: "\ec1c";
}

.de-icon-puzzle2:before,
.icon-puzzle2:before {
    content: "\ec1e";
}

.de-icon-brain:before,
.icon-brain:before {
    content: "\ec24";
}

.de-icon-accessibility2:before,
.icon-accessibility2:before {
    content: "\ec25";
}

.de-icon-accessibility:before,
.icon-accessibility:before {
    content: "\ec26";
}

.de-icon-target:before,
.icon-target:before {
    content: "\ec28";
}

.de-icon-shield:before,
.icon-shield:before {
    content: "\ec2e";
}

.de-icon-shield-check:before,
.icon-shield-check:before {
    content: "\ec2f";
}

.de-icon-shield-notice:before,
.icon-shield-notice:before {
    content: "\ec30";
}

.de-icon-soccer:before,
.icon-soccer:before {
    content: "\ec34";
}

.de-icon-football:before,
.icon-football:before {
    content: "\ec35";
}

.de-icon-baseball:before,
.icon-baseball:before {
    content: "\ec3b";
}

.de-icon-basketball:before,
.icon-basketball:before {
    content: "\ec3c";
}

.de-icon-golf:before,
.icon-golf:before {
    content: "\ec3d";
}

.de-icon-hockey:before,
.icon-hockey:before {
    content: "\ec3f";
}

.de-icon-finish:before,
.icon-finish:before {
    content: "\ec41";
}

.de-icon-eight-ball:before,
.icon-eight-ball:before {
    content: "\ec42";
}

.de-icon-bowling:before,
.icon-bowling:before {
    content: "\ec43";
}

.de-icon-power:before,
.icon-power:before {
    content: "\ec45";
}

.de-icon-power-switch:before,
.icon-power-switch:before {
    content: "\ec48";
}

.de-icon-power-cord:before,
.icon-power-cord:before {
    content: "\ec4a";
}

.de-icon-clipboard-empty:before,
.icon-clipboard-empty:before {
    content: "\ec50";
}

.de-icon-clipboard-full:before,
.icon-clipboard-full:before {
    content: "\ec52";
}

.de-icon-list:before,
.icon-list:before {
    content: "\ec56";
}

.de-icon-grid:before,
.icon-grid:before {
    content: "\ec5a";
}

.de-icon-menu:before,
.icon-menu:before {
    content: "\ec6e";
}

.de-icon-cloud:before,
.icon-cloud:before {
    content: "\ec76";
}

.de-icon-cloud-download:before,
.icon-cloud-download:before {
    content: "\ec77";
}

.de-icon-cloud-upload:before,
.icon-cloud-upload:before {
    content: "\ec78";
}

.de-icon-cloud-check:before,
.icon-cloud-check:before {
    content: "\ec79";
}

.de-icon-earth:before,
.icon-earth:before {
    content: "\ec93";
}

.de-icon-link:before,
.icon-link:before {
    content: "\ec9c";
}

.de-icon-unlink:before,
.icon-unlink:before {
    content: "\ec9d";
}

.de-icon-anchor:before,
.icon-anchor:before {
    content: "\eca0";
}

.de-icon-flag:before,
.icon-flag:before {
    content: "\eca1";
}

.de-icon-flag2:before,
.icon-flag2:before {
    content: "\eca2";
}

.de-icon-starburst:before,
.icon-starburst:before {
    content: "\ecb9";
}

.de-icon-snowflake:before,
.icon-snowflake:before {
    content: "\ecba";
}

.de-icon-temperature:before,
.icon-temperature:before {
    content: "\ecbb";
}

.de-icon-moon:before,
.icon-moon:before {
    content: "\eccd";
}

.de-icon-umbrella:before,
.icon-umbrella:before {
    content: "\ecd2";
}

.de-icon-star-empty:before,
.icon-star-empty:before {
    content: "\ecdd";
}

.de-icon-star-half:before,
.icon-star-half:before {
    content: "\ecde";
}

.de-icon-star-full:before,
.icon-star-full:before {
    content: "\ecdf";
}

.de-icon-heart:before,
.icon-heart:before {
    content: "\ece6";
}

.de-icon-heart-empty:before,
.icon-heart-empty:before {
    content: "\ece7";
}

.de-icon-heart-broken:before,
.icon-heart-broken:before {
    content: "\ece8";
}

.de-icon-thumbs-up:before,
.icon-thumbs-up:before {
    content: "\ecf2";
}

.de-icon-thumbs-down:before,
.icon-thumbs-down:before {
    content: "\ecf4";
}

.de-icon-height:before,
.icon-height:before {
    content: "\ecf7";
}

.de-icon-man:before,
.icon-man:before {
    content: "\ecf8";
}

.de-icon-woman:before,
.icon-woman:before {
    content: "\ecf9";
}

.de-icon-man-woman:before,
.icon-man-woman:before {
    content: "\ecfa";
}

.de-icon-male:before,
.icon-male:before {
    content: "\ecfb";
}

.de-icon-female:before,
.icon-female:before {
    content: "\ecfc";
}

.de-icon-peace:before,
.icon-peace:before {
    content: "\ecfd";
}

.de-icon-stack-empty:before,
.icon-stack-empty:before {
    content: "\ed38";
}

.de-icon-stack-plus:before,
.icon-stack-plus:before {
    content: "\ed39";
}

.de-icon-stack-minus:before,
.icon-stack-minus:before {
    content: "\ed3a";
}

.de-icon-stack-star:before,
.icon-stack-star:before {
    content: "\ed3b";
}

.de-icon-stack-picture:before,
.icon-stack-picture:before {
    content: "\ed3c";
}

.de-icon-stack-down:before,
.icon-stack-down:before {
    content: "\ed3d";
}

.de-icon-stack-up:before,
.icon-stack-up:before {
    content: "\ed3e";
}

.de-icon-stack-cancel:before,
.icon-stack-cancel:before {
    content: "\ed3f";
}

.de-icon-stack-check:before,
.icon-stack-check:before {
    content: "\ed40";
}

.de-icon-stack-text:before,
.icon-stack-text:before {
    content: "\ed41";
}

.de-icon-stack-music:before,
.icon-stack-music:before {
    content: "\ed48";
}

.de-icon-stack-play:before,
.icon-stack-play:before {
    content: "\ed49";
}

.de-icon-notification:before,
.icon-notification:before {
    content: "\ed4f";
}

.de-icon-question:before,
.icon-question:before {
    content: "\ed53";
}

.de-icon-plus:before,
.icon-plus:before {
    content: "\ed58";
}

.de-icon-plus-circle:before,
.icon-plus-circle:before {
    content: "\ed5e";
}

.de-icon-minus-circle:before,
.icon-minus-circle:before {
    content: "\ed5f";
}

.de-icon-info:before,
.icon-info:before {
    content: "\ed61";
}

.de-icon-cancel-circle:before,
.icon-cancel-circle:before {
    content: "\ed63";
}

.de-icon-cross:before,
.icon-cross:before {
    content: "\ed6a";
}

.de-icon-check-squared:before,
.icon-check-squared:before {
    content: "\ed6e";
}

.de-icon-wall:before,
.icon-wall:before {
    content: "\ed79";
}

.de-icon-volume-high:before,
.icon-volume-high:before {
    content: "\ed8c";
}

.de-icon-volume-medium:before,
.icon-volume-medium:before {
    content: "\ed8d";
}

.de-icon-volume-low:before,
.icon-volume-low:before {
    content: "\ed8e";
}

.de-icon-volume-mute2:before,
.icon-volume-mute2:before {
    content: "\ed92";
}

.de-icon-volume-increase:before,
.icon-volume-increase:before {
    content: "\ed93";
}

.de-icon-volume-decrease:before,
.icon-volume-decrease:before {
    content: "\ed94";
}

.de-icon-circle-up-left:before,
.icon-circle-up-left:before {
    content: "\edf0";
}

.de-icon-circle-up:before,
.icon-circle-up:before {
    content: "\edf1";
}

.de-icon-circle-up-right:before,
.icon-circle-up-right:before {
    content: "\edf2";
}

.de-icon-circle-right:before,
.icon-circle-right:before {
    content: "\edf3";
}

.de-icon-circle-down-right:before,
.icon-circle-down-right:before {
    content: "\edf4";
}

.de-icon-circle-down:before,
.icon-circle-down:before {
    content: "\edf5";
}

.de-icon-circle-down-left:before,
.icon-circle-down-left:before {
    content: "\edf6";
}

.de-icon-circle-left:before,
.icon-circle-left:before {
    content: "\edf7";
}

.de-icon-battery-6:before,
.icon-battery-6:before {
    content: "\ee51";
}

.de-icon-battery-5:before,
.icon-battery-5:before {
    content: "\ee52";
}

.de-icon-battery-4:before,
.icon-battery-4:before {
    content: "\ee53";
}

.de-icon-battery-3:before,
.icon-battery-3:before {
    content: "\ee54";
}

.de-icon-battery-2:before,
.icon-battery-2:before {
    content: "\ee55";
}

.de-icon-battery-1:before,
.icon-battery-1:before {
    content: "\ee56";
}

.de-icon-battery-0:before,
.icon-battery-0:before {
    content: "\ee57";
}

.de-icon-battery-charging:before,
.icon-battery-charging:before {
    content: "\ee58";
}

.de-icon-vector:before,
.icon-vector:before {
    content: "\ee7c";
}

.de-icon-bezier:before,
.icon-bezier:before {
    content: "\ee7d";
}

.de-icon-rulers:before,
.icon-rulers:before {
    content: "\ee7e";
}

.de-icon-ruler:before,
.icon-ruler:before {
    content: "\ee7f";
}

.de-icon-pencil-ruler:before,
.icon-pencil-ruler:before {
    content: "\ee80";
}

.de-icon-funnel:before,
.icon-funnel:before {
    content: "\ee86";
}

.de-icon-omega:before,
.icon-omega:before {
    content: "\ee9e";
}

.de-icon-sigma:before,
.icon-sigma:before {
    content: "\ee9f";
}

.de-icon-superscript:before,
.icon-superscript:before {
    content: "\eea5";
}

.de-icon-subscript:before,
.icon-subscript:before {
    content: "\eea6";
}

.de-icon-highlight:before,
.icon-highlight:before {
    content: "\eea8";
}

.de-icon-paragrah:before,
.icon-paragrah:before {
    content: "\eeae";
}

.de-icon-embed-open:before,
.icon-embed-open:before {
    content: "\eec9";
}

.de-icon-embed-close:before,
.icon-embed-close:before {
    content: "\eeca";
}

.de-icon-circle-css:before,
.icon-circle-css:before {
    content: "\eecf";
}

.de-icon-circle-code:before,
.icon-circle-code:before {
    content: "\eed0";
}

.de-icon-google-plus:before,
.icon-google-plus:before {
    content: "\eee6";
}

.de-icon-facebook:before,
.icon-facebook:before {
    content: "\eeea";
}

.de-icon-twitter:before,
.icon-twitter:before {
    content: "\eeef";
}

.de-icon-feed:before,
.icon-feed:before {
    content: "\eef2";
}

.de-icon-vimeo:before,
.icon-vimeo:before {
    content: "\eefa";
}

.de-icon-picassa:before,
.icon-picassa:before {
    content: "\ef00";
}

.de-icon-dribbble:before,
.icon-dribbble:before {
    content: "\ef04";
}

.de-icon-github:before,
.icon-github:before {
    content: "\ef0d";
}

.de-icon-html5:before,
.icon-html5:before {
    content: "\ef3b";
}

.de-icon-strikethrough:before,
.icon-strikethrough:before {
    content: "\e63a";
}

.lo-btn,
.lo-label {
    display: inline-block;
    *display: inline-block;
    zoom: 1;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .75em 1.25em;
    border: 1px solid transparent;
    border-radius: 1.25em;
    transition: background .5s ease;
    line-height: 1;
    min-width: 2em;
    font-size: .925em;
    text-decoration: none;
}

.lo-btn:focus,
.lo-btn:hover,
.lo-label:focus,
.lo-label:hover {
    text-decoration: none;
}

@media screen and (max-width:48em) {
    .lo-btn,
    .lo-label {
        font-size: .925em;
    }
}

@media screen and (max-width:35.5em) {
    .lo-btn,
    .lo-label {
        font-size: .85em;
    }
}

.lo-btn {
    min-height: 30px;
    background: #65ad3d;
    color: #222;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
}

.lo-btn:active,
.lo-btn:focus,
.lo-btn:hover {
    background: #458622;
}

.lo-btn:focus,
.lo-btn:hover {
    box-shadow: none;
}

.lo-btn:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .125) inset;
}

.lo-btn.lo-btn-outline {
    background: 0 0;
    border-color: #65ad3d;
    color: #65ad3d;
}

.lo-btn.lo-btn-outline:focus,
.lo-btn.lo-btn-outline:hover {
    background: #fff;
}

.lo-btn.lo-btn-outline:active {
    background: #f1fae3;
}

.lo-btn.lo-btn-secondary {
    background: #00a9e0;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.lo-btn.lo-btn-secondary:focus,
.lo-btn.lo-btn-secondary:hover {
    background: #126fae;
}

.lo-btn.lo-btn-secondary:active {
    background: #1375b7;
}

.lo-btn.lo-btn-secondary.lo-btn-outline {
    background: 0 0;
    border-color: #00a9e0;
    color: #00a9e0;
}

.lo-btn.lo-btn-secondary.lo-btn-outline:focus,
.lo-btn.lo-btn-secondary.lo-btn-outline:hover {
    background: #b3dcf7;
}

.lo-btn.lo-btn-secondary.lo-btn-outline:active {
    background: #97cff4;
}

.lo-btn.lo-btn-tertiary {
    background: #e0004d;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.lo-btn.lo-btn-tertiary:focus,
.lo-btn.lo-btn-tertiary:hover {
    background: #d52186;
}

.lo-btn.lo-btn-tertiary:active {
    background: #dc248b;
}

.lo-btn.lo-btn-tertiary.lo-btn-outline {
    background: 0 0;
    border-color: #e0004d;
    color: #e0004d;
}

.lo-btn.lo-btn-tertiary.lo-btn-outline:focus,
.lo-btn.lo-btn-tertiary.lo-btn-outline:hover {
    background: #fbe6f2;
}

.lo-btn.lo-btn-tertiary.lo-btn-outline:active {
    background: #f7cbe4;
}

.lo-btn.lo-btn-quaternary {
    background: #fc4c02;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.lo-btn.lo-btn-quaternary:focus,
.lo-btn.lo-btn-quaternary:hover {
    background: #c53c00;
}

.lo-btn.lo-btn-quaternary:active {
    background: #cf3f00;
}

.lo-btn.lo-btn-quaternary.lo-btn-outline {
    background: 0 0;
    border-color: #fc4c02;
    color: #fc4c02;
}

.lo-btn.lo-btn-quaternary.lo-btn-outline:focus,
.lo-btn.lo-btn-quaternary.lo-btn-outline:hover {
    background: #ffc8b1;
}

.lo-btn.lo-btn-quaternary.lo-btn-outline:active {
    background: #ffb392;
}

.lo-btn.lo-btn-text-light {
    background: #777;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.lo-btn.lo-btn-text-light:focus,
.lo-btn.lo-btn-text-light:hover {
    background: #5e5e5e;
}

.lo-btn.lo-btn-text-light:active {
    background: #636363;
}

.lo-btn.lo-btn-text-light.lo-btn-outline {
    background: 0 0;
    border-color: #777;
    color: #777;
}

.lo-btn.lo-btn-text-light.lo-btn-outline:focus,
.lo-btn.lo-btn-text-light.lo-btn-outline:hover {
    background: #d3d3d3;
}

.lo-btn.lo-btn-text-light.lo-btn-outline:active {
    background: #c3c3c3;
}

.lo-btn.lo-btn-accent {
    background: #ffc72c;
    color: #222;
    text-shadow: none;
}

.lo-btn.lo-btn-accent:focus,
.lo-btn.lo-btn-accent:hover {
    background: #ffd845;
}

.lo-btn.lo-btn-accent:active {
    background: #ffd32c;
}

.lo-btn.lo-btn-accent.lo-btn-outline {
    background: 0 0;
    border-color: #ffc72c;
    color: #ffc72c;
}

.lo-btn.lo-btn-accent.lo-btn-outline:focus,
.lo-btn.lo-btn-accent.lo-btn-outline:hover {
    background: #fff;
}

.lo-btn.lo-btn-accent.lo-btn-outline:active {
    background: #fffbee;
}

.lo-btn.lo-btn-success {
    background: #7ab15b;
    color: #222;
    text-shadow: none;
}

.lo-btn.lo-btn-success:focus,
.lo-btn.lo-btn-success:hover {
    background: #a4c98f;
}

.lo-btn.lo-btn-success:active {
    background: #96c17d;
}

.lo-btn.lo-btn-success.lo-btn-outline {
    background: 0 0;
    border-color: #7ab15b;
    color: #7ab15b;
}

.lo-btn.lo-btn-success.lo-btn-outline:focus,
.lo-btn.lo-btn-success.lo-btn-outline:hover {
    background: #f8fbf6;
}

.lo-btn.lo-btn-success.lo-btn-outline:active {
    background: #dcead4;
}

.lo-btn.lo-btn-warning {
    background: #de8c16;
    color: #222;
    text-shadow: none;
}

.lo-btn.lo-btn-warning:focus,
.lo-btn.lo-btn-warning:hover {
    background: #eeae53;
}

.lo-btn.lo-btn-warning:active {
    background: #eca33b;
}

.lo-btn.lo-btn-warning.lo-btn-outline {
    background: 0 0;
    border-color: #de8c16;
    color: #de8c16;
}

.lo-btn.lo-btn-warning.lo-btn-outline:focus,
.lo-btn.lo-btn-warning.lo-btn-outline:hover {
    background: #fcefde;
}

.lo-btn.lo-btn-warning.lo-btn-outline:active {
    background: #f7daaf;
}

.lo-btn.lo-btn-alert {
    background: #b23735;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.lo-btn.lo-btn-alert:focus,
.lo-btn.lo-btn-alert:hover {
    background: #d16563;
}

.lo-btn.lo-btn-alert:active {
    background: #cb514f;
}

.lo-btn.lo-btn-alert.lo-btn-outline {
    background: 0 0;
    border-color: #b23735;
    color: #b23735;
}

.lo-btn.lo-btn-alert.lo-btn-outline:focus,
.lo-btn.lo-btn-alert.lo-btn-outline:hover {
    background: #f4d9d9;
}

.lo-btn.lo-btn-alert.lo-btn-outline:active {
    background: #e8b2b2;
}

.lo-btn.lo-btn-danger {
    background: #772523;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.lo-btn.lo-btn-danger:focus,
.lo-btn.lo-btn-danger:hover {
    background: #b23735;
}

.lo-btn.lo-btn-danger:active {
    background: #9e312f;
}

.lo-btn.lo-btn-danger.lo-btn-outline {
    background: 0 0;
    border-color: #772523;
    color: #772523;
}

.lo-btn.lo-btn-danger.lo-btn-outline:focus,
.lo-btn.lo-btn-danger.lo-btn-outline:hover {
    background: #e29f9e;
}

.lo-btn.lo-btn-danger.lo-btn-outline:active {
    background: #d67877;
}

.lo-btn.lo-btn-white {
    background: #fff;
    text-shadow: none;
    color: #65ad3d;
}

.lo-btn.lo-btn-white:focus,
.lo-btn.lo-btn-white:hover {
    background: #e6e6e6;
}

.lo-btn.lo-btn-white:active {
    background: #f2f2f2;
}

.lo-btn.lo-btn-lightest {
    background: #f9f9f9;
    color: #222;
    text-shadow: none;
}

.lo-btn.lo-btn-lightest:focus,
.lo-btn.lo-btn-lightest:hover {
    background: #e0e0e0;
}

.lo-btn.lo-btn-lightest:active {
    background: #ececec;
}

.lo-btn.lo-btn-lighter {
    background: #f0f0f0;
    color: #222;
    text-shadow: none;
}

.lo-btn.lo-btn-lighter:focus,
.lo-btn.lo-btn-lighter:hover {
    background: #d6d6d6;
}

.lo-btn.lo-btn-lighter:active {
    background: #e3e3e3;
}

.lo-btn.lo-btn-light {
    background: #efefef;
    color: #222;
    text-shadow: none;
}

.lo-btn.lo-btn-light:focus,
.lo-btn.lo-btn-light:hover {
    background: #d5d5d5;
}

.lo-btn.lo-btn-light:active {
    background: #e3e3e3;
}

.lo-btn.lo-btn-primary-light {
    background: #9eda41;
    color: #222;
    text-shadow: none;
}

.lo-btn.lo-btn-primary-light:focus,
.lo-btn.lo-btn-primary-light:hover {
    background: #b4e26c;
}

.lo-btn.lo-btn-primary-light:active {
    background: #a9de57;
}

.lo-btn.lo-btn-primary-dark {
    background: #68971e;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.lo-btn.lo-btn-primary-dark:focus,
.lo-btn.lo-btn-primary-dark:hover {
    background: #4b6d15;
}

.lo-btn.lo-btn-primary-dark:active {
    background: #598219;
}

.lo-btn.lo-btn-text {
    background: 0 0;
    color: #65ad3d;
    text-shadow: 0 1px 0 #fff;
}

.lo-btn.lo-btn-text:active,
.lo-btn.lo-btn-text:focus,
.lo-btn.lo-btn-text:hover {
    background: 0 0;
}

.lo-btn.lo-btn-text.lo-btn-text-slim {
    padding: 0;
    height: auto;
    width: auto;
    min-height: 0;
    min-width: 0;
    box-shadow: none;
}

.lo-btn.lo-btn-text.lo-btn-text-slim .icon {
    margin-right: 0;
}

.lo-btn.lo-btn-disabled,
.lo-btn.lo-btn-disabled:active,
.lo-btn.lo-btn-disabled:focus,
.lo-btn.lo-btn-disabled:hover,
.lo-btn[disabled=disabled],
.lo-btn[disabled=disabled]:hover {
    cursor: inherit;
    background: #efefef;
    text-shadow: none;
    color: #bfbfbf;
    box-shadow: none;
}

.lo-btn.lo-btn-disabled:active,
.lo-btn.lo-btn-disabled:active:active,
.lo-btn.lo-btn-disabled:active:focus,
.lo-btn.lo-btn-disabled:active:hover,
.lo-btn.lo-btn-disabled:focus,
.lo-btn.lo-btn-disabled:focus:active,
.lo-btn.lo-btn-disabled:focus:focus,
.lo-btn.lo-btn-disabled:focus:hover,
.lo-btn.lo-btn-disabled:hover,
.lo-btn.lo-btn-disabled:hover:active,
.lo-btn.lo-btn-disabled:hover:focus,
.lo-btn.lo-btn-disabled:hover:hover,
.lo-btn[disabled=disabled]:active,
.lo-btn[disabled=disabled]:focus,
.lo-btn[disabled=disabled]:hover,
.lo-btn[disabled=disabled]:hover:active,
.lo-btn[disabled=disabled]:hover:focus,
.lo-btn[disabled=disabled]:hover:hover {
    background: #efefef;
}

.lo-label {
    cursor: default;
    background: #65ad3d;
    color: #222;
    text-shadow: none;
}

.lo-label.lo-label-outline {
    background: 0 0;
    border-color: #65ad3d;
    color: #65ad3d;
}

.lo-label.lo-label-secondary {
    background: #00a9e0;
    color: #222;
    text-shadow: none;
}

.lo-label.lo-label-secondary.lo-label-outline {
    background: 0 0;
    border-color: #00a9e0;
    color: #00a9e0;
}

.lo-label.lo-label-accent {
    background: #ffc72c;
    color: #222;
    text-shadow: none;
}

.lo-label.lo-label-accent.lo-label-outline {
    background: 0 0;
    border-color: #ffc72c;
    color: #ffc72c;
}

.lo-label.lo-label-success {
    background: #7ab15b;
    color: #222;
    text-shadow: none;
}

.lo-label.lo-label-success.lo-label-outline {
    background: 0 0;
    border-color: #7ab15b;
    color: #7ab15b;
}

.lo-label.lo-label-alert {
    background: #b23735;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.lo-label.lo-label-alert.lo-label-outline {
    background: 0 0;
    border-color: #b23735;
    color: #b23735;
}

.lo-label.lo-label-warning {
    background: #de8c16;
    color: #222;
    text-shadow: none;
}

.lo-label.lo-label-warning.lo-label-outline {
    background: 0 0;
    border-color: #de8c16;
    color: #de8c16;
}

.lo-label.lo-label-white {
    background: #fff;
    text-shadow: none;
    color: #222;
}

.lo-label.lo-label-lightest {
    background: #f9f9f9;
    text-shadow: none;
    color: #222;
}

.lo-label.lo-label-lighter {
    background: #f0f0f0;
    background: #f0f0f0;
    color: #222;
    text-shadow: none;
}

.lo-label.lo-label-primary-light {
    background: #9eda41;
    color: #222;
    text-shadow: none;
}

.lo-label.lo-label-primary-dark {
    background: #68971e;
    color: #222;
    text-shadow: none;
}

.lo-label.lo-label-black {
    background: #333;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.lo-label.lo-label-black.lo-label-outline {
    background: 0 0;
    border-color: #333;
    color: #333;
}

.lo-label.lo-label-disabled,
.lo-label.lo-label-disabled:active,
.lo-label.lo-label-disabled:focus,
.lo-label.lo-label-disabled:hover {
    cursor: inherit;
    background: #efefef;
    text-shadow: none;
    color: #cfcfcf;
}

.lo-btn-small,
.lo-label-small {
    padding: .5rem;
    min-height: 2rem;
    min-width: 2rem;
    font-size: .9rem;
    border-radius: 1em;
}

.lo-btn-round {
    background: #ffc72c;
    border-radius: 50%;
    display: inline-block;
    height: 1em;
    width: 1em;
    color: #fff;
    position: relative;
    font-size: .67em;
}

.lo-btn-round-toggle {
    z-index: 0;
}

.lo-btn-round-toggle:after,
.lo-btn-round-toggle:before {
    content: " ";
    background: #fff;
    position: absolute;
    z-index: 5;
}

.lo-btn-round-toggle:before {
    width: 50%;
    height: 3px;
    margin: 47% 0 0 24%;
}

.lo-btn-round-toggle:after {
    width: 3px;
    height: 50%;
    margin: 27% 0 0 43%;
    opacity: 1;
    transition: opacity .3759398496s ease;
}

.lo-btn-round-toggle.expanded:after {
    opacity: 0;
    transition: opacity .3759398496s ease;
}

.lo-btn.lo-btn-icon-only {
    background: 0 0;
    padding: 0;
    min-width: 2.5em;
    position: relative;
    transition: color ease .5s;
}

.lo-btn.lo-btn-icon-only:focus,
.lo-btn.lo-btn-icon-only:hover {
    background: 0 0;
    color: #ffc72c;
}

.lo-btn.lo-btn-icon-only .icon {
    font-size: 1.5em;
    padding: 0;
    line-height: .67;
    position: relative;
    top: .25em;
}

.lo-btn.lo-btn-icon-circle {
    border-radius: 50%;
}

.lo-btn.lo-btn-icon-rounded {
    border-radius: 25%;
}

.lo-btn.lo-btn-icon-circle,
.lo-btn.lo-btn-icon-rounded {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: 0 0;
    transition: color ease .5s;
    padding: .2em;
    position: relative;
}

.lo-btn.lo-btn-icon-circle:focus,
.lo-btn.lo-btn-icon-circle:hover,
.lo-btn.lo-btn-icon-rounded:focus,
.lo-btn.lo-btn-icon-rounded:hover {
    background: 0 0;
}

.lo-btn.lo-btn-icon-circle .icon,
.lo-btn.lo-btn-icon-circle .lo-icon,
.lo-btn.lo-btn-icon-rounded .icon,
.lo-btn.lo-btn-icon-rounded .lo-icon {
    vertical-align: top;
    font-size: .55em;
    line-height: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.lo-btn.lo-btn-icon-circle .icon:after,
.lo-btn.lo-btn-icon-circle .icon:before,
.lo-btn.lo-btn-icon-circle .lo-icon:after,
.lo-btn.lo-btn-icon-circle .lo-icon:before,
.lo-btn.lo-btn-icon-rounded .icon:after,
.lo-btn.lo-btn-icon-rounded .icon:before,
.lo-btn.lo-btn-icon-rounded .lo-icon:after,
.lo-btn.lo-btn-icon-rounded .lo-icon:before {
    vertical-align: top;
}

.lo-btn.lo-btn-outline.outline-no-outline {
    border-color: transparent;
    box-shadow: 0 0 0;
}

.lo-btn.wrapped-button {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: inherit;
    font-size: 1em;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
}

.lo-tabs,
.nav-tabs {
    border-bottom: 1px solid #d5d5d5;
    margin: 2.5rem 0 .5rem;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.lo-tabs .lo-tabs-header,
.nav-tabs .lo-tabs-header {
    padding: 0 0 .5rem;
    margin-top: 0;
    margin-bottom: 0;
    height: 3rem;
    float: left;
}

@media screen and (max-width:64em) {
    .lo-tabs .lo-tabs-header,
    .nav-tabs .lo-tabs-header {
        font-size: 2.5em;
    }
}

@media screen and (max-width:48em) {
    .lo-tabs .lo-tabs-header,
    .nav-tabs .lo-tabs-header {
        height: 2.5rem;
        font-size: 2.25em;
    }
}

.lo-tabs-btns {
    float: right;
    margin-top: .5rem;
}

.nav-tabs li {
    margin-top: 0;
    float: left;
}

.lo-tabs-btns,
.nav-tabs li {
    height: 3rem;
    padding: 0;
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    list-style: none;
}

@media screen and (max-width:48em) {
    .lo-tabs-btns,
    .nav-tabs li {
        height: 2.5rem;
    }
}

.lo-tab-btn,
.nav-tabs li>a {
    display: inline-block;
    padding: .5rem;
    margin-left: 1em;
    height: 2rem;
    line-height: 1.85rem;
    font-size: 1.15em;
    color: #65ad3d;
    background: 0 0;
    border: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    text-decoration: none;
    transition: color ease .5s;
}

@media screen and (max-width:48em) {
    .lo-tab-btn,
    .nav-tabs li>a {
        font-size: 1em;
        height: 1.5rem;
        line-height: 1rem;
        margin-left: .75em;
    }
}

@media screen and (max-width:35.5em) {
    .lo-tab-btn,
    .nav-tabs li>a {
        font-size: .925em;
        line-height: 1rem;
        margin-left: .5em;
    }
}

.lo-tab-btn:first-of-type,
.nav-tabs li>a:first-of-type {
    margin-left: 0;
}

.lo-tab-btn:focus,
.lo-tab-btn:hover,
.nav-tabs li>a:focus,
.nav-tabs li>a:hover {
    color: #ffc72c;
    cursor: pointer;
    background: 0 0;
    text-decoration: none;
}

.lo-tab-btn.lo-tab-active,
.nav-tabs li.active>a {
    color: #ffc72c;
    font-weight: 600;
    box-shadow: 0 1px 0 #ffc72c;
    background: 0 0;
    border: 0;
}

.lo-tab-btn.lo-tab-active:focus,
.lo-tab-btn.lo-tab-active:hover,
.nav-tabs li.active>a:focus,
.nav-tabs li.active>a:hover {
    color: #ffc72c;
    background: 0 0;
    border: 0 none;
}

.lo-footer-nav {
    text-align: center;
    margin: 0 0 1.5em;
}

.lo-footer-nav .lo-footer-col .btn {
    position: relative;
    overflow: visible;
}

.lo-footer-nav .lo-footer-col .btn .lo-icon {
    line-height: 1;
    position: relative;
    top: .1em;
}

.lo-footer-nav .lo-footer-prev .lo-icon {
    margin-right: .25em;
}

.lo-footer-nav .lo-footer-next .lo-icon {
    margin-left: .25em;
}

@media screen and (min-width:35.5em) {
    .lo-footer-nav .lo-footer-prev {
        text-align: left;
    }
    .lo-footer-nav .lo-footer-next {
        text-align: right;
    }
}

@media screen and (max-width:35.4375em) {
    .lo-footer-nav {
        margin: 0 0 1em;
    }
    .lo-footer-nav .lo-footer-col {
        margin-bottom: 1em;
    }
}

.lo-footer-nav .lo-btn {
    position: relative;
    z-index: 2;
}

.lo-footer-bottom {
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
    text-align: center;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 1em 2.5% .33em;
}

.lo-footer-links {
    font-size: 1em;
    margin: 0;
    z-index: 2;
    min-height: 5.25rem;
    display: inline-block;
    width: calc(95% - 105px);
    padding-right: 5%;
}

@media screen and (max-width:48em) {
    .lo-footer-links {
        font-size: .925em;
        width: 100%;
        padding-right: 0;
    }
}

@media screen and (max-width:35.5em) {
    .lo-footer-links {
        font-size: .85em;
    }
}

.lo-footer-links .lo-footer-link {
    font-size: .85em;
    padding: 0 1.25em;
    border-right: 1px dotted #999;
    color: #65ad3d;
    transition: color ease .5s;
}

.lo-footer-links .lo-footer-link :focus,
.lo-footer-links .lo-footer-link:hover {
    color: #68971e;
}

.lo-footer-links .lo-footer-link:last-of-type {
    border-right: 0;
}

.lo-footer-copy {
    float: left;
    width: 100%;
    margin-top: .85em;
}

.lo-footer-copy .lo-footer-copytext {
    font-size: .75em;
    color: #999;
}

.de-logo {
    float: right;
    width: 105px;
    height: 45px;
    margin-top: .33em;
    position: relative;
    background: url(../images/logo-differenceEngine.png);
}

@media screen and (max-width:48em) {
    .de-logo {
        float: none;
        margin: 1.75em auto .75em;
        display: block;
    }
}

.de-logo:hover {
    background-position: 0 -45px;
}

.de-logo:hover .de-powered {
    color: #ffc10e;
}

.de-logo .de-powered {
    position: absolute;
    top: -1em;
    left: 0;
    font-size: .633em;
    color: #bcbcbc;
}

.lo-container {
    margin: 0 auto;
    max-width: 70rem;
    transition: margin .5s ease, width .5s ease;
}

.lo-container .lo-container,
.lo-container .lo-container .lo-container,
.lo-container .lo-container .lo-container .lo-container {
    width: 100%;
    margin: 0;
}

@media (max-width:80em) {
    .lo-container {
        width: 90%;
        margin: 0 5%;
    }
}

@media (max-width:64em) {
    .lo-container {
        width: 93%;
        margin: 0 3.5%;
    }
}

@media (max-width:35.5em) {
    .lo-container {
        width: 95%;
        margin: 0 2.5%;
    }
}

.lo-grid {
    text-rendering: optimizespeed;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    letter-spacing: -.31em;
}

.lo-grid-unit,
.lo-grid-unit-1,
.lo-grid-unit-1-1,
.lo-grid-unit-1-12,
.lo-grid-unit-1-2,
.lo-grid-unit-1-24,
.lo-grid-unit-1-3,
.lo-grid-unit-1-4,
.lo-grid-unit-1-5,
.lo-grid-unit-1-6,
.lo-grid-unit-1-8,
.lo-grid-unit-10-24,
.lo-grid-unit-11-12,
.lo-grid-unit-11-24,
.lo-grid-unit-12-24,
.lo-grid-unit-13-24,
.lo-grid-unit-14-24,
.lo-grid-unit-15-24,
.lo-grid-unit-16-24,
.lo-grid-unit-17-24,
.lo-grid-unit-18-24,
.lo-grid-unit-19-24,
.lo-grid-unit-2-24,
.lo-grid-unit-2-3,
.lo-grid-unit-2-5,
.lo-grid-unit-20-24,
.lo-grid-unit-21-24,
.lo-grid-unit-22-24,
.lo-grid-unit-23-24,
.lo-grid-unit-24-24,
.lo-grid-unit-3-24,
.lo-grid-unit-3-4,
.lo-grid-unit-3-5,
.lo-grid-unit-3-8,
.lo-grid-unit-4-24,
.lo-grid-unit-4-5,
.lo-grid-unit-5-12,
.lo-grid-unit-5-24,
.lo-grid-unit-5-5,
.lo-grid-unit-5-6,
.lo-grid-unit-5-8,
.lo-grid-unit-6-24,
.lo-grid-unit-7-12,
.lo-grid-unit-7-24,
.lo-grid-unit-7-8,
.lo-grid-unit-8-24,
.lo-grid-unit-9-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.lo-grid-unit-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
}

.lo-grid-unit-1-12,
.lo-grid-unit-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
}

.lo-grid-unit-1-8,
.lo-grid-unit-3-24 {
    width: 12.5%;
    *width: 12.469%;
}

.lo-grid-unit-1-6,
.lo-grid-unit-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
}

.lo-grid-unit-1-5 {
    width: 20%;
    *width: 19.969%;
}

.lo-grid-unit-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
}

.lo-grid-unit-1-4,
.lo-grid-unit-6-24 {
    width: 25%;
    *width: 24.969%;
}

.lo-grid-unit-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
}

.lo-grid-unit-1-3,
.lo-grid-unit-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
}

.lo-grid-unit-3-8,
.lo-grid-unit-9-24 {
    width: 37.5%;
    *width: 37.469%;
}

.lo-grid-unit-2-5 {
    width: 40%;
    *width: 39.969%;
}

.lo-grid-unit-10-24,
.lo-grid-unit-5-12 {
    width: 41.6667%;
    *width: 41.6357%;
}

.lo-grid-unit-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
}

.lo-grid-unit-1-2,
.lo-grid-unit-12-24 {
    width: 50%;
    *width: 49.969%;
}

.lo-grid-unit-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
}

.lo-grid-unit-14-24,
.lo-grid-unit-7-12 {
    width: 58.3333%;
    *width: 58.3023%;
}

.lo-grid-unit-3-5 {
    width: 60%;
    *width: 59.969%;
}

.lo-grid-unit-15-24,
.lo-grid-unit-5-8 {
    width: 62.5%;
    *width: 62.469%;
}

.lo-grid-unit-16-24,
.lo-grid-unit-2-3 {
    width: 66.6667%;
    *width: 66.6357%;
}

.lo-grid-unit-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
}

.lo-grid-unit-18-24,
.lo-grid-unit-3-4 {
    width: 75%;
    *width: 74.969%;
}

.lo-grid-unit-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
}

.lo-grid-unit-4-5 {
    width: 80%;
    *width: 79.969%;
}

.lo-grid-unit-20-24,
.lo-grid-unit-5-6 {
    width: 83.3333%;
    *width: 83.3023%;
}

.lo-grid-unit-21-24,
.lo-grid-unit-7-8 {
    width: 87.5%;
    *width: 87.469%;
}

.lo-grid-unit-11-12,
.lo-grid-unit-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
}

.lo-grid-unit-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
}

.lo-grid-unit-1,
.lo-grid-unit-1-1,
.lo-grid-unit-24-24,
.lo-grid-unit-5-5 {
    width: 100%;
}

.l-box {
    padding: 1em;
}

[class*=" lo-grid-unit-"],
[class^=lo-grid-unit-] {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

@media screen and (min-width:15em) {
    .lo-grid-unit-xxs-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }
    .lo-grid-unit-xxs-1-12,
    .lo-grid-unit-xxs-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }
    .lo-grid-unit-xxs-1-8,
    .lo-grid-unit-xxs-3-24 {
        width: 12.5%;
        *width: 12.469%;
    }
    .lo-grid-unit-xxs-1-6,
    .lo-grid-unit-xxs-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }
    .lo-grid-unit-xxs-1-5 {
        width: 20%;
        *width: 19.969%;
    }
    .lo-grid-unit-xxs-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }
    .lo-grid-unit-xxs-1-4,
    .lo-grid-unit-xxs-6-24 {
        width: 25%;
        *width: 24.969%;
    }
    .lo-grid-unit-xxs-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }
    .lo-grid-unit-xxs-1-3,
    .lo-grid-unit-xxs-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }
    .lo-grid-unit-xxs-3-8,
    .lo-grid-unit-xxs-9-24 {
        width: 37.5%;
        *width: 37.469%;
    }
    .lo-grid-unit-xxs-2-5 {
        width: 40%;
        *width: 39.969%;
    }
    .lo-grid-unit-xxs-10-24,
    .lo-grid-unit-xxs-5-12 {
        width: 41.6667%;
        *width: 41.6357%;
    }
    .lo-grid-unit-xxs-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }
    .lo-grid-unit-xxs-1-2,
    .lo-grid-unit-xxs-12-24 {
        width: 50%;
        *width: 49.969%;
    }
    .lo-grid-unit-xxs-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }
    .lo-grid-unit-xxs-14-24,
    .lo-grid-unit-xxs-7-12 {
        width: 58.3333%;
        *width: 58.3023%;
    }
    .lo-grid-unit-xxs-3-5 {
        width: 60%;
        *width: 59.969%;
    }
    .lo-grid-unit-xxs-15-24,
    .lo-grid-unit-xxs-5-8 {
        width: 62.5%;
        *width: 62.469%;
    }
    .lo-grid-unit-xxs-16-24,
    .lo-grid-unit-xxs-2-3 {
        width: 66.6667%;
        *width: 66.6357%;
    }
    .lo-grid-unit-xxs-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }
    .lo-grid-unit-xxs-18-24,
    .lo-grid-unit-xxs-3-4 {
        width: 75%;
        *width: 74.969%;
    }
    .lo-grid-unit-xxs-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }
    .lo-grid-unit-xxs-4-5 {
        width: 80%;
        *width: 79.969%;
    }
    .lo-grid-unit-xxs-20-24,
    .lo-grid-unit-xxs-5-6 {
        width: 83.3333%;
        *width: 83.3023%;
    }
    .lo-grid-unit-xxs-21-24,
    .lo-grid-unit-xxs-7-8 {
        width: 87.5%;
        *width: 87.469%;
    }
    .lo-grid-unit-xxs-11-12,
    .lo-grid-unit-xxs-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }
    .lo-grid-unit-xxs-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }
    .lo-grid-unit-xxs-1,
    .lo-grid-unit-xxs-1-1,
    .lo-grid-unit-xxs-24-24,
    .lo-grid-unit-xxs-5-5 {
        width: 100%;
    }
}

@media screen and (min-width:20em) {
    .lo-grid-unit-xs-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }
    .lo-grid-unit-xs-1-12,
    .lo-grid-unit-xs-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }
    .lo-grid-unit-xs-1-8,
    .lo-grid-unit-xs-3-24 {
        width: 12.5%;
        *width: 12.469%;
    }
    .lo-grid-unit-xs-1-6,
    .lo-grid-unit-xs-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }
    .lo-grid-unit-xs-1-5 {
        width: 20%;
        *width: 19.969%;
    }
    .lo-grid-unit-xs-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }
    .lo-grid-unit-xs-1-4,
    .lo-grid-unit-xs-6-24 {
        width: 25%;
        *width: 24.969%;
    }
    .lo-grid-unit-xs-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }
    .lo-grid-unit-xs-1-3,
    .lo-grid-unit-xs-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }
    .lo-grid-unit-xs-3-8,
    .lo-grid-unit-xs-9-24 {
        width: 37.5%;
        *width: 37.469%;
    }
    .lo-grid-unit-xs-2-5 {
        width: 40%;
        *width: 39.969%;
    }
    .lo-grid-unit-xs-10-24,
    .lo-grid-unit-xs-5-12 {
        width: 41.6667%;
        *width: 41.6357%;
    }
    .lo-grid-unit-xs-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }
    .lo-grid-unit-xs-1-2,
    .lo-grid-unit-xs-12-24 {
        width: 50%;
        *width: 49.969%;
    }
    .lo-grid-unit-xs-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }
    .lo-grid-unit-xs-14-24,
    .lo-grid-unit-xs-7-12 {
        width: 58.3333%;
        *width: 58.3023%;
    }
    .lo-grid-unit-xs-3-5 {
        width: 60%;
        *width: 59.969%;
    }
    .lo-grid-unit-xs-15-24,
    .lo-grid-unit-xs-5-8 {
        width: 62.5%;
        *width: 62.469%;
    }
    .lo-grid-unit-xs-16-24,
    .lo-grid-unit-xs-2-3 {
        width: 66.6667%;
        *width: 66.6357%;
    }
    .lo-grid-unit-xs-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }
    .lo-grid-unit-xs-18-24,
    .lo-grid-unit-xs-3-4 {
        width: 75%;
        *width: 74.969%;
    }
    .lo-grid-unit-xs-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }
    .lo-grid-unit-xs-4-5 {
        width: 80%;
        *width: 79.969%;
    }
    .lo-grid-unit-xs-20-24,
    .lo-grid-unit-xs-5-6 {
        width: 83.3333%;
        *width: 83.3023%;
    }
    .lo-grid-unit-xs-21-24,
    .lo-grid-unit-xs-7-8 {
        width: 87.5%;
        *width: 87.469%;
    }
    .lo-grid-unit-xs-11-12,
    .lo-grid-unit-xs-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }
    .lo-grid-unit-xs-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }
    .lo-grid-unit-xs-1,
    .lo-grid-unit-xs-1-1,
    .lo-grid-unit-xs-24-24,
    .lo-grid-unit-xs-5-5 {
        width: 100%;
    }
}

@media screen and (min-width:35.5em) {
    .lo-grid-unit-sm-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }
    .lo-grid-unit-sm-1-12,
    .lo-grid-unit-sm-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }
    .lo-grid-unit-sm-1-8,
    .lo-grid-unit-sm-3-24 {
        width: 12.5%;
        *width: 12.469%;
    }
    .lo-grid-unit-sm-1-6,
    .lo-grid-unit-sm-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }
    .lo-grid-unit-sm-1-5 {
        width: 20%;
        *width: 19.969%;
    }
    .lo-grid-unit-sm-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }
    .lo-grid-unit-sm-1-4,
    .lo-grid-unit-sm-6-24 {
        width: 25%;
        *width: 24.969%;
    }
    .lo-grid-unit-sm-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }
    .lo-grid-unit-sm-1-3,
    .lo-grid-unit-sm-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }
    .lo-grid-unit-sm-3-8,
    .lo-grid-unit-sm-9-24 {
        width: 37.5%;
        *width: 37.469%;
    }
    .lo-grid-unit-sm-2-5 {
        width: 40%;
        *width: 39.969%;
    }
    .lo-grid-unit-sm-10-24,
    .lo-grid-unit-sm-5-12 {
        width: 41.6667%;
        *width: 41.6357%;
    }
    .lo-grid-unit-sm-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }
    .lo-grid-unit-sm-1-2,
    .lo-grid-unit-sm-12-24 {
        width: 50%;
        *width: 49.969%;
    }
    .lo-grid-unit-sm-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }
    .lo-grid-unit-sm-14-24,
    .lo-grid-unit-sm-7-12 {
        width: 58.3333%;
        *width: 58.3023%;
    }
    .lo-grid-unit-sm-3-5 {
        width: 60%;
        *width: 59.969%;
    }
    .lo-grid-unit-sm-15-24,
    .lo-grid-unit-sm-5-8 {
        width: 62.5%;
        *width: 62.469%;
    }
    .lo-grid-unit-sm-16-24,
    .lo-grid-unit-sm-2-3 {
        width: 66.6667%;
        *width: 66.6357%;
    }
    .lo-grid-unit-sm-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }
    .lo-grid-unit-sm-18-24,
    .lo-grid-unit-sm-3-4 {
        width: 75%;
        *width: 74.969%;
    }
    .lo-grid-unit-sm-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }
    .lo-grid-unit-sm-4-5 {
        width: 80%;
        *width: 79.969%;
    }
    .lo-grid-unit-sm-20-24,
    .lo-grid-unit-sm-5-6 {
        width: 83.3333%;
        *width: 83.3023%;
    }
    .lo-grid-unit-sm-21-24,
    .lo-grid-unit-sm-7-8 {
        width: 87.5%;
        *width: 87.469%;
    }
    .lo-grid-unit-sm-11-12,
    .lo-grid-unit-sm-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }
    .lo-grid-unit-sm-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }
    .lo-grid-unit-sm-1,
    .lo-grid-unit-sm-1-1,
    .lo-grid-unit-sm-24-24,
    .lo-grid-unit-sm-5-5 {
        width: 100%;
    }
}

@media screen and (min-width:48em) {
    .lo-grid-unit-md-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }
    .lo-grid-unit-md-1-12,
    .lo-grid-unit-md-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }
    .lo-grid-unit-md-1-8,
    .lo-grid-unit-md-3-24 {
        width: 12.5%;
        *width: 12.469%;
    }
    .lo-grid-unit-md-1-6,
    .lo-grid-unit-md-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }
    .lo-grid-unit-md-1-5 {
        width: 20%;
        *width: 19.969%;
    }
    .lo-grid-unit-md-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }
    .lo-grid-unit-md-1-4,
    .lo-grid-unit-md-6-24 {
        width: 25%;
        *width: 24.969%;
    }
    .lo-grid-unit-md-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }
    .lo-grid-unit-md-1-3,
    .lo-grid-unit-md-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }
    .lo-grid-unit-md-3-8,
    .lo-grid-unit-md-9-24 {
        width: 37.5%;
        *width: 37.469%;
    }
    .lo-grid-unit-md-2-5 {
        width: 40%;
        *width: 39.969%;
    }
    .lo-grid-unit-md-10-24,
    .lo-grid-unit-md-5-12 {
        width: 41.6667%;
        *width: 41.6357%;
    }
    .lo-grid-unit-md-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }
    .lo-grid-unit-md-1-2,
    .lo-grid-unit-md-12-24 {
        width: 50%;
        *width: 49.969%;
    }
    .lo-grid-unit-md-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }
    .lo-grid-unit-md-14-24,
    .lo-grid-unit-md-7-12 {
        width: 58.3333%;
        *width: 58.3023%;
    }
    .lo-grid-unit-md-3-5 {
        width: 60%;
        *width: 59.969%;
    }
    .lo-grid-unit-md-15-24,
    .lo-grid-unit-md-5-8 {
        width: 62.5%;
        *width: 62.469%;
    }
    .lo-grid-unit-md-16-24,
    .lo-grid-unit-md-2-3 {
        width: 66.6667%;
        *width: 66.6357%;
    }
    .lo-grid-unit-md-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }
    .lo-grid-unit-md-18-24,
    .lo-grid-unit-md-3-4 {
        width: 75%;
        *width: 74.969%;
    }
    .lo-grid-unit-md-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }
    .lo-grid-unit-md-4-5 {
        width: 80%;
        *width: 79.969%;
    }
    .lo-grid-unit-md-20-24,
    .lo-grid-unit-md-5-6 {
        width: 83.3333%;
        *width: 83.3023%;
    }
    .lo-grid-unit-md-21-24,
    .lo-grid-unit-md-7-8 {
        width: 87.5%;
        *width: 87.469%;
    }
    .lo-grid-unit-md-11-12,
    .lo-grid-unit-md-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }
    .lo-grid-unit-md-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }
    .lo-grid-unit-md-1,
    .lo-grid-unit-md-1-1,
    .lo-grid-unit-md-24-24,
    .lo-grid-unit-md-5-5 {
        width: 100%;
    }
}

@media screen and (min-width:64em) {
    .lo-grid-unit-lg-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }
    .lo-grid-unit-lg-1-12,
    .lo-grid-unit-lg-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }
    .lo-grid-unit-lg-1-8,
    .lo-grid-unit-lg-3-24 {
        width: 12.5%;
        *width: 12.469%;
    }
    .lo-grid-unit-lg-1-6,
    .lo-grid-unit-lg-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }
    .lo-grid-unit-lg-1-5 {
        width: 20%;
        *width: 19.969%;
    }
    .lo-grid-unit-lg-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }
    .lo-grid-unit-lg-1-4,
    .lo-grid-unit-lg-6-24 {
        width: 25%;
        *width: 24.969%;
    }
    .lo-grid-unit-lg-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }
    .lo-grid-unit-lg-1-3,
    .lo-grid-unit-lg-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }
    .lo-grid-unit-lg-3-8,
    .lo-grid-unit-lg-9-24 {
        width: 37.5%;
        *width: 37.469%;
    }
    .lo-grid-unit-lg-2-5 {
        width: 40%;
        *width: 39.969%;
    }
    .lo-grid-unit-lg-10-24,
    .lo-grid-unit-lg-5-12 {
        width: 41.6667%;
        *width: 41.6357%;
    }
    .lo-grid-unit-lg-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }
    .lo-grid-unit-lg-1-2,
    .lo-grid-unit-lg-12-24 {
        width: 50%;
        *width: 49.969%;
    }
    .lo-grid-unit-lg-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }
    .lo-grid-unit-lg-14-24,
    .lo-grid-unit-lg-7-12 {
        width: 58.3333%;
        *width: 58.3023%;
    }
    .lo-grid-unit-lg-3-5 {
        width: 60%;
        *width: 59.969%;
    }
    .lo-grid-unit-lg-15-24,
    .lo-grid-unit-lg-5-8 {
        width: 62.5%;
        *width: 62.469%;
    }
    .lo-grid-unit-lg-16-24,
    .lo-grid-unit-lg-2-3 {
        width: 66.6667%;
        *width: 66.6357%;
    }
    .lo-grid-unit-lg-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }
    .lo-grid-unit-lg-18-24,
    .lo-grid-unit-lg-3-4 {
        width: 75%;
        *width: 74.969%;
    }
    .lo-grid-unit-lg-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }
    .lo-grid-unit-lg-4-5 {
        width: 80%;
        *width: 79.969%;
    }
    .lo-grid-unit-lg-20-24,
    .lo-grid-unit-lg-5-6 {
        width: 83.3333%;
        *width: 83.3023%;
    }
    .lo-grid-unit-lg-21-24,
    .lo-grid-unit-lg-7-8 {
        width: 87.5%;
        *width: 87.469%;
    }
    .lo-grid-unit-lg-11-12,
    .lo-grid-unit-lg-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }
    .lo-grid-unit-lg-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }
    .lo-grid-unit-lg-1,
    .lo-grid-unit-lg-1-1,
    .lo-grid-unit-lg-24-24,
    .lo-grid-unit-lg-5-5 {
        width: 100%;
    }
}

@media screen and (min-width:80em) {
    .lo-grid-unit-xl-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }
    .lo-grid-unit-xl-1-12,
    .lo-grid-unit-xl-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }
    .lo-grid-unit-xl-1-8,
    .lo-grid-unit-xl-3-24 {
        width: 12.5%;
        *width: 12.469%;
    }
    .lo-grid-unit-xl-1-6,
    .lo-grid-unit-xl-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }
    .lo-grid-unit-xl-1-5 {
        width: 20%;
        *width: 19.969%;
    }
    .lo-grid-unit-xl-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }
    .lo-grid-unit-xl-1-4,
    .lo-grid-unit-xl-6-24 {
        width: 25%;
        *width: 24.969%;
    }
    .lo-grid-unit-xl-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }
    .lo-grid-unit-xl-1-3,
    .lo-grid-unit-xl-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }
    .lo-grid-unit-xl-3-8,
    .lo-grid-unit-xl-9-24 {
        width: 37.5%;
        *width: 37.469%;
    }
    .lo-grid-unit-xl-2-5 {
        width: 40%;
        *width: 39.969%;
    }
    .lo-grid-unit-xl-10-24,
    .lo-grid-unit-xl-5-12 {
        width: 41.6667%;
        *width: 41.6357%;
    }
    .lo-grid-unit-xl-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }
    .lo-grid-unit-xl-1-2,
    .lo-grid-unit-xl-12-24 {
        width: 50%;
        *width: 49.969%;
    }
    .lo-grid-unit-xl-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }
    .lo-grid-unit-xl-14-24,
    .lo-grid-unit-xl-7-12 {
        width: 58.3333%;
        *width: 58.3023%;
    }
    .lo-grid-unit-xl-3-5 {
        width: 60%;
        *width: 59.969%;
    }
    .lo-grid-unit-xl-15-24,
    .lo-grid-unit-xl-5-8 {
        width: 62.5%;
        *width: 62.469%;
    }
    .lo-grid-unit-xl-16-24,
    .lo-grid-unit-xl-2-3 {
        width: 66.6667%;
        *width: 66.6357%;
    }
    .lo-grid-unit-xl-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }
    .lo-grid-unit-xl-18-24,
    .lo-grid-unit-xl-3-4 {
        width: 75%;
        *width: 74.969%;
    }
    .lo-grid-unit-xl-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }
    .lo-grid-unit-xl-4-5 {
        width: 80%;
        *width: 79.969%;
    }
    .lo-grid-unit-xl-20-24,
    .lo-grid-unit-xl-5-6 {
        width: 83.3333%;
        *width: 83.3023%;
    }
    .lo-grid-unit-xl-21-24,
    .lo-grid-unit-xl-7-8 {
        width: 87.5%;
        *width: 87.469%;
    }
    .lo-grid-unit-xl-11-12,
    .lo-grid-unit-xl-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }
    .lo-grid-unit-xl-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }
    .lo-grid-unit-xl-1,
    .lo-grid-unit-xl-1-1,
    .lo-grid-unit-xl-24-24,
    .lo-grid-unit-xl-5-5 {
        width: 100%;
    }
}

body {
    font-size-adjust: .5;
}

caption,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
option,
select,
td,
textarea,
th {
    font-size-adjust: .5;
}

@media (min-width:35.5em) {
    body {
        font-size: 1em;
        line-height: 1.375;
    }
}

h1,
h2,
h3,
h4,
h5 {
    transition: font-size .5s ease;
}

h1 {
    font-size: 2.5em;
    line-height: 1.25;
}

@media (min-width:35.5em) {
    h1 {
        font-size: 2.5em;
        line-height: 1.125;
        font-weight: 300;
    }
}

@media (min-width:48em) {
    h1 {
        font-size: 2.75em;
        line-height: 1.05;
    }
}

h2 {
    font-size: 2em;
    line-height: 1.1538461538;
}

@media (min-width:35.5em) {
    h2 {
        font-size: 2.25em;
        line-height: 1.25;
        font-weight: 300;
    }
}

@media (min-width:48em) {
    h2 {
        font-size: 2.5em;
        line-height: 1.25;
    }
}

h3 {
    font-size: 1.375em;
    line-height: 1.1363636364;
}

@media (min-width:35.5em) {
    h3 {
        font-size: 1.5em;
        line-height: 1.25;
        font-weight: 300;
    }
}

@media (min-width:48em) {
    h3 {
        font-size: 1.75em;
        line-height: 1.25;
    }
}

h4 {
    font-size: 1.125em;
    line-height: 1.11111111;
}

@media (min-width:35.5em) {
    h4 {
        line-height: 1.2222222222;
    }
}

#quiz-wrap .player {
    padding: 1.25em 0;
    position: relative;
}

@media screen and (max-width:64em) {
    #quiz-wrap .player {
        padding: 1em 0;
    }
}

@media screen and (max-width:48em) {
    #quiz-wrap .player {
        padding: .5em 0;
    }
}

@media screen and (max-width:35.5em) {
    #quiz-wrap .player {
        padding: 0;
    }
}

@media screen and (max-width:35.4375em) {
    #quiz-wrap .player {
        width: 87.5%;
        margin: 0 2.5% 0 10%;
    }
}

#quiz-wrap .player div[button-group] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
}

#ap-controls {
    transition: width .25s ease;
}

#ap-controls .lo-btn,
#ap-controls button {
    padding: 1rem;
    width: 100%;
    margin-bottom: .5rem;
    cursor: pointer;
    white-space: normal;
}

#confidence-indicator,
#next-submit {
    margin-left: 1rem;
    margin-bottom: 1rem;
}

@media (min-width:35.5em) {
    #next-submit {
        margin-left: 0;
        margin-bottom: 0;
    }
}

@media (min-width:35.5em) {
    #confidence-indicator {
        margin-left: 0;
        margin-bottom: 0;
    }
}

#confidence-indicator button.nailedit {
    background: #598219;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

#confidence-indicator button.nailedit:focus,
#confidence-indicator button.nailedit:hover {
    background: #4b6d15;
}

#confidence-indicator button.nailedit:active {
    background: #76ad22;
}

#confidence-indicator button.pretysure {
    background: #65ad3d;
    color: #222;
    text-shadow: none;
}

#confidence-indicator button.pretysure:focus,
#confidence-indicator button.pretysure:hover {
    background: #76ad22;
}

#confidence-indicator button.pretysure:active {
    background: #9eda41;
}

#confidence-indicator button.justaguess {
    background: #a9de57;
    color: #222;
    text-shadow: none;
}

#confidence-indicator button.justaguess:focus,
#confidence-indicator button.justaguess:hover {
    background: #9eda41;
}

#confidence-indicator button.justaguess:active {
    background: #bfe681;
}

#confidence-indicator button.disabled {
    opacity: .5;
    pointer: not-allowed;
}

#confidence-indicator button.skipThis {
    background: #e2e2e2;
    color: #222;
    text-shadow: none;
    margin-top: 1rem;
    font-size: .85em;
    padding: .75rem;
    min-height: 0;
}

#confidence-indicator button.skipThis:focus,
#confidence-indicator button.skipThis:hover {
    background: #c9c9c9;
}

#confidence-indicator button.skipThis:active {
    background: #fcfcfc;
}

#confidence-indicator .lo-btn-alert {
    margin-top: 1rem;
    white-space: normal;
}

#confidence-indicator .lo-btn-alert:hover {
    pointer: default;
    background: #b23735;
}

#next-submit {
    margin-left: 3rem;
    margin-bottom: 1rem;
}

@media (min-width:35.5em) {
    #next-submit {
        margin-left: 0;
        margin-bottom: 0;
    }
}

#next-submit button.next {
    background: #9eda41;
    color: #222;
    text-shadow: none;
    font-size: 1.5rem;
    line-height: 1.15em;
}

#next-submit button.next:focus,
#next-submit button.next:hover {
    background: #bfe681;
}

#next-submit button.next:active {
    background: #b4e26c;
}

@media (min-width:35.5em) {
    #next-submit button.next {
        height: 11rem;
    }
}

#confidence-indicator button.submit,
#next-submit button.submit {
    background: #6da44e;
    color: #222;
    text-shadow: none;
    margin-top: .5rem;
}

#confidence-indicator button.submit:focus,
#confidence-indicator button.submit:hover,
#next-submit button.submit:focus,
#next-submit button.submit:hover {
    background: #629346;
}

#confidence-indicator button.submit:active,
#next-submit button.submit:active {
    background: #88b96c;
}

.page-question {
    margin: 1em 0 2em;
    width: 100%;
    display: inline-block;
}

.lo-results-question,
.quiz-results-container {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.lo-results-question .btn-summary .lo-btn,
.quiz-results-container .btn-summary .lo-btn {
    margin-top: 1em;
}

.lo-results-question .ap-question-text img,
.quiz-results-container .ap-question-text img {
    width: 90%;
    height: auto;
    margin-bottom: 1.25rem;
}

.lo-results-question .quiz-content-question,
.quiz-results-container .quiz-content-question {
    display: inline-block;
    width: 100%;
}

.quiz-question {
    margin: 2rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eaeaea;
}

.quiz-result-filter {
    margin: .75rem 0;
}

.quiz-result-filter button {
    margin-right: .75rem;
}

.quiz-result-filter button:last-of-type {
    margin-right: 0;
}

.quiz-result-filter button.active {
    background: #ffc72c;
}

.ap-question.disabled .choice,
.ui-sortable-disabled .choice {
    cursor: not-allowed;
}

.ap-question.disabled .choice:focus,
.ap-question.disabled .choice:hover,
.ui-sortable-disabled .choice:focus,
.ui-sortable-disabled .choice:hover {
    color: #444;
    background: #fff;
    border-color: #efefef;
}

.ap-question.disabled .choice:focus .ap-cb-input,
.ap-question.disabled .choice:focus .ap-mc-input,
.ap-question.disabled .choice:focus .ap-mc-option,
.ap-question.disabled .choice:hover .ap-cb-input,
.ap-question.disabled .choice:hover .ap-mc-input,
.ap-question.disabled .choice:hover .ap-mc-option,
.ui-sortable-disabled .choice:focus .ap-cb-input,
.ui-sortable-disabled .choice:focus .ap-mc-input,
.ui-sortable-disabled .choice:focus .ap-mc-option,
.ui-sortable-disabled .choice:hover .ap-cb-input,
.ui-sortable-disabled .choice:hover .ap-mc-input,
.ui-sortable-disabled .choice:hover .ap-mc-option {
    cursor: not-allowed;
    color: #444;
}

.ap-question.disabled .choice:focus .ap-cb-input,
.ap-question.disabled .choice:focus .ap-mc-input,
.ap-question.disabled .choice:hover .ap-cb-input,
.ap-question.disabled .choice:hover .ap-mc-input,
.ui-sortable-disabled .choice:focus .ap-cb-input,
.ui-sortable-disabled .choice:focus .ap-mc-input,
.ui-sortable-disabled .choice:hover .ap-cb-input,
.ui-sortable-disabled .choice:hover .ap-mc-input {
    background: #e2e2e2;
}

.ap-question.disabled .choice .ap-mc-option,
.ap-question.disabled .choice>label,
.ui-sortable-disabled .choice .ap-mc-option,
.ui-sortable-disabled .choice>label {
    cursor: not-allowed;
}

.ap-question.disabled .choice.selected:focus,
.ap-question.disabled .choice.selected:hover,
.ui-sortable-disabled .choice.selected:focus,
.ui-sortable-disabled .choice.selected:hover {
    color: #fff;
    background: #9eda41;
    border-color: #65ad3d;
}

.ap-question.disabled .choice.selected:focus .ap-cb-input,
.ap-question.disabled .choice.selected:focus .ap-mc-input,
.ap-question.disabled .choice.selected:hover .ap-cb-input,
.ap-question.disabled .choice.selected:hover .ap-mc-input,
.ui-sortable-disabled .choice.selected:focus .ap-cb-input,
.ui-sortable-disabled .choice.selected:focus .ap-mc-input,
.ui-sortable-disabled .choice.selected:hover .ap-cb-input,
.ui-sortable-disabled .choice.selected:hover .ap-mc-input {
    background: #65ad3d;
    color: #fff;
}

.ap-question.disabled .choice.selected:focus .ap-cb-input,
.ap-question.disabled .choice.selected:focus .ap-mc-option,
.ap-question.disabled .choice.selected:hover .ap-cb-input,
.ap-question.disabled .choice.selected:hover .ap-mc-option,
.ui-sortable-disabled .choice.selected:focus .ap-cb-input,
.ui-sortable-disabled .choice.selected:focus .ap-mc-option,
.ui-sortable-disabled .choice.selected:hover .ap-cb-input,
.ui-sortable-disabled .choice.selected:hover .ap-mc-option {
    color: #fff;
}

.chart-results-col {
    position: absolute;
    right: 0;
}

@media screen and (max-width:47.9375em) {
    .chart-results-col {
        float: none;
        display: inline-block;
        width: 100%;
        text-align: center;
        position: relative;
    }
}

.chart-results-wrap {
    text-align: center;
    position: absolute;
    padding-left: 2rem;
}

.chart-results-wrap .chart-quiz-results {
    padding-top: 2em;
}

@media screen and (max-width:63.9375em) {
    .chart-results-wrap .chart-quiz-results {
        padding-top: 0;
    }
}

.chart-results-wrap .btn-retake-ass {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.chart-results-wrap .btn-retake-ass .lo-btn {
    margin: .5em 0 0;
}

.chart-results-wrap .lo-footer-nav {
    display: inline-block;
    margin: 1.25em 0 0;
    width: 100%;
    text-align: center;
}

.chart-results-wrap .lo-footer-nav>div {
    width: auto;
    display: block;
    text-align: center;
}

@media screen and (max-width:63.9375em) {
    .chart-results-wrap .lo-footer-nav {
        margin: 1em 0 2em;
    }
}

@media screen and (min-width:94em) {
    .chart-results-wrap {
        padding-left: 12%;
    }
}

@media screen and (min-width:80em) and (max-width:93.9375em) {
    .chart-results-wrap {
        padding-left: 8%;
    }
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .chart-results-wrap {
        padding-left: 4rem;
    }
}

@media screen and (max-width:63.9375em) {
    .chart-results-wrap {
        position: relative;
        margin: 0 auto;
        padding: 0;
    }
}

.chart-results-wrap.active {
    top: 3.33rem;
    position: fixed;
}

@media screen and (min-width:94em) {
    .chart-results-wrap.active {
        padding-left: 3%;
    }
}

@media screen and (min-width:80em) and (max-width:93.9375em) {
    .chart-results-wrap.active {
        padding-left: 1.75%;
    }
}

@media screen and (max-width:63.9375em) {
    .chart-results-wrap.active {
        position: relative;
    }
}

.donutChart {
    width: 16em;
    height: 16em;
    position: relative;
    display: inline-block;
    margin-bottom: 3.5em;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}

@media screen and (max-width:63.9375em) {
    .donutChart {
        -webkit-transform: scale(0.9, .9);
        transform: scale(0.9, .9);
    }
}

.donutChart .inner {
    position: absolute;
    top: 33%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.donutChart .innerContent {
    text-align: center;
}

.donutChart .quiz-result-question-count {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 1.25em;
    font-weight: 500;
    margin-top: calc(25% + 1em);
}

@media screen and (max-width:63.9375em) {
    .donutChart .quiz-result-question-count {
        margin-top: calc(16% + 1em);
    }
}

.donutChart .correct {
    fill: #6da44e;
}

.donutChart .incorrect {
    fill: #b23735;
}

.donutChart .scoreLabel {
    font-size: 1.6em;
}

.donutChart .score {
    line-height: 1em;
    font-size: 4em;
    font-weight: lighter;
}

ol.lo-results-question-list {
    list-style: none;
    margin-left: 0;
    transition: margin .5s ease;
}

@media screen and (min-width:35.5em) and (max-width:47.9375em) {
    ol.lo-results-question-list {
        margin-left: 2%;
    }
}

@media screen and (max-width:35.4375em) {
    ol.lo-results-question-list {
        margin-left: 5%;
    }
}

ol.lo-results-question-list>li {
    margin: 0;
}

.lo-results-question {
    margin: 1.5rem 0;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e2e2e2;
    display: inline-block;
    width: 100%;
}

.topics-covered {
    display: inline-block;
    width: calc(100% - 3rem);
    margin: 1.5rem 0 1rem 3rem;
}

@media screen and (max-width:47.9375em) {
    .topics-covered {
        margin-left: 1rem;
        width: calc(100% - 1rem);
    }
}

.topics-covered .lo-panel button {
    width: 100%;
    text-align: left;
    border-radius: .5rem .5rem 0 0;
}

.topics-covered h4 {
    margin-top: 0;
}

.taxon-breakdown {
    list-style-type: none;
}

.cp_response_correct .ap-question-text .number {
    color: #6da44e;
}

.cp_response_incorrect .ap-question-text .number {
    color: #b23735;
}

.cp_response_skipped .ap-question-text .number {
    color: #888;
}

.ap-response-choice-feedback {
    display: inline-block;
    width: 100%;
}

.ap-response-choice-feedback .inline-feedback img {
    max-width: 320px;
}

.ap-question-text div.question-confidence-label {
    width: 10em;
    font-size: .67em;
    padding: 0;
    float: right;
    text-align: center;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08) inset;
    position: relative;
    top: -.15rem;
    margin: 0 0 .25rem .25rem;
}

.ap-question-text div.question-confidence-label>label {
    margin-bottom: .25em;
}

.ap-question-text div.question-confidence-label>span {
    color: #fff;
    padding: .5em;
    border-radius: 0 0 .5rem .5rem;
    display: inline-block;
    width: calc(100% - 1em);
}

.ap-question-text div.question-confidence-label.skipped>span {
    background: #888;
}

.ap-question-text div.question-confidence-label.nailedit>span {
    background: #598219;
}

.ap-question-text div.question-confidence-label.prettysure>span {
    background: #65ad3d;
}

.ap-question-text div.question-confidence-label.justaguess>span {
    background: #a9de57;
}

@media screen and (max-width:47.9375em) {
    .lo-results-question .ap-question-text div.ap-question-text-default,
    .quiz-results-container .ap-question-text div.ap-question-text-default {
        margin-left: 1rem;
        width: calc(100% - 1rem - 8.5rem);
    }
}

@media screen and (max-width:35.4375em) {
    .quiz-results-container.lo-container {
        width: 92.5%;
        margin: 0 2.5% 0 5%;
    }
}

.assessment-info {
    width: 100%;
    display: table;
}

.assessment-info .assessment-info-cell {
    display: table-cell;
    vertical-align: top;
}

.assessment-info .assessment-info-cell .comp-percent {
    font-size: 2.5em;
}

@media screen and (max-width:48em) {
    .assessment-info .assessment-info-cell .comp-percent {
        font-size: 2em;
    }
}

@media screen and (max-width:35.5em) {
    .assessment-info .assessment-info-cell .comp-percent {
        font-size: 1.75em;
    }
}

.assessment-info .assessment-info-cell .assessment-remaining-attempts {
    font-size: 1rem;
    margin: 0 1em 0 0;
}

.assessment-info .assessment-info-cell .assessment-retake-btn {
    width: 12rem;
    margin-top: 0;
}

#quiz-wrap multiple-choice {
    width: 100%;
    display: block;
}

bin-drop .ap-bin-drop .ap-question {
    display: block !important;
}

bin-drop .ap-question {
    display: block;
    width: auto;
}

bin-drop .bin-drop-bin,
bin-drop .option,
bin-drop .options-bin {
    display: block;
}

bin-drop .options-bin {
    overflow: auto;
}

bin-drop .target-bins {
    display: block;
    margin: 0;
    overflow: scroll;
    padding: 0;
    padding: .75rem;
    border: 1px solid #aaa;
    background: #f9f9f9;
    border-radius: .5rem;
    margin-bottom: 1rem;
}

bin-drop .bin {
    display: table-cell;
}

bin-drop .bin button {
    display: block;
    width: 7em;
    height: 2.5em;
    padding: 0;
}

bin-drop .bin>div {
    font-size: 1.25em;
    font-weight: 700;
}

bin-drop .bin .bin-label {
    text-align: center;
}

bin-drop .bin .bin-drop-bin {
    margin: 1rem auto;
    max-width: calc(90% - 1rem);
}

bin-drop .options-bin {
    padding-bottom: 1em;
    min-width: none;
}

bin-drop .options-bin>div {
    margin-right: .75em;
    float: left;
    max-width: 13rem;
}

bin-drop .bin-drop-bin {
    min-width: calc(152px + 1.5rem);
    height: auto;
    min-height: 120px;
    background: #fff;
    padding: .5rem .75rem;
    border-radius: .5rem;
    border: 1px dashed #111;
    z-index: 5000;
}

bin-drop .bin-drop-bin.bin-hover {
    background: #f0f0f0;
}

bin-drop .option {
    background: #68971e;
    border-radius: .5rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    margin: .35em 0;
    padding: .8em 2rem;
    text-align: center;
    min-width: 150px;
}

bin-drop .option:hover {
    background: #65ad3d;
}

bin-drop .option.correct,
bin-drop .option.incorrect,
bin-drop .option.unselected {
    cursor: default;
}

bin-drop .option.correct,
bin-drop .option.correct:hover {
    background: #6da44e;
}

bin-drop .option.incorrect,
bin-drop .option.incorrect:hover {
    background: #b23735;
}

bin-drop .option.unselected,
bin-drop .option.unselected:hover {
    border: 1px dashed #111;
    background: #fff;
    color: #000;
}

bin-drop .option.correct,
bin-drop .option.incorrect,
bin-drop .option.unselected {
    position: relative;
}

bin-drop .option.correct .icon,
bin-drop .option.incorrect .icon,
bin-drop .option.unselected .icon {
    font-size: 1.5em;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

bin-drop .option.correct .icon.correct,
bin-drop .option.incorrect .icon.incorrect {
    visibility: visible;
}

hotspot-paper {
    background: rgba(20, 126, 197, .6666666667);
    border-radius: .5rem;
    display: block;
    overflow: scroll;
    padding: .75rem;
}

hotspot-paper svg.hotspot-paper {
    margin-right: .75rem;
}

hotspot-paper .hotspot-choice * {
    opacity: .4;
    transition: all 100ms ease-out;
    cursor: pointer;
    shape-rendering: geometricPrecision;
}

hotspot-paper .hotspot-choice :hover,
hotspot-paper .hotspot-choice.response *,
hotspot-paper .hotspot-choice.selected * {
    opacity: .7;
    stroke: #b3b3b3;
    stroke-width: 2px;
}

hotspot-paper .hotspot-choice.correct *,
hotspot-paper .hotspot-choice.incorrect * {
    cursor: default;
    opacity: .4;
}

hotspot-paper .hotspot-choice.neutral *,
hotspot-paper .hotspot-choice.response * {
    fill: #fff;
}

hotspot-paper .hotspot-choice.correct * {
    fill: #6da44e;
}

hotspot-paper .hotspot-choice.incorrect * {
    fill: #b23735;
}

.ordering-container .move-arrows {
    font-size: 1.5em;
    position: absolute;
    height: 1.33em;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 3.6em;
    cursor: pointer;
    z-index: 5;
}

@media screen and (max-width:35.5em) {
    .ordering-container .move-arrows {
        font-size: 1.25em;
        height: 1.5em;
    }
}

.ordering-container .choice {
    cursor: move;
}

.ordering-container .choice:before {
    content: "";
    width: 4em;
    height: 100%;
    background: #e2e2e2;
    display: inline-block;
    position: absolute;
    transition: background .25s ease-in;
    border-radius: .5rem 0 0 .5rem;
}

.ordering-container .choice:focus .move-arrows i,
.ordering-container .choice:hover .move-arrows i {
    background: #3aa4eb;
}

.ordering-container .choice:focus:before,
.ordering-container .choice:hover:before {
    background: #65ad3d;
}

.ordering-container .choice .move-arrows i {
    background: #147EC5;
    border-radius: .25rem;
    padding: .25rem;
    transition: color .25s ease-in, background .25s ease-in;
    color: #fff;
    float: left;
    width: 1.33em;
    text-align: center;
}

.ordering-container .choice .move-arrows i:first-of-type {
    margin-right: .25em;
}

.ordering-container .choice .move-arrows i:focus,
.ordering-container .choice .move-arrows i:hover {
    color: #ffc72c;
    background: #fff;
}

.ordering-container .choice .label {
    right: auto;
    left: -3.55rem;
}

@media screen and (max-width:47.9375em) {
    .ordering-container .choice .label {
        left: -3.55em;
    }
}

.ordering-container .choice-text {
    display: inline-block;
    line-height: 2em;
    width: 100%;
    margin: .5rem 0;
    position: relative;
}

.ordering-container .choice-text .letter {
    text-align: center;
    width: 4em;
    padding-left: 0;
    position: absolute;
}

.ordering-container .choice-text .text {
    margin-right: 5.5em;
    margin-left: 5em;
    float: left;
    line-height: 1;
    padding: .5em 0;
}

@media screen and (max-width:35.5em) {
    .ordering-container .choice-text .text {
        margin-right: 4.5em;
    }
}

.ap-matching-question .matching-correct-btns {
    float: right;
}

.ap-matching-question .matching-wrap {
    margin-top: .33rem;
    margin-bottom: .33rem;
    overflow: hidden;
}

.ap-matching-question .matching-wrap .matching-btn {
    overflow: visible;
    white-space: normal;
}

.ap-matching-question .matching-wrap .matching-defs,
.ap-matching-question .matching-wrap .matching-terms {
    float: left;
    width: 47.5%;
    display: block;
    height: 100%;
}

.ap-matching-question .matching-wrap .matching-defs button,
.ap-matching-question .matching-wrap .matching-terms button {
    width: 100%;
    float: left;
    border-width: 2px;
    margin-bottom: .75rem;
    background: #fff;
}

.ap-matching-question .matching-wrap .matching-defs button:focus,
.ap-matching-question .matching-wrap .matching-defs button:hover,
.ap-matching-question .matching-wrap .matching-terms button:focus,
.ap-matching-question .matching-wrap .matching-terms button:hover {
    background: #69baf0;
}

.ap-matching-question .matching-wrap .matching-defs .matching-btn,
.ap-matching-question .matching-wrap .matching-terms .matching-btn {
    white-space: normal !important;
}

.ap-matching-question .matching-wrap .matching-defs .matching-row button:after,
.ap-matching-question .matching-wrap .matching-terms .matching-row button:after {
    width: 0;
    content: "";
    position: absolute;
    height: 2px;
    background: #9eda41;
    top: 1.33rem;
    transition: all ease .5s .5s;
    z-index: -1;
}

.ap-matching-question .matching-wrap .matching-defs .matching-row.matched button:after,
.ap-matching-question .matching-wrap .matching-terms .matching-row.matched button:after {
    width: 5.5%;
}

.ap-matching-question .matching-wrap .matching-terms {
    margin-right: 5%;
}

.ap-matching-question .matching-wrap .matching-terms .matching-row.matched button:after {
    left: 100%;
}

.ap-matching-question .matching-wrap .matching-defs .matching-row.matched button:after {
    right: 100%;
}

.ap-matching-question .matching-wrap .matching-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block;
    width: 100%;
    position: relative;
}

.ap-matching-question .matching-wrap .matching-list.activeItem li {
    opacity: .33;
}

.ap-matching-question .matching-wrap .matching-list.activeItem li.activeItem,
.ap-matching-question .matching-wrap .matching-list.activeItem li.matched {
    opacity: 1;
}

.ap-matching-question .matching-wrap .matching-list li {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    transition: top ease .5s;
}

.ap-matching-question .matching-wrap .matching-row button {
    display: inline-block;
}

.ap-matching-question .matching-wrap .matching-row.matched button {
    background: #9eda41;
    color: #fff;
    border-color: #9eda41;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .08);
}

.ap-matching-question .matching-wrap .matching-row.activeItem button {
    background: #147EC5;
    color: #fff;
    border-color: #147EC5;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .08);
}

.ap-matching-question .matching-wrap .matching-row.incorrect button {
    color: #fff;
    border-color: #b23735;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .08);
    background: #b23735;
}

.ap-matching-question .matching-wrap .matching-row.incorrect button:after {
    background: #b23735;
}

.ap-matching-question .matching-wrap .matching-row.correct button {
    color: #fff;
    border-color: #6da44e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .08);
    background: #6da44e;
}

.ap-matching-question .matching-wrap .matching-row.correct button:after {
    background: #6da44e;
}

.ap-matching-question.disabled button.lo-btn-outline {
    cursor: not-allowed;
}

.correct-toggle {
    text-align: right;
}

.ap-fill-blank .fillblank {
    width: 100%;
}

.ap-checkbox .choice .cb-label {
    margin: .25em 0;
}

.ap-checkbox .choice .ap-cb-input .letter {
    left: .625em;
    right: auto;
}

.ap-checkbox .choice .ap-cb-input .multi-check {
    border: 1px solid #999;
    border-radius: .25rem;
    height: 1.25em;
    width: 1.25em;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: .675em;
}

.ap-checkbox .choice .ap-cb-input .multi-check .icon {
    font-size: 1.25em;
}

.comp-ass-submissions textarea {
    height: 10.25em;
    margin: 0;
    float: right;
}

.comp-ass-submissions button[type=submit] {
    float: right;
    width: 10em;
    margin-bottom: 1em;
}

.asset-final-project-uploads>p,
.comp-ass-uploads>p {
    text-align: center;
    width: 100%;
    margin: .5em 0;
}

.asset-final-project-uploads .btn,
.comp-ass-uploads .btn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

.asset-final-project-uploads ul,
.comp-ass-uploads ul {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}

.asset-final-project-uploads ul li,
.comp-ass-uploads ul li {
    padding: .5em 0;
}

.asset-final-project-uploads ul progress,
.comp-ass-uploads ul progress {
    margin-left: 1em;
    float: right;
}

.asset-final-project #quiz-wrap .player {
    padding: 0;
}

.drop-box {
    background: rgba(255, 255, 255, .5);
    border: 1px dashed #65ad3d;
    width: 100%;
    height: 5em;
    line-height: 5em;
    text-align: center;
    border-radius: .33em;
}

.drop-box.dragover {
    background: rgba(109, 164, 78, .25);
}

.drop-box.dragover-err {
    background: rgba(248, 196, 0, .25);
}

.comp-ass-prev-submissions {
    margin-top: 1.5em;
}

.comp-ass-prev-submissions table {
    width: 100%;
    table-layout: fixed;
}

.comp-ass-prev-submissions table tr>td:first-child {
    width: 6em;
}

.comp-ass-prev-submissions ul li {
    list-style: disc;
    margin-left: 1rem;
}

#quiz-content-wrap {
    display: inline-block;
    width: 100%;
}

#quiz-nav-wrap {
    width: 100%;
    background: rgba(255, 255, 255, .92);
}

#quiz-nav-wrap .ap-nav {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0 2.5%;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    float: none;
    white-space: nowrap;
}

#quiz-nav-wrap .ap-nav li {
    margin: .5rem .67rem .5rem 0;
    padding: 0;
    display: inline-block;
    background: #fff;
    border: 1px solid #f0f0f0;
    height: 2.3em;
    min-width: 2.3em;
    line-height: 1.25;
    text-align: center;
    border-radius: .25rem;
    transition: all ease .5s;
    cursor: pointer;
}

#quiz-nav-wrap .ap-nav li span {
    display: block;
    padding-top: .5rem;
    opacity: 1;
    transition: opacity ease .5s;
}

#quiz-nav-wrap .ap-nav li span.icon {
    line-height: 1.25em;
}

#quiz-nav-wrap .ap-nav li.invisible {
    width: 0;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

#quiz-nav-wrap .ap-nav li.invisible span {
    opacity: 0;
    width: 0;
}

#quiz-nav-wrap .ap-nav li.not-yet-answered {
    background: #fff;
}

#quiz-nav-wrap .ap-nav li.skipped {
    background: #e2e2e2;
    color: #444;
    border-color: #d5d5d5;
}

#quiz-nav-wrap .ap-nav li.answered {
    background: #9eda41;
    color: #fff;
    border-color: #93d62c;
}

#quiz-nav-wrap .ap-nav li.current {
    background: #ffc72c;
    color: #fff;
    border-color: #dfb000;
}

#quiz-nav-wrap .ap-nav li.correct {
    background: #6da44e;
    color: #fff;
    border-color: #629346;
}

#quiz-nav-wrap .ap-nav li.incorrect {
    background: #b23735;
    border: 1px solid #9e312f;
    color: #fff;
}

.dynamic-content-player header {
    margin: 1rem 0;
    display: inline-block;
    width: 100%;
    background: 0 0;
    box-shadow: none;
}

.dynamic-content-player .quiz-title h1 {
    display: inline-block;
    float: left;
    margin: 0;
}

.dynamic-content-player .quiz-done {
    float: right;
    display: inline-block;
}

.dynamic-content-player .customID {
    display: none;
}

@media (min-width:35.5em) {
    .dynamic-content-player .ap-question-container,
    .dynamic-content-player .feedback {
        width: 90%;
        margin-right: 10%;
    }
}

.dynamic-content-player .feedback {
    clear: both;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.ap-question .ap-response-feedback {
    margin: 0 0 .33rem 3rem;
    width: calc(100% - 3rem - 1.5rem + 2px);
    font-size: .925em;
    padding: .75rem;
}

@media screen and (max-width:47.9375em) {
    .ap-question .ap-response-feedback {
        margin-left: 1rem;
        width: calc(100% - 3rem);
    }
}

.ap-question .ap-response-feedback:before {
    position: absolute;
    bottom: calc(100% + 2px);
    left: calc(50% - .5em);
    height: 0;
    width: 0;
    content: "";
    border-bottom: .5em solid rgba(255, 255, 255, .75);
    border-right: .5em solid transparent;
    border-top: .5em solid transparent;
    border-left: .5em solid transparent;
}

.ap-question .ap-response-feedback:after {
    position: absolute;
    bottom: 100%;
    left: calc(50% - .5em);
    height: 0;
    width: 0;
    content: "";
    border-top: .5em solid transparent;
    border-right: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: .5em solid transparent;
}

.ap-question .ap-response-feedback.correct:after {
    border-bottom-color: rgba(186, 215, 170, .82);
}

.ap-question .ap-response-feedback.incorrect:after {
    border-bottom-color: rgba(230, 171, 170, .75);
}

.ap-question-text {
    display: inline-block;
    width: 100%;
    line-height: 1.15em;
    font-size: 1em;
    position: relative;
    margin-bottom: 1.5rem;
}

.ap-question-text .number {
    color: #65ad3d;
    font-size: 2em;
    line-height: 1;
    max-width: 9%;
    position: absolute;
    left: 0;
    top: -.25rem;
    text-align: right;
    transition: font-size .5s ease;
}

@media screen and (max-width:64em) {
    .ap-question-text .number {
        font-size: 1.85em;
    }
}

@media screen and (max-width:48em) {
    .ap-question-text .number {
        font-size: 1.67em;
        left: -.75em;
        top: -.15rem;
    }
}

@media screen and (max-width:35.5em) {
    .ap-question-text .number {
        font-size: 1.5em;
    }
}

.ap-question-text img {
    max-width: 90%;
}

.choice {
    float: left;
    margin: .33rem 0 .33rem 3rem;
    clear: both;
    border: 1px solid #efefef;
    background: #fff;
    transition: all .25s ease-in;
    padding: 0;
    position: relative;
    border-radius: .5rem;
    cursor: pointer;
}

.choice:focus,
.choice:hover {
    background: #bfe681;
    border-color: #bfe681;
    color: #fff;
}

.choice:focus .ap-cb-input,
.choice:focus .ap-mc-input,
.choice:hover .ap-cb-input,
.choice:hover .ap-mc-input {
    background: #65ad3d;
}

.choice.selected {
    background: #9eda41;
    border-color: #9eda41;
    color: #fff;
}

.choice.selected .ap-cb-input,
.choice.selected .ap-mc-input {
    background: #65ad3d;
}

@media screen and (max-width:47.9375em) {
    .choice {
        margin-left: 1rem;
        width: calc(100% - 1rem);
    }
}

.choice .ap-cb-option,
.choice .ap-mc-option {
    margin-left: 0;
    margin-right: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.75em;
    padding: .5rem 1rem .5rem 5.25rem;
}

.choice .ap-cb-option>div,
.choice .ap-mc-option>div {
    margin-right: 0;
    width: 100%;
    display: block;
}

.choice .ap-cb-option p,
.choice .ap-mc-option p {
    margin: 0;
}

.choice .ap-cb-input,
.choice .ap-mc-input {
    cursor: pointer;
    width: 2.5%;
    height: 100%;
    padding: 0;
    text-align: center;
    background: #e2e2e2;
    position: absolute;
    transition: all .25s ease-in;
    min-width: 4rem;
    min-height: 2rem;
    border-radius: .5rem 0 0 .5rem;
}

.choice .ap-cb-input:focus,
.choice .ap-cb-input:hover,
.choice .ap-mc-input:focus,
.choice .ap-mc-input:hover {
    background: #65ad3d;
    color: #fff;
}

.choice .ap-cb-input .letter,
.choice .ap-mc-input .letter {
    float: none;
    padding: 0;
    margin: auto;
    line-height: 1;
    height: 1em;
    width: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.choice .ap-cb-input input,
.choice .ap-mc-input input {
    display: none;
}

.choice .feedback-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.choice .label {
    position: absolute;
    right: 4.85rem;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: .5rem;
    font-size: .85rem;
    height: 2.5rem;
    width: 2.75rem;
}

@media screen and (max-width:47.9375em) {
    .choice .label {
        right: 4.25rem;
    }
}

.choice .label:after {
    left: 100%;
    top: .75rem;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #efefef;
    border-width: .5rem;
}

.choice .label.correct {
    background: #6da44e;
    color: #fff;
}

.choice .label.correct .icon-check,
.choice .label.correct .icon-checkmark {
    font-size: 1.85em;
}

.choice .label.incorrect {
    background: #b23735;
    color: #fff;
}

.choice .label.incorrect .icon-cross {
    font-size: 1.15em;
}

.choice .label.incorrect:after {
    border-left-color: #b23735;
}

.choice .label.correct:after {
    border-left-color: #6da44e;
}

.choice .label .icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1em;
    width: 1em;
    font-size: 1em;
}

.choice>label {
    float: left;
    margin-left: 1rem;
    line-height: 1.75;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
}

.ap-question-text-default p:last-of-type {
    margin-bottom: 0;
}

.question-taxons {
    margin: 0rem 0rem 1rem 3.5rem;
    width: calc(100% - 1rem);
    font-size: 1rem;
    line-height: 1.5em;
    display: list-item;
    list-style-position: inside;
}

.quiz-content-question+.question-taxons {
    margin: 1rem 0rem 1rem 3.5rem;
}

.ap-response-feedback {
    padding: 1rem;
    border-radius: .5rem;
    margin-top: 1rem;
    margin-left: 3rem;
    display: inline-block;
    width: calc(100% - 3rem - 2rem);
    position: relative;
}

@media screen and (max-width:47.9375em) {
    .ap-response-feedback {
        margin-left: 1rem;
        width: calc(100% - 1rem - 2rem);
    }
}

.ap-response-feedback.correct {
    background: rgba(186, 215, 170, .82);
}

.ap-response-feedback.incorrect {
    background: rgba(230, 171, 170, .75);
}

.ap-response-feedback table {
    table-layout: auto;
    table-layout-border-collapse: collapse;
}

.ap-response-feedback tr {
    vertical-align: top;
}

.ap-response-feedback td {
    padding: .75em;
    border: 1px solid #65ad3d;
}

.ap-response-feedback img {
    max-width: 100%;
}

.ap-response-feedback p {
    margin: 0;
}

.user-feedback-text,
.user-feedback-type {
    width: 100%;
}

.basic-player-btns {
    margin: 1em 0;
}

.asset-ilo-page {
    padding-bottom: 1.5em;
}

.asset-learning-objective>.comp-content,
.asset-learning-objective>.lo-container {
    padding: 1em 0;
}

.asset-learning-objective .lo-panel-header {
    background: #0f6097;
    color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .15) inset;
}

.asset-learning-objective .asset-intro-title {
    font-size: 1.25em;
}

.asset-learning-objective img {
    background: #f9f9f9;
    border: 1px solid #efefef;
    border-radius: .5rem;
    display: block;
    padding: .5em;
    max-width: calc(95% - 1rem - 1px);
}

.asset-intro {
    margin-bottom: 1.5em;
}

.asset-ilo {
    padding-top: 2.5em;
    position: relative;
}

.asset-ilo .asset-list {
    list-style-type: none;
    margin-left: 0;
}

.asset-ilo .asset-list>li {
    margin: 2rem 0;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e2e2e2;
    list-style: none;
}

.asset-ilo .quiz-content .ap-bin-drop,
.asset-ilo .quiz-content .ap-checkbox,
.asset-ilo .quiz-content .ap-fill-blank,
.asset-ilo .quiz-content .ap-hotspot-question,
.asset-ilo .quiz-content .ap-matching-question,
.asset-ilo .quiz-content .ap-multiple-choice,
.asset-ilo .quiz-content .ap-ordering-question {
    margin: 2rem 0;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e2e2e2;
    display: inline-block;
    width: 100%;
}

.asset-ilo .lo-footer-nav {
    margin: 0 0 1.5em;
    background: #fff;
    border-radius: .5rem;
    padding: .5em;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
}

.asset-ilo-description:empty {
    display: none;
}

.lo-btn-restart-activity {
    min-width: 33%;
    height: 3em;
    display: block;
    margin: 1em auto;
}

header {
    width: 100%;
    color: #444;
    line-height: 1;
    display: table;
}

#main-logo {
    cursor: pointer;
}

#quiz-wrap header,
.comp-head {
    background: #65ad3d;
    position: relative;
}

#quiz-wrap header:before,
.comp-head:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .125;
    display: block;
    background-size: 100%;
    background-position: 25% 33%;
    background-repeat: repeat;
}

#quiz-wrap header {
    font-size: .8333333333em;
    padding: 3em 5%;
    width: 100%;
    display: block;
    margin: 0;
    overflow: hidden;
    z-index: 0;
}

.comp-head {
    z-index: 3;
    min-height: 2.25rem;
}

.comp-head .comp-title {
    padding: 1.33em 5%;
    background: 0 0;
    font-weight: 200;
    font-size: 2.5em;
    display: block;
    position: relative;
    top: auto;
    width: 90%;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    text-overflow: ellipsis;
    transition: background ease .5s;
}

@media screen and (max-width:64em) {
    .comp-head .comp-title {
        font-size: 2.15em;
        width: 93%;
        padding: 1.25em 3.5%;
    }
}

@media screen and (max-width:48em) {
    .comp-head .comp-title {
        font-size: 2em;
        padding: 1.15em 3.5%;
    }
}

@media screen and (max-width:35.5em) {
    .comp-head .comp-title {
        font-size: 1.67em;
        padding: 1em 2.5%;
        width: 95%;
    }
}

.comp-head .comp-title .prog-circle {
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    font-size: inherit;
    height: auto;
    margin: 0;
    width: auto;
}

.comp-head .comp-title .prog-circle .comp-percent {
    opacity: 0;
}

.comp-head .comp-title .c100 {
    font-size: 1.33em;
    margin: -.025em .425em .15em 0;
    border: .05em solid #fff;
    cursor: default;
}

.comp-head .comp-title .c100 .de-icon,
.comp-head .comp-title .c100 .icon {
    font-size: .5em;
}

.comp-head .comp-title .btn,
.comp-head .comp-title .lo-btn,
.comp-head .comp-title button {
    font-size: 1rem;
}

.comp-head .comp-title .save-resume-attempt-info {
    font-size: 1rem;
    text-align: center;
    position: absolute;
    top: 2em;
    right: 6%;
}

.comp-head .comp-title .btn-save-resume {
    font-size: 1rem;
    position: absolute;
    top: 2.75em;
    right: 5%;
}

@media screen and (max-width:48em) {
    .comp-head .comp-title .btn-save-resume {
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        font-size: .85rem;
        position: relative;
        margin-top: 1.5em;
        float: left;
    }
}

.comp-head .comp-title-active {
    transition: none;
    line-height: 1em;
    position: absolute;
    min-height: 2.25rem;
    width: 100%;
    top: 2.25rem;
    margin-top: -2.25rem;
    display: block;
    background: rgba(104, 151, 30, .5);
    font-size: 1em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
}

.comp-head.active .comp-title-active {
    transition: margin ease .5s;
    background: rgba(104, 151, 30, .925);
    position: fixed;
    top: 0;
    opacity: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    width: 100%;
    z-index: 3;
    margin-top: 0;
}

.comp-head.active .user-switcher {
    top: .15em;
    width: 10em;
    right: 1.5%;
    position: fixed;
    z-index: 1;
    font-size: .375em;
    margin-top: 0;
    transition: margin ease .5s;
}

.comp-head.active .user-switcher .lo-btn {
    font-size: .85em;
}

@media screen and (max-width:64em) {
    .comp-head.active .user-switcher {
        font-size: .433em;
    }
}

@media screen and (max-width:48em) {
    .comp-head.active .user-switcher {
        right: 0;
        top: 0;
        width: 3.15em;
        left: auto;
        font-size: .5em;
    }
    .comp-head.active .user-switcher .lo-btn {
        min-width: 0;
        padding: 1.33em .75em;
        width: 1.67em;
        float: right;
    }
    .comp-head.active .user-switcher .lo-btn .icon {
        font-size: 1.33em;
        margin: 0;
        width: 100%;
    }
    .comp-head.active .user-switcher .lo-btn .icon:before {
        top: .5em;
    }
    .comp-head.active .user-switcher .user-name {
        display: none;
    }
}

@media screen and (max-width:35.5em) {
    .comp-head.active .user-switcher .lo-btn {
        padding: 1.125em .33em;
        font-size: 1.185em;
    }
    .comp-head.active .user-switcher .lo-btn .icon {
        font-size: 1.15em;
    }
    .comp-head.active .user-switcher .lo-btn .icon:before {
        top: .5em;
    }
}

.comp-head-instructor:before {
    background-position: 25% calc(33% - 4.25rem);
}

.comp-head-instructor .comp-title {
    margin-top: 0;
}

.comp-subtitle {
    padding: 1em 2.5%;
    height: 100%;
    width: 95%;
    margin: 0;
    background: rgba(255, 255, 255, .18);
    position: relative;
    z-index: 2;
    top: 2.775em;
    font-size: .45em;
    font-weight: 200;
    color: #fff;
    border-radius: .5rem .5rem 0 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.comp-subtitle:empty {
    opacity: 0;
    padding: 0;
    margin: 0;
}

.instructor .comp-head.active .asset-crumb-trail {
    width: calc(98.5% - 7.5em);
}

@media screen and (max-width:48em) {
    .instructor .comp-head.active .asset-crumb-trail {
        padding-right: 2.5em;
        width: calc(100% - 2.5em);
    }
}

.instructor .comp-title {
    position: relative;
    z-index: 3;
}

.instructor .comp-head .comp-title .asset-title {
    padding-right: 5.5em;
}

@media screen and (max-width:48em) {
    .instructor .comp-head .comp-title .asset-title {
        padding-right: 0;
    }
}

.comp-head .comp-title .asset-title .header-title {
    width: calc(100% - 4.1em);
    display: inline-block;
}

.header-grade {
    font-size: .5em;
    background-color: #fff;
    color: #000;
    border-radius: 1em;
    padding: .5em;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 48px;
    right: calc(5% + 11em);
}

@media screen and (max-width:48em) {
    .header-grade {
        right: 1em;
        bottom: 45px;
        top: auto;
    }
}

.header-grade .small {
    font-size: .5em;
}

.user-switcher {
    position: absolute;
    right: 5%;
    top: 5.25em;
    font-size: .425em;
    width: 12em;
    transition: none;
    margin-top: -2.5em;
    overflow: hidden;
}

@media screen and (max-width:64em) {
    .user-switcher {
        top: 5em;
        right: 3.5%;
    }
}

@media screen and (max-width:48em) {
    .user-switcher {
        right: auto;
        left: 0;
        bottom: 0;
        top: auto;
        width: 100%;
        font-size: .67em;
        background: 0 0;
    }
}

.user-switcher>.lo-btn {
    min-height: 0;
    top: 0;
    padding: .67em 2.5em .67em .67em;
    width: calc(100% - 3.33em);
    text-align: left;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width:48em) {
    .user-switcher>.lo-btn {
        border-radius: 0;
        background: rgba(255, 255, 255, .25);
        margin: 0;
        display: block;
        padding: .67em 3em .67em 1.5em;
        width: calc(100% - 4.5em);
        border: 0;
    }
}

.user-switcher>.lo-btn.active {
    position: fixed;
    top: 0;
    margin-top: .175em;
    right: 0;
}

.user-switcher>.lo-btn .icon {
    position: absolute;
    background: #ffc72c;
    right: 0;
    top: 0;
    margin: 0;
    height: 100%;
    width: 2.33em;
    text-align: center;
}

.user-switcher>.lo-btn .icon:before {
    position: relative;
    top: .625em;
    left: -.05em;
}

.domain-message {
    text-align: center;
    margin: 2em 0 0;
    font-size: 1.2em;
}

.instructor-page-container .student-page {
    padding-top: 2.5rem;
}

.asset-header-nav-container {
    padding: .5em;
}

@media screen and (min-width:0) {
    .asset-header-nav-container {
        height: 2em;
    }
    .asset-header-nav-container .nav-toggle-button-container {
        font-size: 2em;
    }
}

@media screen and (min-width:35.5em) {
    .asset-header-nav-container {
        height: 3em;
    }
    .asset-header-nav-container .nav-toggle-button-container {
        font-size: 3em;
    }
}

.nav-toggle-button-container {
    height: 1em;
    width: 1em;
    margin: 0 .25em;
}

.nav-toggle-button-container .wrapped-button {
    background-color: #fff;
}

.lo-asset-layout {
    position: relative;
    letter-spacing: -.31em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lo-asset-layout.header-layout {
    height: 0;
    overflow: visible;
}

.lo-asset-column {
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    margin: 0;
}

.lo-asset-content-column {
    width: 100%;
    max-width: 64em;
    padding: 0 1em;
}

@media screen and (max-width:64em) {
    .lo-asset-content-column {
        max-width: 100%;
    }
}

@media screen and (max-width:35.5em) {
    .lo-asset-content-column {
        padding: 0 calc(1em / 2);
    }
}

.lo-asset-left-column,
.lo-asset-right-column {
    width: 100%;
    max-width: calc(50% - 64em / 2);
}

@media screen and (max-width:64em) {
    .lo-asset-left-column,
    .lo-asset-right-column {
        max-width: 100%;
    }
}

.lo-playlist-layout {
    position: relative;
    padding: 0 5%;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -.31em;
    display: block;
    max-width: 70rem;
}

@media screen and (max-width:64em) {
    .lo-playlist-layout {
        padding: 0 3.5%;
    }
}

@media screen and (max-width:35.5em) {
    .lo-playlist-layout {
        padding: 0 2.5%;
    }
}

.lo-playlist-layout.header-layout {
    height: 0;
    overflow: visible;
}

@media screen and (max-width:35.5em) {
    .lo-playlist-layout.header-layout {
        padding: 0;
    }
}

.lo-playlist-column {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
}

.lo-playlist-left-column {
    width: 12.5em;
    min-height: 2.5em;
}

@media screen and (max-width:64em) {
    .lo-playlist-left-column {
        width: 3.5em;
    }
}

@media screen and (max-width:35.5em) {
    .lo-playlist-left-column {
        width: 100%;
        margin-bottom: .5em;
        height: 2.5em;
        display: block;
    }
}

.lo-playlist-right-column {
    width: 1px;
}

@media screen and (max-width:64em) {
    .lo-playlist-right-column {
        width: 3.5em;
    }
}

@media screen and (max-width:35.5em) {
    .lo-playlist-right-column {
        width: 0;
    }
}

.lo-playlist-content-column {
    width: calc(100% - 12.5em - 1px);
    padding: 0 0 0 calc(1em * 3);
}

@media screen and (max-width:64em) {
    .lo-playlist-content-column {
        width: calc(100% - 3.5em - 1px);
        padding: 0 0 0 calc(1em * 2);
    }
}

@media screen and (max-width:48em) {
    .lo-playlist-content-column {
        padding: 0 0 0 calc(1em * 1.5);
    }
}

@media screen and (max-width:35.5em) {
    .lo-playlist-content-column {
        width: 100%;
        padding: 0 1%;
    }
}

.asset-crumb-trail .trail-segment {
    line-height: 1.5;
    color: #666;
    font-size: .925em;
}

@media screen and (max-width:48em) {
    .asset-crumb-trail .trail-segment {
        font-size: .85em;
    }
}

.asset-crumb-trail .trail-segment>* {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 25%;
}

.asset-crumb-trail .linked-segment {
    cursor: pointer;
}

.asset-crumb-trail .segment-slash {
    margin: 0 .25em;
    opacity: .75;
}

.lo-pagination {
    border-radius: .5rem;
    display: inline-block;
    margin: 1em 0;
    padding-left: 0;
}

.lo-pagination>li {
    display: inline;
}

.lo-pagination>li:first-child>a,
.lo-pagination>li:first-child>button,
.lo-pagination>li:first-child>span {
    margin-left: 0;
}

.lo-pagination>li:last-child>a,
.lo-pagination>li:last-child>button,
.lo-pagination>li:last-child>span {
    margin-right: 0;
}

.lo-pagination>li>a,
.lo-pagination>li>button,
.lo-pagination>li>span {
    background: #fff;
    color: #65ad3d;
    float: left;
    line-height: 1.42857;
    padding: .5rem 1rem;
    position: relative;
    text-decoration: none;
    margin-right: .5rem;
    transition: color .5s ease-in, background .5s ease-in;
}

.lo-pagination>li>a:hover,
.lo-pagination>li>button:hover,
.lo-pagination>li>span:hover {
    color: #fff;
    background: #a9de57;
}

.lo-pagination li.active a,
.lo-pagination li.active button,
.lo-pagination li.active span {
    background: #65ad3d;
    color: #fff;
    text-shadow: 0 1px 0 #444;
}

.lo-pagination li.active a:hover,
.lo-pagination li.active button:hover,
.lo-pagination li.active span:hover {
    background: #65ad3d;
    cursor: default;
}

.lo-pagination>li.disabled>a,
.lo-pagination>li.disabled>button,
.lo-pagination>li.disabled>span {
    background: #fff;
    color: #999;
    text-shadow: none;
    cursor: not-allowed;
    box-shadow: none;
}

.lo-pagination>li.disabled>a:hover,
.lo-pagination>li.disabled>button:hover,
.lo-pagination>li.disabled>span:hover {
    background: #fff;
}

.lo-striped-list {
    background: 0 0;
    border-radius: .5rem;
}

.lo-striped-list li {
    cursor: pointer;
    transition: background .5s ease;
}

.lo-striped-list li:nth-child(even) {
    background: #efefef;
}

.lo-striped-list li:nth-child(odd) {
    background: #f9f9f9;
}

.lo-striped-list li:hover {
    background: #65ad3d;
    color: #fff;
}

.lo-striped-list li:active {
    transition: background 0;
    background: #147EC5;
    color: #fff;
}

.list-text-filter input {
    padding: .5rem;
    width: 95%;
}

.list-text-filter span {
    position: relative;
    left: 26rem;
    bottom: 1.75rem;
}

.basic-striped-list {
    background: 0 0;
    border-radius: .5rem;
    font-size: 1rem;
    padding-right: 2.25rem;
}

.basic-striped-list li {
    cursor: pointer;
    transition: background .5s ease;
}

.basic-striped-list li:nth-child(even) {
    background: #efefef;
}

.basic-striped-list li:nth-child(odd) {
    background: #f9f9f9;
}

.basic-striped-list li:hover {
    background: #65ad3d;
    color: #fff;
}

.basic-striped-list li:active {
    transition: background 0;
    background: #147EC5;
    color: #fff;
}

.basic-striped-list li {
    padding: 1rem;
}

ol>li.largeNums {
    counter-increment: step-counter;
    min-height: 3.33em;
    position: relative;
    padding-left: 4.25em;
    list-style-type: none;
    margin: 0;
}

ol>li.largeNums:before {
    content: counter(step-counter);
    font-size: 1.5em;
    background: #65ad3d;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    height: 1.75em;
    width: 1.75em;
    top: -.425em;
    text-align: center;
    line-height: 1.75em;
}

ul.reset-list {
    margin: 0;
}

ul.reset-list>li {
    list-style: none;
    margin: 0;
}

.lo-panel {
    background: rgba(255, 255, 255, .85);
    margin: 1em 0;
    border-radius: .5rem;
    background-clip: border-box;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.lo-panel-footer,
.lo-panel-header {
    background: #f9f9f9;
    padding: .75em 1.25em;
}

.lo-panel-footer a,
.lo-panel-footer a:hover,
.lo-panel-header a,
.lo-panel-header a:hover {
    color: #65ad3d;
}

.lo-panel-header {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
}

.lo-panel-body {
    padding: .75em 1.25em;
}

.lo-panel-body.collapsed {
    padding-top: 0;
    padding-bottom: 0;
}

.lo-panel-warning>.lo-panel-footer,
.lo-panel-warning>.lo-panel-header {
    color: #de8c16;
}

.lo-panel-alert>.lo-panel-footer,
.lo-panel-alert>.lo-panel-header {
    color: #b23735;
}

.lo-panel-primary>.lo-panel-footer,
.lo-panel-primary>.lo-panel-header {
    color: #65ad3d;
}

.lo-panel-primary-light>.lo-panel-footer,
.lo-panel-primary-light>.lo-panel-header {
    color: #9eda41;
}

.lo-panel-secondary>.lo-panel-footer,
.lo-panel-secondary>.lo-panel-header {
    color: #147EC5;
}

.lo-panel-loading {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    border: 0;
    box-shadow: none;
}

.lo-panel-loading .lo-panel-body {
    margin-top: 25vh;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    border-radius: .5rem;
    padding: 2em 4em;
    display: inline-block;
}

.lo-panel-loading .lo-panel-body>p {
    display: block;
    font-size: 2.5em;
    color: #65ad3d;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.lo-well {
    background-color: #f0f0f0;
    border: 1px solid #f9f9f9;
    border-radius: .5rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset;
    margin-bottom: 1rem;
    min-height: 1rem;
    padding: 1rem;
}

.dropdown-wrap {
    display: inline-block;
    position: relative;
}

.dropdown-wrap .dropdown-toggle {
    text-align: left;
    padding-right: 2.5rem;
}

.dropdown-wrap .dropdown-toggle .icon,
.dropdown-wrap .dropdown-toggle .lo-icon {
    position: absolute;
    right: .75rem;
    font-size: .85em;
    line-height: 1.25em;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1rem;
}

.dropdown-wrap .dropdown-menu {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    background: #fff;
    margin: .25rem 0 0;
    width: 100%;
    transition: opacity .5s ease;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    border: 1px solid #65ad3d;
    border-radius: .5rem;
    overflow: hidden;
    color: #65ad3d;
    list-style: none;
    padding: 0;
}

.dropdown-wrap .dropdown-menu li {
    cursor: pointer;
    margin: 0;
}

.dropdown-wrap .dropdown-menu li:focus,
.dropdown-wrap .dropdown-menu li:hover {
    background: #65ad3d;
    color: #fff;
}

.dropdown-wrap .dropdown-menu li a {
    padding: .75rem;
    display: block;
    text-decoration: none;
    font-size: .85em;
    text-shadow: none;
}

.dropdown-wrap .dropdown-menu li a:active,
.dropdown-wrap .dropdown-menu li a:hover {
    color: #fff;
}

.dropdown-wrap.open {
    z-index: 4;
}

.dropdown-wrap.open .dropdown-menu {
    visibility: visible;
    opacity: 1;
}

.dropdown-wrap.open.lo-accent .dropdown-menu {
    border-color: #ffc72c;
    color: #ffc72c;
}

.dropdown-wrap.open.lo-accent .dropdown-menu li:focus,
.dropdown-wrap.open.lo-accent .dropdown-menu li:hover {
    background-color: #ffc72c;
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade {
    background: rgba(0, 0, 0, .5);
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog {
    position: relative;
    max-width: 48rem;
    margin: 10vh auto;
    padding: 1em;
}

.modal-dialog.modal-lg {
    max-width: 50rem;
}

.modal-dialog.modal-md {
    max-width: 40rem;
}

.modal-dialog.modal-sm {
    max-width: 30rem;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: .5rem;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50);
}

.modal-close {
    background: #b23735;
    border-radius: 0 .5rem;
    position: relative;
    z-index: 1;
    padding: .67em;
}

.modal-close:hover {
    background: #772523;
}

.modal-header {
    padding: 1rem 1rem .5rem;
    margin-bottom: .5rem;
    min-height: 1rem;
    background: #f9f9f9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    border-radius: .5rem .5rem 0 0;
}

.modal-header h2,
.modal-header h3,
.modal-header>h1 {
    margin: .25em 0;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-header .modal-close {
    margin: -1rem -1rem .5rem .5rem;
    float: right;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 1rem;
}

.modal-input-full {
    width: 100%;
}

.modal-footer {
    padding: 1rem;
    text-align: right;
}

.modal-footer .btn,
.modal-footer .lo-btn+.lo-btn,
.modal-footer button {
    margin-left: .33rem;
    margin-bottom: 0;
}

.modal-footer .lo-btn-group .lo-btn+.lo-btn {
    margin-left: -1px;
}

.modal-footer .lo-btn-block+.lo-btn-block {
    margin-left: 0;
}

.lo-form-validation.error {
    color: #de8c16;
}

.lo-checkbox-wrap input[type=checkbox] {
    display: none;
}

.lo-checkbox-wrap input[type=checkbox]:checked+.lo-checkbox-label .lo-checkbox {
    border-color: #6da44e;
    background: #6da44e;
}

.lo-checkbox-wrap input[type=checkbox]:checked+.lo-checkbox-label .lo-checkbox:after {
    opacity: 1;
    color: #fff;
}

.lo-checkbox-wrap input[type=checkbox]:disabled+.lo-checkbox-label .lo-checkbox {
    border: 0;
    box-shadow: none;
}

.lo-checkbox-label {
    display: inline-block;
    margin: 0;
    font-size: .925em;
    padding: .75em;
    border-radius: .5rem;
    background: rgba(255, 255, 255, .67);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    transition: background ease .5s;
}

.lo-checkbox-label:hover {
    cursor: pointer;
    background: #fff;
}

.lo-checkbox {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08) inset;
    height: 1.5em;
    width: 1.5em;
    border-radius: .25rem;
    float: left;
    border: 1px solid #bcbcbc;
    position: relative;
    text-align: center;
    transition: border ease .5s, background ease .5s;
}

.lo-checkbox:after {
    font-family: lo-icons;
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 1.25em;
    color: #444;
    opacity: .1;
    transition: opacity ease .5s, color ease .5s;
}

.lo-checkbox-text {
    float: left;
    margin: .33em 1em 0;
}

.lo-select-wrap .lo-select-text {
    font-size: .925em;
    display: inline-block;
    margin: .33em 1em 0;
}

.lo-select-wrap select {
    display: inline-block;
}

.lo-table {
    border: 0;
    background: 0 0;
}

.lo-table>thead>tr {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    background: #f0f0f0;
}

.lo-table>thead>tr>th {
    border: 0;
    text-align: left;
    padding: .75em 1rem;
    font-size: .925em;
    background: 0 0;
}

.lo-table>tbody>tr:nth-child(2n+1)>td {
    background-color: #fff;
    border: 0;
}

.lo-table>tbody>tr:nth-child(2n)>td {
    background-color: #f9f9f9;
    border: 0;
}

.flex-center-center {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.skip-nav:focus {
    background: red;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}

h1.lo-grid-unit-2-3+.lo-grid-unit-1-3 {
    margin-top: 2.01em;
}

@-webkit-keyframes de-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes de-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.lo-highlight-secondary {
    background: #00a9e0;
    color: #222;
    text-shadow: none;
}

.fake_thumbnail {
    display: inline-block;
    position: relative;
}

.fake_thumbnail .icon {
    display: none;
}

.fake_thumbnail img {
    max-width: 100%;
    display: block;
}

.fake_thumbnail.expandable {
    cursor: pointer;
}

.fake_thumbnail.expandable .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    background: rgba(255, 255, 255, .5);
    padding: .3333333333em;
    border-radius: 0 0 .25rem;
    transition: background .5s ease, color .5s ease;
    color: #147EC5;
}

.fake_thumbnail.expandable:active span,
.fake_thumbnail.expandable:hover span {
    background: #147EC5;
    color: #fff;
}

.fake_thumbnail.expandable .icon-minus {
    visibility: hidden;
}

.fake_thumbnail.expandable img {
    max-width: 125px;
    margin: 0;
}

.fake_thumbnail.expandable.expanded {
    max-width: 100%;
}

.fake_thumbnail.expandable.expanded .icon-plus {
    visibility: hidden;
}

.fake_thumbnail.expandable.expanded .icon-minus {
    visibility: visible;
}

.fake_thumbnail.expandable.expanded img {
    max-width: inherit;
    max-height: inherit;
}

.lo-widget.upvote-heart {
    position: relative;
    color: #444;
}

.lo-widget.upvote-heart .upvote-count {
    position: absolute;
    top: -1em;
    font-size: .425em;
    width: 2.33em;
    margin: 0;
    left: -.25em;
    background: rgba(68, 68, 68, .5);
    color: #fff;
    border-radius: 3px;
    padding: .1em 0 .2em;
    line-height: 1;
    font-family: Tahoma;
    text-align: center;
    min-height: 1em;
}

.lo-widget.upvote-heart .upvote-count:after {
    content: "";
    top: 100%;
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-left: .33em solid transparent;
    border-right: .33em solid transparent;
    border-top: .33em solid rgba(68, 68, 68, .5);
}

.lo-widget.upvote-heart .icon {
    position: relative;
    top: .075em;
}

.lo-widget.upvote-heart.upvoted {
    color: #ffc72c;
}

.lo-widget.upvote-heart.upvoted .upvote-count {
    background: #ffc72c;
}

.lo-widget.upvote-heart.upvoted .upvote-count:after {
    border-top-color: #ffc72c;
}

@-webkit-keyframes animate-scaleFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.5, .5);
        -webkit-transform: scale(0.5, .5);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

@-ms-keyframes animate-scaleFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.5, .5);
        -webkit-transform: scale(0.5, .5);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

@keyframes animate-scaleFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.5, .5);
        -webkit-transform: scale(0.5, .5);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

.asset-item-preview {
    padding: 1em;
    display: inline-block;
    width: calc(100% - 2em);
    background: rgba(255, 255, 255, .67);
    border: 0;
    border-radius: .5rem;
    margin: .5em 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, .15) inset;
    transition: background ease .5s;
}

.asset-item-preview:hover {
    background: #fff;
}

@media screen and (max-width:48em) {
    .asset-item-preview {
        padding: .75em;
        width: calc(100% - 1.5em);
    }
}

@media screen and (max-width:35.5em) {
    .asset-item-preview {
        padding: .5em;
        width: calc(100% - 1em);
    }
}

.asset-item-preview.has-duedate.over-due {
    box-shadow: 2px 0 0 #b23735 inset;
}

.asset-item-preview.has-duedate.over-due .activity-time *,
.asset-item-preview.has-duedate.over-due .activity-title,
.asset-item-preview.has-duedate.over-due .final-title,
.asset-item-preview.has-duedate.over-due date-icon * {
    color: #b23735;
}

.asset-item-preview.has-duedate.over-due .date-icon .month {
    color: #fff;
    background-color: #b23735;
}

.asset-item-preview.has-duedate.near-due {
    box-shadow: 2px 0 0 #de8c16 inset;
}

.asset-item-preview.has-duedate.near-due .activity-time *,
.asset-item-preview.has-duedate.near-due .activity-title,
.asset-item-preview.has-duedate.near-due .final-title,
.asset-item-preview.has-duedate.near-due date-icon * {
    color: #de8c16;
}

.asset-item-preview.has-duedate.near-due .date-icon .month {
    color: #fff;
    background-color: #de8c16;
}

.asset-item-preview .asset-preview-cell {
    margin: .25em 0 1.25em;
}

.asset-item-preview .asset-preview-cell .preview-due,
.asset-item-preview .asset-preview-cell .preview-score,
.asset-item-preview .asset-preview-cell>h3 {
    display: table-cell;
    vertical-align: top;
}

.asset-item-preview .asset-preview-cell>h3 {
    min-width: calc(100% - 3.33em);
}

.asset-item-preview .asset-preview-cell .preview-due,
.asset-item-preview .asset-preview-cell .preview-score {
    padding-left: 1em;
    width: 2.75em;
}

@media screen and (max-width:48em) {
    .asset-item-preview .asset-preview-cell .preview-due,
    .asset-item-preview .asset-preview-cell .preview-score {
        font-size: .925em;
    }
}

@media screen and (max-width:35.5em) {
    .asset-item-preview .asset-preview-cell .preview-due,
    .asset-item-preview .asset-preview-cell .preview-score {
        font-size: .85em;
    }
}

.asset-item-preview .comp-item-score {
    margin: .25em 0 .25em 1em;
    display: inline-block;
    font-size: 1em;
    height: auto;
    width: auto;
    padding: .25em .5em;
    border-radius: .5rem;
    background: #fff;
}

.asset-item-preview .comp-item-score .comp-percent {
    font-size: 1em;
    opacity: 1;
    position: relative;
}

.asset-item-preview .comp-item-score .comp-percent:before {
    display: none;
}

.asset-item-preview date-icon {
    font-size: 1.25em;
    width: 100%;
}

@media screen and (max-width:48em) {
    .asset-item-preview date-icon {
        font-size: 1.15em;
    }
}

@media screen and (max-width:35.5em) {
    .asset-item-preview date-icon {
        font-size: 1em;
    }
}

.asset-item-preview button {
    width: 100%;
    font-size: 1em;
    height: 2.67em;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: .5em;
}

@media screen and (max-width:48em) {
    .asset-item-preview button {
        margin: 0;
        height: 2.5em;
        font-size: .925em;
        padding: .5em .75em;
    }
}

@media screen and (max-width:35.5em) {
    .asset-item-preview button {
        font-size: .85em;
    }
}

.asset-item-preview .asset-info .asset-score {
    width: 6.67em;
    text-align: right;
    font-size: 1em;
}

@media screen and (max-width:48em) {
    .asset-item-preview .asset-info .asset-score {
        font-size: .925em;
        widows: 6em;
    }
}

@media screen and (max-width:35.5em) {
    .asset-item-preview .asset-info .asset-score {
        font-size: .85em;
        widows: 5.33em;
    }
}

.asset-info {
    width: 100%;
    display: table;
}

.asset-info .asset-info-cell {
    display: table-cell;
    vertical-align: top;
}

.asset-info .asset-info-cell .comp-percent {
    font-size: 2em;
}

.chapter-welcome {
    margin: .75em 1em .5em 2.85em;
}

@media screen and (max-width:48em) {
    .chapter-welcome {
        font-size: .925em;
    }
}

@media screen and (max-width:35.5em) {
    .chapter-welcome {
        font-size: .85em;
        margin: .75em .75em .5em;
    }
}

.instructor-notification {
    -webkit-transform: translate3d(0, 0, 0);
}

.instructor-notification-message {
    width: 95%;
}

@media (max-width:19.9375em) {
    .xxs-test {
        color: red !important;
        background: violet !important;
    }
}

@media (min-width:20em) and (max-width:35.4375em) {
    .xs-test {
        color: orange !important;
        background: #00f !important;
    }
}

@media (min-width:35.5em) and (max-width:47.9375em) {
    .sm-test {
        color: #ff0 !important;
        background: green !important;
    }
}

@media (min-width:48em) and (max-width:63.9375em) {
    .md-test {
        color: green !important;
        background: #ff0 !important;
    }
}

@media (min-width:64em) and (max-width:79.9375em) {
    .lg-test {
        color: #00f !important;
        background: orange !important;
    }
}

@media (min-width:80em) {
    .huge-test {
        color: violet !important;
        background: red !important;
    }
}

@media (max-width:47.9375em) {
    .visible-xxs {
        display: block !important;
    }
}

@media (max-width:47.9375em) {
    .visible-xxs-block {
        display: block !important;
    }
}

@media (max-width:47.9375em) {
    .visible-xxs-inline {
        display: inline !important;
    }
}

@media (max-width:47.9375em) {
    .visible-xxs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:20em) and (max-width:35.4375em) {
    .visible-xs {
        display: block !important;
    }
}

@media (min-width:20em) and (max-width:35.4375em) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (min-width:20em) and (max-width:35.4375em) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (min-width:20em) and (max-width:35.4375em) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:35.5em) and (max-width:47.9375em) {
    .visible-sm {
        display: block !important;
    }
}

@media (min-width:35.5em) and (max-width:47.9375em) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width:35.5em) and (max-width:47.9375em) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width:35.5em) and (max-width:47.9375em) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:48em) and (max-width:63.9375em) {
    .visible-md {
        display: block !important;
    }
}

@media (min-width:48em) and (max-width:63.9375em) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width:48em) and (max-width:63.9375em) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width:48em) and (max-width:63.9375em) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:64em) and (max-width:79.9375em) {
    .visible-lg {
        display: block !important;
    }
}

@media (min-width:64em) and (max-width:79.9375em) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width:64em) and (max-width:79.9375em) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width:64em) and (max-width:79.9375em) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:80em) {
    .visible-huge {
        display: block !important;
    }
}

@media (min-width:80em) {
    .visible-huge-block {
        display: block !important;
    }
}

@media (min-width:80em) {
    .visible-huge-inline {
        display: inline !important;
    }
}

@media (min-width:80em) {
    .visible-huge-inline-block {
        display: inline-block !important;
    }
}

@media (max-width:19.9375em) {
    .hidden-xxs {
        display: none !important;
    }
}

@media (min-width:20em) and (max-width:35.4375em) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width:35.5em) and (max-width:47.9375em) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width:48em) and (max-width:63.9375em) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width:64em) and (max-width:79.9375em) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width:80em) {
    .hidden-huge {
        display: none !important;
    }
}

.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.c100 {
    font-size: 5em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    background-color: #d0d0d0;
}

.c100 *,
.c100 :after,
.c100 :before {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.c100.center {
    float: none;
    margin: 0 auto;
}

.c100.big {
    font-size: 240px;
}

.c100.small {
    font-size: 80px;
}

.c100 i,
.c100>span {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 1em;
    height: 1em;
    font-size: .425em;
    color: #65ad3d;
    display: block;
    text-align: center;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease-out;
}

.c100:after {
    position: absolute;
    top: .08em;
    left: .08em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #f5f5f5;
    width: .84em;
    height: .84em;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease-in;
}

.c100 {
    position: relative;
    margin: .067em;
}

.comp-item-empty {
    height: 2.55em;
}

.comp-item.comp-item-score {
    background: 0 0;
    box-shadow: none;
}

.comp-item.comp-item-score .comp-percent {
    font-size: 2.75em;
    position: absolute;
    margin: auto;
    padding: 0;
    height: 1em;
    width: 2.33em;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all ease .5s;
}

.comp-item.comp-item-score .comp-percent:before {
    position: absolute;
    z-index: -1;
    opacity: .125;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .08);
    font-size: 3em;
    left: -.05em;
    top: -.33em;
    font-family: lo-icons;
    content: "";
}

.arc .complete {
    fill: #6da44e;
}

.arc .incomplete {
    fill: transparent;
}

.prog-circle {
    z-index: 0;
}

.done- .asset-title,
.done- .c100 [class*=de-icon-],
.done- .c100 [class*=icon-],
.done- .comp-percent {
    color: #65ad3d;
}

.done- .comp-left {
    background-image: linear-gradient(-45deg, rgba(133, 194, 38, .68) 50%, rgba(133, 194, 38, .64) 50%);
}

.done- .comp-left:after {
    border-left: .5em solid rgba(133, 194, 38, .64);
}

.done- .comp-name .activity-time {
    background-color: #65ad3d;
}

.done-0.asset-ilo-score,
.done-0.comp-percent,
.done-0.grade-type,
.done-0.student-score,
.done-1.asset-ilo-score,
.done-1.comp-percent,
.done-1.grade-type,
.done-1.student-score,
.done-2.asset-ilo-score,
.done-2.comp-percent,
.done-2.grade-type,
.done-2.student-score,
.done-3.asset-ilo-score,
.done-3.comp-percent,
.done-3.grade-type,
.done-3.student-score,
.done-4.asset-ilo-score,
.done-4.comp-percent,
.done-4.grade-type,
.done-4.student-score,
.done-5.asset-ilo-score,
.done-5.comp-percent,
.done-5.grade-type,
.done-5.student-score {
    color: #a4564e;
}

.done-0 .comp-name .activity-time,
.done-1 .comp-name .activity-time,
.done-2 .comp-name .activity-time,
.done-3 .comp-name .activity-time,
.done-4 .comp-name .activity-time,
.done-5 .comp-name .activity-time {
    background-color: #a4564e;
}

.done-0 .comp-left,
.done-1 .comp-left,
.done-2 .comp-left,
.done-3 .comp-left,
.done-4 .comp-left,
.done-5 .comp-left {
    background-color: rgba(164, 86, 78, .7);
}

.done-0 .comp-left:after,
.done-1 .comp-left:after,
.done-2 .comp-left:after,
.done-3 .comp-left:after,
.done-4 .comp-left:after,
.done-5 .comp-left:after {
    border-left: .5em solid rgba(164, 86, 78, .67);
}

.done-0 .asset-title,
.done-0 .c100 [class*=de-icon-],
.done-0 .c100 [class*=icon-],
.done-1 .asset-title,
.done-1 .c100 [class*=de-icon-],
.done-1 .c100 [class*=icon-],
.done-2 .asset-title,
.done-2 .c100 [class*=de-icon-],
.done-2 .c100 [class*=icon-],
.done-3 .asset-title,
.done-3 .c100 [class*=de-icon-],
.done-3 .c100 [class*=icon-],
.done-4 .asset-title,
.done-4 .c100 [class*=de-icon-],
.done-4 .c100 [class*=icon-],
.done-5 .asset-title,
.done-5 .c100 [class*=de-icon-],
.done-5 .c100 [class*=icon-] {
    color: #a4564e;
    border-color: #a4564e;
}

.done-0#quiz-score p,
.done-0.comp-newProg p,
.done-1#quiz-score p,
.done-1.comp-newProg p,
.done-2#quiz-score p,
.done-2.comp-newProg p,
.done-3#quiz-score p,
.done-3.comp-newProg p,
.done-4#quiz-score p,
.done-4.comp-newProg p,
.done-5#quiz-score p,
.done-5.comp-newProg p {
    color: #a4564e;
}

.done-10.asset-ilo-score,
.done-10.comp-percent,
.done-10.grade-type,
.done-10.student-score,
.done-5.asset-ilo-score,
.done-5.comp-percent,
.done-5.grade-type,
.done-5.student-score,
.done-6.asset-ilo-score,
.done-6.comp-percent,
.done-6.grade-type,
.done-6.student-score,
.done-7.asset-ilo-score,
.done-7.comp-percent,
.done-7.grade-type,
.done-7.student-score,
.done-8.asset-ilo-score,
.done-8.comp-percent,
.done-8.grade-type,
.done-8.student-score,
.done-9.asset-ilo-score,
.done-9.comp-percent,
.done-9.grade-type,
.done-9.student-score {
    color: #a44e59;
}

.done-10 .comp-name .activity-time,
.done-5 .comp-name .activity-time,
.done-6 .comp-name .activity-time,
.done-7 .comp-name .activity-time,
.done-8 .comp-name .activity-time,
.done-9 .comp-name .activity-time {
    background-color: #a44e59;
}

.done-10 .comp-left,
.done-5 .comp-left,
.done-6 .comp-left,
.done-7 .comp-left,
.done-8 .comp-left,
.done-9 .comp-left {
    background-color: rgba(164, 78, 89, .7);
}

.done-10 .comp-left:after,
.done-5 .comp-left:after,
.done-6 .comp-left:after,
.done-7 .comp-left:after,
.done-8 .comp-left:after,
.done-9 .comp-left:after {
    border-left: .5em solid rgba(164, 78, 89, .67);
}

.done-10 .asset-title,
.done-10 .c100 [class*=de-icon-],
.done-10 .c100 [class*=icon-],
.done-5 .asset-title,
.done-5 .c100 [class*=de-icon-],
.done-5 .c100 [class*=icon-],
.done-6 .asset-title,
.done-6 .c100 [class*=de-icon-],
.done-6 .c100 [class*=icon-],
.done-7 .asset-title,
.done-7 .c100 [class*=de-icon-],
.done-7 .c100 [class*=icon-],
.done-8 .asset-title,
.done-8 .c100 [class*=de-icon-],
.done-8 .c100 [class*=icon-],
.done-9 .asset-title,
.done-9 .c100 [class*=de-icon-],
.done-9 .c100 [class*=icon-] {
    color: #a44e59;
    border-color: #a44e59;
}

.done-10#quiz-score p,
.done-10.comp-newProg p,
.done-5#quiz-score p,
.done-5.comp-newProg p,
.done-6#quiz-score p,
.done-6.comp-newProg p,
.done-7#quiz-score p,
.done-7.comp-newProg p,
.done-8#quiz-score p,
.done-8.comp-newProg p,
.done-9#quiz-score p,
.done-9.comp-newProg p {
    color: #a44e59;
}

.done-10.asset-ilo-score,
.done-10.comp-percent,
.done-10.grade-type,
.done-10.student-score,
.done-11.asset-ilo-score,
.done-11.comp-percent,
.done-11.grade-type,
.done-11.student-score,
.done-12.asset-ilo-score,
.done-12.comp-percent,
.done-12.grade-type,
.done-12.student-score,
.done-13.asset-ilo-score,
.done-13.comp-percent,
.done-13.grade-type,
.done-13.student-score,
.done-14.asset-ilo-score,
.done-14.comp-percent,
.done-14.grade-type,
.done-14.student-score,
.done-15.asset-ilo-score,
.done-15.comp-percent,
.done-15.grade-type,
.done-15.student-score {
    color: #a44e6d;
}

.done-10 .comp-name .activity-time,
.done-11 .comp-name .activity-time,
.done-12 .comp-name .activity-time,
.done-13 .comp-name .activity-time,
.done-14 .comp-name .activity-time,
.done-15 .comp-name .activity-time {
    background-color: #a44e6d;
}

.done-10 .comp-left,
.done-11 .comp-left,
.done-12 .comp-left,
.done-13 .comp-left,
.done-14 .comp-left,
.done-15 .comp-left {
    background-color: rgba(164, 78, 109, .7);
}

.done-10 .comp-left:after,
.done-11 .comp-left:after,
.done-12 .comp-left:after,
.done-13 .comp-left:after,
.done-14 .comp-left:after,
.done-15 .comp-left:after {
    border-left: .5em solid rgba(164, 78, 109, .67);
}

.done-10 .asset-title,
.done-10 .c100 [class*=de-icon-],
.done-10 .c100 [class*=icon-],
.done-11 .asset-title,
.done-11 .c100 [class*=de-icon-],
.done-11 .c100 [class*=icon-],
.done-12 .asset-title,
.done-12 .c100 [class*=de-icon-],
.done-12 .c100 [class*=icon-],
.done-13 .asset-title,
.done-13 .c100 [class*=de-icon-],
.done-13 .c100 [class*=icon-],
.done-14 .asset-title,
.done-14 .c100 [class*=de-icon-],
.done-14 .c100 [class*=icon-],
.done-15 .asset-title,
.done-15 .c100 [class*=de-icon-],
.done-15 .c100 [class*=icon-] {
    color: #a44e6d;
    border-color: #a44e6d;
}

.done-10#quiz-score p,
.done-10.comp-newProg p,
.done-11#quiz-score p,
.done-11.comp-newProg p,
.done-12#quiz-score p,
.done-12.comp-newProg p,
.done-13#quiz-score p,
.done-13.comp-newProg p,
.done-14#quiz-score p,
.done-14.comp-newProg p,
.done-15#quiz-score p,
.done-15.comp-newProg p {
    color: #a44e6d;
}

.done-15.asset-ilo-score,
.done-15.comp-percent,
.done-15.grade-type,
.done-15.student-score,
.done-16.asset-ilo-score,
.done-16.comp-percent,
.done-16.grade-type,
.done-16.student-score,
.done-17.asset-ilo-score,
.done-17.comp-percent,
.done-17.grade-type,
.done-17.student-score,
.done-18.asset-ilo-score,
.done-18.comp-percent,
.done-18.grade-type,
.done-18.student-score,
.done-19.asset-ilo-score,
.done-19.comp-percent,
.done-19.grade-type,
.done-19.student-score,
.done-20.asset-ilo-score,
.done-20.comp-percent,
.done-20.grade-type,
.done-20.student-score {
    color: #a44e80;
}

.done-15 .comp-name .activity-time,
.done-16 .comp-name .activity-time,
.done-17 .comp-name .activity-time,
.done-18 .comp-name .activity-time,
.done-19 .comp-name .activity-time,
.done-20 .comp-name .activity-time {
    background-color: #a44e80;
}

.done-15 .comp-left,
.done-16 .comp-left,
.done-17 .comp-left,
.done-18 .comp-left,
.done-19 .comp-left,
.done-20 .comp-left {
    background-color: rgba(164, 78, 128, .7);
}

.done-15 .comp-left:after,
.done-16 .comp-left:after,
.done-17 .comp-left:after,
.done-18 .comp-left:after,
.done-19 .comp-left:after,
.done-20 .comp-left:after {
    border-left: .5em solid rgba(164, 78, 128, .67);
}

.done-15 .asset-title,
.done-15 .c100 [class*=de-icon-],
.done-15 .c100 [class*=icon-],
.done-16 .asset-title,
.done-16 .c100 [class*=de-icon-],
.done-16 .c100 [class*=icon-],
.done-17 .asset-title,
.done-17 .c100 [class*=de-icon-],
.done-17 .c100 [class*=icon-],
.done-18 .asset-title,
.done-18 .c100 [class*=de-icon-],
.done-18 .c100 [class*=icon-],
.done-19 .asset-title,
.done-19 .c100 [class*=de-icon-],
.done-19 .c100 [class*=icon-],
.done-20 .asset-title,
.done-20 .c100 [class*=de-icon-],
.done-20 .c100 [class*=icon-] {
    color: #a44e80;
    border-color: #a44e80;
}

.done-15#quiz-score p,
.done-15.comp-newProg p,
.done-16#quiz-score p,
.done-16.comp-newProg p,
.done-17#quiz-score p,
.done-17.comp-newProg p,
.done-18#quiz-score p,
.done-18.comp-newProg p,
.done-19#quiz-score p,
.done-19.comp-newProg p,
.done-20#quiz-score p,
.done-20.comp-newProg p {
    color: #a44e80;
}

.done-20.asset-ilo-score,
.done-20.comp-percent,
.done-20.grade-type,
.done-20.student-score,
.done-21.asset-ilo-score,
.done-21.comp-percent,
.done-21.grade-type,
.done-21.student-score,
.done-22.asset-ilo-score,
.done-22.comp-percent,
.done-22.grade-type,
.done-22.student-score,
.done-23.asset-ilo-score,
.done-23.comp-percent,
.done-23.grade-type,
.done-23.student-score,
.done-24.asset-ilo-score,
.done-24.comp-percent,
.done-24.grade-type,
.done-24.student-score,
.done-25.asset-ilo-score,
.done-25.comp-percent,
.done-25.grade-type,
.done-25.student-score {
    color: #a44e93;
}

.done-20 .comp-name .activity-time,
.done-21 .comp-name .activity-time,
.done-22 .comp-name .activity-time,
.done-23 .comp-name .activity-time,
.done-24 .comp-name .activity-time,
.done-25 .comp-name .activity-time {
    background-color: #a44e93;
}

.done-20 .comp-left,
.done-21 .comp-left,
.done-22 .comp-left,
.done-23 .comp-left,
.done-24 .comp-left,
.done-25 .comp-left {
    background-color: rgba(164, 78, 147, .7);
}

.done-20 .comp-left:after,
.done-21 .comp-left:after,
.done-22 .comp-left:after,
.done-23 .comp-left:after,
.done-24 .comp-left:after,
.done-25 .comp-left:after {
    border-left: .5em solid rgba(164, 78, 147, .67);
}

.done-20 .asset-title,
.done-20 .c100 [class*=de-icon-],
.done-20 .c100 [class*=icon-],
.done-21 .asset-title,
.done-21 .c100 [class*=de-icon-],
.done-21 .c100 [class*=icon-],
.done-22 .asset-title,
.done-22 .c100 [class*=de-icon-],
.done-22 .c100 [class*=icon-],
.done-23 .asset-title,
.done-23 .c100 [class*=de-icon-],
.done-23 .c100 [class*=icon-],
.done-24 .asset-title,
.done-24 .c100 [class*=de-icon-],
.done-24 .c100 [class*=icon-],
.done-25 .asset-title,
.done-25 .c100 [class*=de-icon-],
.done-25 .c100 [class*=icon-] {
    color: #a44e93;
    border-color: #a44e93;
}

.done-20#quiz-score p,
.done-20.comp-newProg p,
.done-21#quiz-score p,
.done-21.comp-newProg p,
.done-22#quiz-score p,
.done-22.comp-newProg p,
.done-23#quiz-score p,
.done-23.comp-newProg p,
.done-24#quiz-score p,
.done-24.comp-newProg p,
.done-25#quiz-score p,
.done-25.comp-newProg p {
    color: #a44e93;
}

.done-25.asset-ilo-score,
.done-25.comp-percent,
.done-25.grade-type,
.done-25.student-score,
.done-26.asset-ilo-score,
.done-26.comp-percent,
.done-26.grade-type,
.done-26.student-score,
.done-27.asset-ilo-score,
.done-27.comp-percent,
.done-27.grade-type,
.done-27.student-score,
.done-28.asset-ilo-score,
.done-28.comp-percent,
.done-28.grade-type,
.done-28.student-score,
.done-29.asset-ilo-score,
.done-29.comp-percent,
.done-29.grade-type,
.done-29.student-score,
.done-30.asset-ilo-score,
.done-30.comp-percent,
.done-30.grade-type,
.done-30.student-score {
    color: #a14ea4;
}

.done-25 .comp-name .activity-time,
.done-26 .comp-name .activity-time,
.done-27 .comp-name .activity-time,
.done-28 .comp-name .activity-time,
.done-29 .comp-name .activity-time,
.done-30 .comp-name .activity-time {
    background-color: #a14ea4;
}

.done-25 .comp-left,
.done-26 .comp-left,
.done-27 .comp-left,
.done-28 .comp-left,
.done-29 .comp-left,
.done-30 .comp-left {
    background-color: rgba(161, 78, 164, .7);
}

.done-25 .comp-left:after,
.done-26 .comp-left:after,
.done-27 .comp-left:after,
.done-28 .comp-left:after,
.done-29 .comp-left:after,
.done-30 .comp-left:after {
    border-left: .5em solid rgba(161, 78, 164, .67);
}

.done-25 .asset-title,
.done-25 .c100 [class*=de-icon-],
.done-25 .c100 [class*=icon-],
.done-26 .asset-title,
.done-26 .c100 [class*=de-icon-],
.done-26 .c100 [class*=icon-],
.done-27 .asset-title,
.done-27 .c100 [class*=de-icon-],
.done-27 .c100 [class*=icon-],
.done-28 .asset-title,
.done-28 .c100 [class*=de-icon-],
.done-28 .c100 [class*=icon-],
.done-29 .asset-title,
.done-29 .c100 [class*=de-icon-],
.done-29 .c100 [class*=icon-],
.done-30 .asset-title,
.done-30 .c100 [class*=de-icon-],
.done-30 .c100 [class*=icon-] {
    color: #a14ea4;
    border-color: #a14ea4;
}

.done-25#quiz-score p,
.done-25.comp-newProg p,
.done-26#quiz-score p,
.done-26.comp-newProg p,
.done-27#quiz-score p,
.done-27.comp-newProg p,
.done-28#quiz-score p,
.done-28.comp-newProg p,
.done-29#quiz-score p,
.done-29.comp-newProg p,
.done-30#quiz-score p,
.done-30.comp-newProg p {
    color: #a14ea4;
}

.done-30.asset-ilo-score,
.done-30.comp-percent,
.done-30.grade-type,
.done-30.student-score,
.done-31.asset-ilo-score,
.done-31.comp-percent,
.done-31.grade-type,
.done-31.student-score,
.done-32.asset-ilo-score,
.done-32.comp-percent,
.done-32.grade-type,
.done-32.student-score,
.done-33.asset-ilo-score,
.done-33.comp-percent,
.done-33.grade-type,
.done-33.student-score,
.done-34.asset-ilo-score,
.done-34.comp-percent,
.done-34.grade-type,
.done-34.student-score,
.done-35.asset-ilo-score,
.done-35.comp-percent,
.done-35.grade-type,
.done-35.student-score {
    color: #8e4ea4;
}

.done-30 .comp-name .activity-time,
.done-31 .comp-name .activity-time,
.done-32 .comp-name .activity-time,
.done-33 .comp-name .activity-time,
.done-34 .comp-name .activity-time,
.done-35 .comp-name .activity-time {
    background-color: #8e4ea4;
}

.done-30 .comp-left,
.done-31 .comp-left,
.done-32 .comp-left,
.done-33 .comp-left,
.done-34 .comp-left,
.done-35 .comp-left {
    background-color: rgba(142, 78, 164, .7);
}

.done-30 .comp-left:after,
.done-31 .comp-left:after,
.done-32 .comp-left:after,
.done-33 .comp-left:after,
.done-34 .comp-left:after,
.done-35 .comp-left:after {
    border-left: .5em solid rgba(142, 78, 164, .67);
}

.done-30 .asset-title,
.done-30 .c100 [class*=de-icon-],
.done-30 .c100 [class*=icon-],
.done-31 .asset-title,
.done-31 .c100 [class*=de-icon-],
.done-31 .c100 [class*=icon-],
.done-32 .asset-title,
.done-32 .c100 [class*=de-icon-],
.done-32 .c100 [class*=icon-],
.done-33 .asset-title,
.done-33 .c100 [class*=de-icon-],
.done-33 .c100 [class*=icon-],
.done-34 .asset-title,
.done-34 .c100 [class*=de-icon-],
.done-34 .c100 [class*=icon-],
.done-35 .asset-title,
.done-35 .c100 [class*=de-icon-],
.done-35 .c100 [class*=icon-] {
    color: #8e4ea4;
    border-color: #8e4ea4;
}

.done-30#quiz-score p,
.done-30.comp-newProg p,
.done-31#quiz-score p,
.done-31.comp-newProg p,
.done-32#quiz-score p,
.done-32.comp-newProg p,
.done-33#quiz-score p,
.done-33.comp-newProg p,
.done-34#quiz-score p,
.done-34.comp-newProg p,
.done-35#quiz-score p,
.done-35.comp-newProg p {
    color: #8e4ea4;
}

.done-35.asset-ilo-score,
.done-35.comp-percent,
.done-35.grade-type,
.done-35.student-score,
.done-36.asset-ilo-score,
.done-36.comp-percent,
.done-36.grade-type,
.done-36.student-score,
.done-37.asset-ilo-score,
.done-37.comp-percent,
.done-37.grade-type,
.done-37.student-score,
.done-38.asset-ilo-score,
.done-38.comp-percent,
.done-38.grade-type,
.done-38.student-score,
.done-39.asset-ilo-score,
.done-39.comp-percent,
.done-39.grade-type,
.done-39.student-score,
.done-40.asset-ilo-score,
.done-40.comp-percent,
.done-40.grade-type,
.done-40.student-score {
    color: #7b4ea4;
}

.done-35 .comp-name .activity-time,
.done-36 .comp-name .activity-time,
.done-37 .comp-name .activity-time,
.done-38 .comp-name .activity-time,
.done-39 .comp-name .activity-time,
.done-40 .comp-name .activity-time {
    background-color: #7b4ea4;
}

.done-35 .comp-left,
.done-36 .comp-left,
.done-37 .comp-left,
.done-38 .comp-left,
.done-39 .comp-left,
.done-40 .comp-left {
    background-color: rgba(123, 78, 164, .7);
}

.done-35 .comp-left:after,
.done-36 .comp-left:after,
.done-37 .comp-left:after,
.done-38 .comp-left:after,
.done-39 .comp-left:after,
.done-40 .comp-left:after {
    border-left: .5em solid rgba(123, 78, 164, .67);
}

.done-35 .asset-title,
.done-35 .c100 [class*=de-icon-],
.done-35 .c100 [class*=icon-],
.done-36 .asset-title,
.done-36 .c100 [class*=de-icon-],
.done-36 .c100 [class*=icon-],
.done-37 .asset-title,
.done-37 .c100 [class*=de-icon-],
.done-37 .c100 [class*=icon-],
.done-38 .asset-title,
.done-38 .c100 [class*=de-icon-],
.done-38 .c100 [class*=icon-],
.done-39 .asset-title,
.done-39 .c100 [class*=de-icon-],
.done-39 .c100 [class*=icon-],
.done-40 .asset-title,
.done-40 .c100 [class*=de-icon-],
.done-40 .c100 [class*=icon-] {
    color: #7b4ea4;
    border-color: #7b4ea4;
}

.done-35#quiz-score p,
.done-35.comp-newProg p,
.done-36#quiz-score p,
.done-36.comp-newProg p,
.done-37#quiz-score p,
.done-37.comp-newProg p,
.done-38#quiz-score p,
.done-38.comp-newProg p,
.done-39#quiz-score p,
.done-39.comp-newProg p,
.done-40#quiz-score p,
.done-40.comp-newProg p {
    color: #7b4ea4;
}

.done-40.asset-ilo-score,
.done-40.comp-percent,
.done-40.grade-type,
.done-40.student-score,
.done-41.asset-ilo-score,
.done-41.comp-percent,
.done-41.grade-type,
.done-41.student-score,
.done-42.asset-ilo-score,
.done-42.comp-percent,
.done-42.grade-type,
.done-42.student-score,
.done-43.asset-ilo-score,
.done-43.comp-percent,
.done-43.grade-type,
.done-43.student-score,
.done-44.asset-ilo-score,
.done-44.comp-percent,
.done-44.grade-type,
.done-44.student-score,
.done-45.asset-ilo-score,
.done-45.comp-percent,
.done-45.grade-type,
.done-45.student-score {
    color: #684ea4;
}

.done-40 .comp-name .activity-time,
.done-41 .comp-name .activity-time,
.done-42 .comp-name .activity-time,
.done-43 .comp-name .activity-time,
.done-44 .comp-name .activity-time,
.done-45 .comp-name .activity-time {
    background-color: #684ea4;
}

.done-40 .comp-left,
.done-41 .comp-left,
.done-42 .comp-left,
.done-43 .comp-left,
.done-44 .comp-left,
.done-45 .comp-left {
    background-color: rgba(104, 78, 164, .7);
}

.done-40 .comp-left:after,
.done-41 .comp-left:after,
.done-42 .comp-left:after,
.done-43 .comp-left:after,
.done-44 .comp-left:after,
.done-45 .comp-left:after {
    border-left: .5em solid rgba(104, 78, 164, .67);
}

.done-40 .asset-title,
.done-40 .c100 [class*=de-icon-],
.done-40 .c100 [class*=icon-],
.done-41 .asset-title,
.done-41 .c100 [class*=de-icon-],
.done-41 .c100 [class*=icon-],
.done-42 .asset-title,
.done-42 .c100 [class*=de-icon-],
.done-42 .c100 [class*=icon-],
.done-43 .asset-title,
.done-43 .c100 [class*=de-icon-],
.done-43 .c100 [class*=icon-],
.done-44 .asset-title,
.done-44 .c100 [class*=de-icon-],
.done-44 .c100 [class*=icon-],
.done-45 .asset-title,
.done-45 .c100 [class*=de-icon-],
.done-45 .c100 [class*=icon-] {
    color: #684ea4;
    border-color: #684ea4;
}

.done-40#quiz-score p,
.done-40.comp-newProg p,
.done-41#quiz-score p,
.done-41.comp-newProg p,
.done-42#quiz-score p,
.done-42.comp-newProg p,
.done-43#quiz-score p,
.done-43.comp-newProg p,
.done-44#quiz-score p,
.done-44.comp-newProg p,
.done-45#quiz-score p,
.done-45.comp-newProg p {
    color: #684ea4;
}

.done-45.asset-ilo-score,
.done-45.comp-percent,
.done-45.grade-type,
.done-45.student-score,
.done-46.asset-ilo-score,
.done-46.comp-percent,
.done-46.grade-type,
.done-46.student-score,
.done-47.asset-ilo-score,
.done-47.comp-percent,
.done-47.grade-type,
.done-47.student-score,
.done-48.asset-ilo-score,
.done-48.comp-percent,
.done-48.grade-type,
.done-48.student-score,
.done-49.asset-ilo-score,
.done-49.comp-percent,
.done-49.grade-type,
.done-49.student-score,
.done-50.asset-ilo-score,
.done-50.comp-percent,
.done-50.grade-type,
.done-50.student-score {
    color: #544ea4;
}

.done-45 .comp-name .activity-time,
.done-46 .comp-name .activity-time,
.done-47 .comp-name .activity-time,
.done-48 .comp-name .activity-time,
.done-49 .comp-name .activity-time,
.done-50 .comp-name .activity-time {
    background-color: #544ea4;
}

.done-45 .comp-left,
.done-46 .comp-left,
.done-47 .comp-left,
.done-48 .comp-left,
.done-49 .comp-left,
.done-50 .comp-left {
    background-color: rgba(84, 78, 164, .7);
}

.done-45 .comp-left:after,
.done-46 .comp-left:after,
.done-47 .comp-left:after,
.done-48 .comp-left:after,
.done-49 .comp-left:after,
.done-50 .comp-left:after {
    border-left: .5em solid rgba(84, 78, 164, .67);
}

.done-45 .asset-title,
.done-45 .c100 [class*=de-icon-],
.done-45 .c100 [class*=icon-],
.done-46 .asset-title,
.done-46 .c100 [class*=de-icon-],
.done-46 .c100 [class*=icon-],
.done-47 .asset-title,
.done-47 .c100 [class*=de-icon-],
.done-47 .c100 [class*=icon-],
.done-48 .asset-title,
.done-48 .c100 [class*=de-icon-],
.done-48 .c100 [class*=icon-],
.done-49 .asset-title,
.done-49 .c100 [class*=de-icon-],
.done-49 .c100 [class*=icon-],
.done-50 .asset-title,
.done-50 .c100 [class*=de-icon-],
.done-50 .c100 [class*=icon-] {
    color: #544ea4;
    border-color: #544ea4;
}

.done-45#quiz-score p,
.done-45.comp-newProg p,
.done-46#quiz-score p,
.done-46.comp-newProg p,
.done-47#quiz-score p,
.done-47.comp-newProg p,
.done-48#quiz-score p,
.done-48.comp-newProg p,
.done-49#quiz-score p,
.done-49.comp-newProg p,
.done-50#quiz-score p,
.done-50.comp-newProg p {
    color: #544ea4;
}

.done-50.asset-ilo-score,
.done-50.comp-percent,
.done-50.grade-type,
.done-50.student-score,
.done-51.asset-ilo-score,
.done-51.comp-percent,
.done-51.grade-type,
.done-51.student-score,
.done-52.asset-ilo-score,
.done-52.comp-percent,
.done-52.grade-type,
.done-52.student-score,
.done-53.asset-ilo-score,
.done-53.comp-percent,
.done-53.grade-type,
.done-53.student-score,
.done-54.asset-ilo-score,
.done-54.comp-percent,
.done-54.grade-type,
.done-54.student-score,
.done-55.asset-ilo-score,
.done-55.comp-percent,
.done-55.grade-type,
.done-55.student-score {
    color: #4e5ba4;
}

.done-50 .comp-name .activity-time,
.done-51 .comp-name .activity-time,
.done-52 .comp-name .activity-time,
.done-53 .comp-name .activity-time,
.done-54 .comp-name .activity-time,
.done-55 .comp-name .activity-time {
    background-color: #4e5ba4;
}

.done-50 .comp-left,
.done-51 .comp-left,
.done-52 .comp-left,
.done-53 .comp-left,
.done-54 .comp-left,
.done-55 .comp-left {
    background-color: rgba(78, 91, 164, .7);
}

.done-50 .comp-left:after,
.done-51 .comp-left:after,
.done-52 .comp-left:after,
.done-53 .comp-left:after,
.done-54 .comp-left:after,
.done-55 .comp-left:after {
    border-left: .5em solid rgba(78, 91, 164, .67);
}

.done-50 .asset-title,
.done-50 .c100 [class*=de-icon-],
.done-50 .c100 [class*=icon-],
.done-51 .asset-title,
.done-51 .c100 [class*=de-icon-],
.done-51 .c100 [class*=icon-],
.done-52 .asset-title,
.done-52 .c100 [class*=de-icon-],
.done-52 .c100 [class*=icon-],
.done-53 .asset-title,
.done-53 .c100 [class*=de-icon-],
.done-53 .c100 [class*=icon-],
.done-54 .asset-title,
.done-54 .c100 [class*=de-icon-],
.done-54 .c100 [class*=icon-],
.done-55 .asset-title,
.done-55 .c100 [class*=de-icon-],
.done-55 .c100 [class*=icon-] {
    color: #4e5ba4;
    border-color: #4e5ba4;
}

.done-50#quiz-score p,
.done-50.comp-newProg p,
.done-51#quiz-score p,
.done-51.comp-newProg p,
.done-52#quiz-score p,
.done-52.comp-newProg p,
.done-53#quiz-score p,
.done-53.comp-newProg p,
.done-54#quiz-score p,
.done-54.comp-newProg p,
.done-55#quiz-score p,
.done-55.comp-newProg p {
    color: #4e5ba4;
}

.done-55.asset-ilo-score,
.done-55.comp-percent,
.done-55.grade-type,
.done-55.student-score,
.done-56.asset-ilo-score,
.done-56.comp-percent,
.done-56.grade-type,
.done-56.student-score,
.done-57.asset-ilo-score,
.done-57.comp-percent,
.done-57.grade-type,
.done-57.student-score,
.done-58.asset-ilo-score,
.done-58.comp-percent,
.done-58.grade-type,
.done-58.student-score,
.done-59.asset-ilo-score,
.done-59.comp-percent,
.done-59.grade-type,
.done-59.student-score,
.done-60.asset-ilo-score,
.done-60.comp-percent,
.done-60.grade-type,
.done-60.student-score {
    color: #4e6fa4;
}

.done-55 .comp-name .activity-time,
.done-56 .comp-name .activity-time,
.done-57 .comp-name .activity-time,
.done-58 .comp-name .activity-time,
.done-59 .comp-name .activity-time,
.done-60 .comp-name .activity-time {
    background-color: #4e6fa4;
}

.done-55 .comp-left,
.done-56 .comp-left,
.done-57 .comp-left,
.done-58 .comp-left,
.done-59 .comp-left,
.done-60 .comp-left {
    background-color: rgba(78, 111, 164, .7);
}

.done-55 .comp-left:after,
.done-56 .comp-left:after,
.done-57 .comp-left:after,
.done-58 .comp-left:after,
.done-59 .comp-left:after,
.done-60 .comp-left:after {
    border-left: .5em solid rgba(78, 111, 164, .67);
}

.done-55 .asset-title,
.done-55 .c100 [class*=de-icon-],
.done-55 .c100 [class*=icon-],
.done-56 .asset-title,
.done-56 .c100 [class*=de-icon-],
.done-56 .c100 [class*=icon-],
.done-57 .asset-title,
.done-57 .c100 [class*=de-icon-],
.done-57 .c100 [class*=icon-],
.done-58 .asset-title,
.done-58 .c100 [class*=de-icon-],
.done-58 .c100 [class*=icon-],
.done-59 .asset-title,
.done-59 .c100 [class*=de-icon-],
.done-59 .c100 [class*=icon-],
.done-60 .asset-title,
.done-60 .c100 [class*=de-icon-],
.done-60 .c100 [class*=icon-] {
    color: #4e6fa4;
    border-color: #4e6fa4;
}

.done-55#quiz-score p,
.done-55.comp-newProg p,
.done-56#quiz-score p,
.done-56.comp-newProg p,
.done-57#quiz-score p,
.done-57.comp-newProg p,
.done-58#quiz-score p,
.done-58.comp-newProg p,
.done-59#quiz-score p,
.done-59.comp-newProg p,
.done-60#quiz-score p,
.done-60.comp-newProg p {
    color: #4e6fa4;
}

.done-60.asset-ilo-score,
.done-60.comp-percent,
.done-60.grade-type,
.done-60.student-score,
.done-61.asset-ilo-score,
.done-61.comp-percent,
.done-61.grade-type,
.done-61.student-score,
.done-62.asset-ilo-score,
.done-62.comp-percent,
.done-62.grade-type,
.done-62.student-score,
.done-63.asset-ilo-score,
.done-63.comp-percent,
.done-63.grade-type,
.done-63.student-score,
.done-64.asset-ilo-score,
.done-64.comp-percent,
.done-64.grade-type,
.done-64.student-score,
.done-65.asset-ilo-score,
.done-65.comp-percent,
.done-65.grade-type,
.done-65.student-score {
    color: #4e82a4;
}

.done-60 .comp-name .activity-time,
.done-61 .comp-name .activity-time,
.done-62 .comp-name .activity-time,
.done-63 .comp-name .activity-time,
.done-64 .comp-name .activity-time,
.done-65 .comp-name .activity-time {
    background-color: #4e82a4;
}

.done-60 .comp-left,
.done-61 .comp-left,
.done-62 .comp-left,
.done-63 .comp-left,
.done-64 .comp-left,
.done-65 .comp-left {
    background-color: rgba(78, 130, 164, .7);
}

.done-60 .comp-left:after,
.done-61 .comp-left:after,
.done-62 .comp-left:after,
.done-63 .comp-left:after,
.done-64 .comp-left:after,
.done-65 .comp-left:after {
    border-left: .5em solid rgba(78, 130, 164, .67);
}

.done-60 .asset-title,
.done-60 .c100 [class*=de-icon-],
.done-60 .c100 [class*=icon-],
.done-61 .asset-title,
.done-61 .c100 [class*=de-icon-],
.done-61 .c100 [class*=icon-],
.done-62 .asset-title,
.done-62 .c100 [class*=de-icon-],
.done-62 .c100 [class*=icon-],
.done-63 .asset-title,
.done-63 .c100 [class*=de-icon-],
.done-63 .c100 [class*=icon-],
.done-64 .asset-title,
.done-64 .c100 [class*=de-icon-],
.done-64 .c100 [class*=icon-],
.done-65 .asset-title,
.done-65 .c100 [class*=de-icon-],
.done-65 .c100 [class*=icon-] {
    color: #4e82a4;
    border-color: #4e82a4;
}

.done-60#quiz-score p,
.done-60.comp-newProg p,
.done-61#quiz-score p,
.done-61.comp-newProg p,
.done-62#quiz-score p,
.done-62.comp-newProg p,
.done-63#quiz-score p,
.done-63.comp-newProg p,
.done-64#quiz-score p,
.done-64.comp-newProg p,
.done-65#quiz-score p,
.done-65.comp-newProg p {
    color: #4e82a4;
}

.done-65.asset-ilo-score,
.done-65.comp-percent,
.done-65.grade-type,
.done-65.student-score,
.done-66.asset-ilo-score,
.done-66.comp-percent,
.done-66.grade-type,
.done-66.student-score,
.done-67.asset-ilo-score,
.done-67.comp-percent,
.done-67.grade-type,
.done-67.student-score,
.done-68.asset-ilo-score,
.done-68.comp-percent,
.done-68.grade-type,
.done-68.student-score,
.done-69.asset-ilo-score,
.done-69.comp-percent,
.done-69.grade-type,
.done-69.student-score,
.done-70.asset-ilo-score,
.done-70.comp-percent,
.done-70.grade-type,
.done-70.student-score {
    color: #4e95a4;
}

.done-65 .comp-name .activity-time,
.done-66 .comp-name .activity-time,
.done-67 .comp-name .activity-time,
.done-68 .comp-name .activity-time,
.done-69 .comp-name .activity-time,
.done-70 .comp-name .activity-time {
    background-color: #4e95a4;
}

.done-65 .comp-left,
.done-66 .comp-left,
.done-67 .comp-left,
.done-68 .comp-left,
.done-69 .comp-left,
.done-70 .comp-left {
    background-color: rgba(78, 149, 164, .7);
}

.done-65 .comp-left:after,
.done-66 .comp-left:after,
.done-67 .comp-left:after,
.done-68 .comp-left:after,
.done-69 .comp-left:after,
.done-70 .comp-left:after {
    border-left: .5em solid rgba(78, 149, 164, .67);
}

.done-65 .asset-title,
.done-65 .c100 [class*=de-icon-],
.done-65 .c100 [class*=icon-],
.done-66 .asset-title,
.done-66 .c100 [class*=de-icon-],
.done-66 .c100 [class*=icon-],
.done-67 .asset-title,
.done-67 .c100 [class*=de-icon-],
.done-67 .c100 [class*=icon-],
.done-68 .asset-title,
.done-68 .c100 [class*=de-icon-],
.done-68 .c100 [class*=icon-],
.done-69 .asset-title,
.done-69 .c100 [class*=de-icon-],
.done-69 .c100 [class*=icon-],
.done-70 .asset-title,
.done-70 .c100 [class*=de-icon-],
.done-70 .c100 [class*=icon-] {
    color: #4e95a4;
    border-color: #4e95a4;
}

.done-65#quiz-score p,
.done-65.comp-newProg p,
.done-66#quiz-score p,
.done-66.comp-newProg p,
.done-67#quiz-score p,
.done-67.comp-newProg p,
.done-68#quiz-score p,
.done-68.comp-newProg p,
.done-69#quiz-score p,
.done-69.comp-newProg p,
.done-70#quiz-score p,
.done-70.comp-newProg p {
    color: #4e95a4;
}

.done-70.asset-ilo-score,
.done-70.comp-percent,
.done-70.grade-type,
.done-70.student-score,
.done-71.asset-ilo-score,
.done-71.comp-percent,
.done-71.grade-type,
.done-71.student-score,
.done-72.asset-ilo-score,
.done-72.comp-percent,
.done-72.grade-type,
.done-72.student-score,
.done-73.asset-ilo-score,
.done-73.comp-percent,
.done-73.grade-type,
.done-73.student-score,
.done-74.asset-ilo-score,
.done-74.comp-percent,
.done-74.grade-type,
.done-74.student-score,
.done-75.asset-ilo-score,
.done-75.comp-percent,
.done-75.grade-type,
.done-75.student-score {
    color: #4ea49f;
}

.done-70 .comp-name .activity-time,
.done-71 .comp-name .activity-time,
.done-72 .comp-name .activity-time,
.done-73 .comp-name .activity-time,
.done-74 .comp-name .activity-time,
.done-75 .comp-name .activity-time {
    background-color: #4ea49f;
}

.done-70 .comp-left,
.done-71 .comp-left,
.done-72 .comp-left,
.done-73 .comp-left,
.done-74 .comp-left,
.done-75 .comp-left {
    background-color: rgba(78, 164, 159, .7);
}

.done-70 .comp-left:after,
.done-71 .comp-left:after,
.done-72 .comp-left:after,
.done-73 .comp-left:after,
.done-74 .comp-left:after,
.done-75 .comp-left:after {
    border-left: .5em solid rgba(78, 164, 159, .67);
}

.done-70 .asset-title,
.done-70 .c100 [class*=de-icon-],
.done-70 .c100 [class*=icon-],
.done-71 .asset-title,
.done-71 .c100 [class*=de-icon-],
.done-71 .c100 [class*=icon-],
.done-72 .asset-title,
.done-72 .c100 [class*=de-icon-],
.done-72 .c100 [class*=icon-],
.done-73 .asset-title,
.done-73 .c100 [class*=de-icon-],
.done-73 .c100 [class*=icon-],
.done-74 .asset-title,
.done-74 .c100 [class*=de-icon-],
.done-74 .c100 [class*=icon-],
.done-75 .asset-title,
.done-75 .c100 [class*=de-icon-],
.done-75 .c100 [class*=icon-] {
    color: #4ea49f;
    border-color: #4ea49f;
}

.done-70#quiz-score p,
.done-70.comp-newProg p,
.done-71#quiz-score p,
.done-71.comp-newProg p,
.done-72#quiz-score p,
.done-72.comp-newProg p,
.done-73#quiz-score p,
.done-73.comp-newProg p,
.done-74#quiz-score p,
.done-74.comp-newProg p,
.done-75#quiz-score p,
.done-75.comp-newProg p {
    color: #4ea49f;
}

.done-75.asset-ilo-score,
.done-75.comp-percent,
.done-75.grade-type,
.done-75.student-score,
.done-76.asset-ilo-score,
.done-76.comp-percent,
.done-76.grade-type,
.done-76.student-score,
.done-77.asset-ilo-score,
.done-77.comp-percent,
.done-77.grade-type,
.done-77.student-score,
.done-78.asset-ilo-score,
.done-78.comp-percent,
.done-78.grade-type,
.done-78.student-score,
.done-79.asset-ilo-score,
.done-79.comp-percent,
.done-79.grade-type,
.done-79.student-score,
.done-80.asset-ilo-score,
.done-80.comp-percent,
.done-80.grade-type,
.done-80.student-score {
    color: #4ea48c;
}

.done-75 .comp-name .activity-time,
.done-76 .comp-name .activity-time,
.done-77 .comp-name .activity-time,
.done-78 .comp-name .activity-time,
.done-79 .comp-name .activity-time,
.done-80 .comp-name .activity-time {
    background-color: #4ea48c;
}

.done-75 .comp-left,
.done-76 .comp-left,
.done-77 .comp-left,
.done-78 .comp-left,
.done-79 .comp-left,
.done-80 .comp-left {
    background-color: rgba(78, 164, 140, .7);
}

.done-75 .comp-left:after,
.done-76 .comp-left:after,
.done-77 .comp-left:after,
.done-78 .comp-left:after,
.done-79 .comp-left:after,
.done-80 .comp-left:after {
    border-left: .5em solid rgba(78, 164, 140, .67);
}

.done-75 .asset-title,
.done-75 .c100 [class*=de-icon-],
.done-75 .c100 [class*=icon-],
.done-76 .asset-title,
.done-76 .c100 [class*=de-icon-],
.done-76 .c100 [class*=icon-],
.done-77 .asset-title,
.done-77 .c100 [class*=de-icon-],
.done-77 .c100 [class*=icon-],
.done-78 .asset-title,
.done-78 .c100 [class*=de-icon-],
.done-78 .c100 [class*=icon-],
.done-79 .asset-title,
.done-79 .c100 [class*=de-icon-],
.done-79 .c100 [class*=icon-],
.done-80 .asset-title,
.done-80 .c100 [class*=de-icon-],
.done-80 .c100 [class*=icon-] {
    color: #4ea48c;
    border-color: #4ea48c;
}

.done-75#quiz-score p,
.done-75.comp-newProg p,
.done-76#quiz-score p,
.done-76.comp-newProg p,
.done-77#quiz-score p,
.done-77.comp-newProg p,
.done-78#quiz-score p,
.done-78.comp-newProg p,
.done-79#quiz-score p,
.done-79.comp-newProg p,
.done-80#quiz-score p,
.done-80.comp-newProg p {
    color: #4ea48c;
}

.done-80.asset-ilo-score,
.done-80.comp-percent,
.done-80.grade-type,
.done-80.student-score,
.done-81.asset-ilo-score,
.done-81.comp-percent,
.done-81.grade-type,
.done-81.student-score,
.done-82.asset-ilo-score,
.done-82.comp-percent,
.done-82.grade-type,
.done-82.student-score,
.done-83.asset-ilo-score,
.done-83.comp-percent,
.done-83.grade-type,
.done-83.student-score,
.done-84.asset-ilo-score,
.done-84.comp-percent,
.done-84.grade-type,
.done-84.student-score,
.done-85.asset-ilo-score,
.done-85.comp-percent,
.done-85.grade-type,
.done-85.student-score {
    color: #4ea479;
}

.done-80 .comp-name .activity-time,
.done-81 .comp-name .activity-time,
.done-82 .comp-name .activity-time,
.done-83 .comp-name .activity-time,
.done-84 .comp-name .activity-time,
.done-85 .comp-name .activity-time {
    background-color: #4ea479;
}

.done-80 .comp-left,
.done-81 .comp-left,
.done-82 .comp-left,
.done-83 .comp-left,
.done-84 .comp-left,
.done-85 .comp-left {
    background-color: rgba(78, 164, 121, .7);
}

.done-80 .comp-left:after,
.done-81 .comp-left:after,
.done-82 .comp-left:after,
.done-83 .comp-left:after,
.done-84 .comp-left:after,
.done-85 .comp-left:after {
    border-left: .5em solid rgba(78, 164, 121, .67);
}

.done-80 .asset-title,
.done-80 .c100 [class*=de-icon-],
.done-80 .c100 [class*=icon-],
.done-81 .asset-title,
.done-81 .c100 [class*=de-icon-],
.done-81 .c100 [class*=icon-],
.done-82 .asset-title,
.done-82 .c100 [class*=de-icon-],
.done-82 .c100 [class*=icon-],
.done-83 .asset-title,
.done-83 .c100 [class*=de-icon-],
.done-83 .c100 [class*=icon-],
.done-84 .asset-title,
.done-84 .c100 [class*=de-icon-],
.done-84 .c100 [class*=icon-],
.done-85 .asset-title,
.done-85 .c100 [class*=de-icon-],
.done-85 .c100 [class*=icon-] {
    color: #4ea479;
    border-color: #4ea479;
}

.done-80#quiz-score p,
.done-80.comp-newProg p,
.done-81#quiz-score p,
.done-81.comp-newProg p,
.done-82#quiz-score p,
.done-82.comp-newProg p,
.done-83#quiz-score p,
.done-83.comp-newProg p,
.done-84#quiz-score p,
.done-84.comp-newProg p,
.done-85#quiz-score p,
.done-85.comp-newProg p {
    color: #4ea479;
}

.done-85.asset-ilo-score,
.done-85.comp-percent,
.done-85.grade-type,
.done-85.student-score,
.done-86.asset-ilo-score,
.done-86.comp-percent,
.done-86.grade-type,
.done-86.student-score,
.done-87.asset-ilo-score,
.done-87.comp-percent,
.done-87.grade-type,
.done-87.student-score,
.done-88.asset-ilo-score,
.done-88.comp-percent,
.done-88.grade-type,
.done-88.student-score,
.done-89.asset-ilo-score,
.done-89.comp-percent,
.done-89.grade-type,
.done-89.student-score,
.done-90.asset-ilo-score,
.done-90.comp-percent,
.done-90.grade-type,
.done-90.student-score {
    color: #4ea465;
}

.done-85 .comp-name .activity-time,
.done-86 .comp-name .activity-time,
.done-87 .comp-name .activity-time,
.done-88 .comp-name .activity-time,
.done-89 .comp-name .activity-time,
.done-90 .comp-name .activity-time {
    background-color: #4ea465;
}

.done-85 .comp-left,
.done-86 .comp-left,
.done-87 .comp-left,
.done-88 .comp-left,
.done-89 .comp-left,
.done-90 .comp-left {
    background-color: rgba(78, 164, 101, .7);
}

.done-85 .comp-left:after,
.done-86 .comp-left:after,
.done-87 .comp-left:after,
.done-88 .comp-left:after,
.done-89 .comp-left:after,
.done-90 .comp-left:after {
    border-left: .5em solid rgba(78, 164, 101, .67);
}

.done-85 .asset-title,
.done-85 .c100 [class*=de-icon-],
.done-85 .c100 [class*=icon-],
.done-86 .asset-title,
.done-86 .c100 [class*=de-icon-],
.done-86 .c100 [class*=icon-],
.done-87 .asset-title,
.done-87 .c100 [class*=de-icon-],
.done-87 .c100 [class*=icon-],
.done-88 .asset-title,
.done-88 .c100 [class*=de-icon-],
.done-88 .c100 [class*=icon-],
.done-89 .asset-title,
.done-89 .c100 [class*=de-icon-],
.done-89 .c100 [class*=icon-],
.done-90 .asset-title,
.done-90 .c100 [class*=de-icon-],
.done-90 .c100 [class*=icon-] {
    color: #4ea465;
    border-color: #4ea465;
}

.done-85#quiz-score p,
.done-85.comp-newProg p,
.done-86#quiz-score p,
.done-86.comp-newProg p,
.done-87#quiz-score p,
.done-87.comp-newProg p,
.done-88#quiz-score p,
.done-88.comp-newProg p,
.done-89#quiz-score p,
.done-89.comp-newProg p,
.done-90#quiz-score p,
.done-90.comp-newProg p {
    color: #4ea465;
}

.done-90.asset-ilo-score,
.done-90.comp-percent,
.done-90.grade-type,
.done-90.student-score,
.done-91.asset-ilo-score,
.done-91.comp-percent,
.done-91.grade-type,
.done-91.student-score,
.done-92.asset-ilo-score,
.done-92.comp-percent,
.done-92.grade-type,
.done-92.student-score,
.done-93.asset-ilo-score,
.done-93.comp-percent,
.done-93.grade-type,
.done-93.student-score,
.done-94.asset-ilo-score,
.done-94.comp-percent,
.done-94.grade-type,
.done-94.student-score,
.done-95.asset-ilo-score,
.done-95.comp-percent,
.done-95.grade-type,
.done-95.student-score {
    color: #4ea452;
}

.done-90 .comp-name .activity-time,
.done-91 .comp-name .activity-time,
.done-92 .comp-name .activity-time,
.done-93 .comp-name .activity-time,
.done-94 .comp-name .activity-time,
.done-95 .comp-name .activity-time {
    background-color: #4ea452;
}

.done-90 .comp-left,
.done-91 .comp-left,
.done-92 .comp-left,
.done-93 .comp-left,
.done-94 .comp-left,
.done-95 .comp-left {
    background-color: rgba(78, 164, 82, .7);
}

.done-90 .comp-left:after,
.done-91 .comp-left:after,
.done-92 .comp-left:after,
.done-93 .comp-left:after,
.done-94 .comp-left:after,
.done-95 .comp-left:after {
    border-left: .5em solid rgba(78, 164, 82, .67);
}

.done-90 .asset-title,
.done-90 .c100 [class*=de-icon-],
.done-90 .c100 [class*=icon-],
.done-91 .asset-title,
.done-91 .c100 [class*=de-icon-],
.done-91 .c100 [class*=icon-],
.done-92 .asset-title,
.done-92 .c100 [class*=de-icon-],
.done-92 .c100 [class*=icon-],
.done-93 .asset-title,
.done-93 .c100 [class*=de-icon-],
.done-93 .c100 [class*=icon-],
.done-94 .asset-title,
.done-94 .c100 [class*=de-icon-],
.done-94 .c100 [class*=icon-],
.done-95 .asset-title,
.done-95 .c100 [class*=de-icon-],
.done-95 .c100 [class*=icon-] {
    color: #4ea452;
    border-color: #4ea452;
}

.done-90#quiz-score p,
.done-90.comp-newProg p,
.done-91#quiz-score p,
.done-91.comp-newProg p,
.done-92#quiz-score p,
.done-92.comp-newProg p,
.done-93#quiz-score p,
.done-93.comp-newProg p,
.done-94#quiz-score p,
.done-94.comp-newProg p,
.done-95#quiz-score p,
.done-95.comp-newProg p {
    color: #4ea452;
}

.done-100.asset-ilo-score,
.done-100.comp-percent,
.done-100.grade-type,
.done-100.student-score,
.done-95.asset-ilo-score,
.done-95.comp-percent,
.done-95.grade-type,
.done-95.student-score,
.done-96.asset-ilo-score,
.done-96.comp-percent,
.done-96.grade-type,
.done-96.student-score,
.done-97.asset-ilo-score,
.done-97.comp-percent,
.done-97.grade-type,
.done-97.student-score,
.done-98.asset-ilo-score,
.done-98.comp-percent,
.done-98.grade-type,
.done-98.student-score,
.done-99.asset-ilo-score,
.done-99.comp-percent,
.done-99.grade-type,
.done-99.student-score {
    color: #5ea44e;
}

.done-100 .comp-name .activity-time,
.done-95 .comp-name .activity-time,
.done-96 .comp-name .activity-time,
.done-97 .comp-name .activity-time,
.done-98 .comp-name .activity-time,
.done-99 .comp-name .activity-time {
    background-color: #5ea44e;
}

.done-100 .comp-left,
.done-95 .comp-left,
.done-96 .comp-left,
.done-97 .comp-left,
.done-98 .comp-left,
.done-99 .comp-left {
    background-color: rgba(94, 164, 78, .7);
}

.done-100 .comp-left:after,
.done-95 .comp-left:after,
.done-96 .comp-left:after,
.done-97 .comp-left:after,
.done-98 .comp-left:after,
.done-99 .comp-left:after {
    border-left: .5em solid rgba(94, 164, 78, .67);
}

.done-100 .asset-title,
.done-100 .c100 [class*=de-icon-],
.done-100 .c100 [class*=icon-],
.done-95 .asset-title,
.done-95 .c100 [class*=de-icon-],
.done-95 .c100 [class*=icon-],
.done-96 .asset-title,
.done-96 .c100 [class*=de-icon-],
.done-96 .c100 [class*=icon-],
.done-97 .asset-title,
.done-97 .c100 [class*=de-icon-],
.done-97 .c100 [class*=icon-],
.done-98 .asset-title,
.done-98 .c100 [class*=de-icon-],
.done-98 .c100 [class*=icon-],
.done-99 .asset-title,
.done-99 .c100 [class*=de-icon-],
.done-99 .c100 [class*=icon-] {
    color: #5ea44e;
    border-color: #5ea44e;
}

.done-100#quiz-score p,
.done-100.comp-newProg p,
.done-95#quiz-score p,
.done-95.comp-newProg p,
.done-96#quiz-score p,
.done-96.comp-newProg p,
.done-97#quiz-score p,
.done-97.comp-newProg p,
.done-98#quiz-score p,
.done-98.comp-newProg p,
.done-99#quiz-score p,
.done-99.comp-newProg p {
    color: #5ea44e;
}

.p0 .arc .complete,
.p1 .arc .complete,
.p2 .arc .complete,
.p3 .arc .complete,
.p4 .arc .complete {
    fill: #a4564e;
}

.p5 .arc .complete,
.p6 .arc .complete,
.p7 .arc .complete,
.p8 .arc .complete,
.p9 .arc .complete {
    fill: #a44e59;
}

.p10 .arc .complete,
.p11 .arc .complete,
.p12 .arc .complete,
.p13 .arc .complete,
.p14 .arc .complete {
    fill: #a44e6d;
}

.p15 .arc .complete,
.p16 .arc .complete,
.p17 .arc .complete,
.p18 .arc .complete,
.p19 .arc .complete {
    fill: #a44e80;
}

.p20 .arc .complete,
.p21 .arc .complete,
.p22 .arc .complete,
.p23 .arc .complete,
.p24 .arc .complete {
    fill: #a44e93;
}

.p25 .arc .complete,
.p26 .arc .complete,
.p27 .arc .complete,
.p28 .arc .complete,
.p29 .arc .complete {
    fill: #a14ea4;
}

.p30 .arc .complete,
.p31 .arc .complete,
.p32 .arc .complete,
.p33 .arc .complete,
.p34 .arc .complete {
    fill: #8e4ea4;
}

.p35 .arc .complete,
.p36 .arc .complete,
.p37 .arc .complete,
.p38 .arc .complete,
.p39 .arc .complete {
    fill: #7b4ea4;
}

.p40 .arc .complete,
.p41 .arc .complete,
.p42 .arc .complete,
.p43 .arc .complete,
.p44 .arc .complete {
    fill: #684ea4;
}

.p45 .arc .complete,
.p46 .arc .complete,
.p47 .arc .complete,
.p48 .arc .complete,
.p49 .arc .complete {
    fill: #544ea4;
}

.p50 .arc .complete,
.p51 .arc .complete,
.p52 .arc .complete,
.p53 .arc .complete,
.p54 .arc .complete {
    fill: #4e5ba4;
}

.p55 .arc .complete,
.p56 .arc .complete,
.p57 .arc .complete,
.p58 .arc .complete,
.p59 .arc .complete {
    fill: #4e6fa4;
}

.p60 .arc .complete,
.p61 .arc .complete,
.p62 .arc .complete,
.p63 .arc .complete,
.p64 .arc .complete {
    fill: #4e82a4;
}

.p65 .arc .complete,
.p66 .arc .complete,
.p67 .arc .complete,
.p68 .arc .complete,
.p69 .arc .complete {
    fill: #4e95a4;
}

.p70 .arc .complete,
.p71 .arc .complete,
.p72 .arc .complete,
.p73 .arc .complete,
.p74 .arc .complete {
    fill: #4ea49f;
}

.p75 .arc .complete,
.p76 .arc .complete,
.p77 .arc .complete,
.p78 .arc .complete,
.p79 .arc .complete {
    fill: #4ea48c;
}

.p80 .arc .complete,
.p81 .arc .complete,
.p82 .arc .complete,
.p83 .arc .complete,
.p84 .arc .complete {
    fill: #4ea479;
}

.p85 .arc .complete,
.p86 .arc .complete,
.p87 .arc .complete,
.p88 .arc .complete,
.p89 .arc .complete {
    fill: #4ea465;
}

.p90 .arc .complete,
.p91 .arc .complete,
.p92 .arc .complete,
.p93 .arc .complete,
.p94 .arc .complete {
    fill: #4ea452;
}

.p95 .arc .complete,
.p96 .arc .complete,
.p97 .arc .complete,
.p98 .arc .complete,
.p99 .arc .complete {
    fill: #5ea44e;
}

#quiz-wrap .ap-question-text-default,
.ap-matching-question .matching-wrap,
.choice,
.lo-results-question .ap-question-text div.ap-question-text-default,
.question-width,
.quiz-results-container .ap-question-text div.ap-question-text-default,
bin-drop .ap-bin-drop .ap-question,
bin-drop .options-bin,
hotspot-question .ap-question {
    width: calc(100% - 3rem);
    margin-left: 3rem;
}

@media screen and (max-width:47.9375em) {
    #quiz-wrap .ap-question-text-default,
    .ap-matching-question .matching-wrap,
    .choice,
    .lo-results-question .ap-question-text div.ap-question-text-default,
    .question-width,
    .quiz-results-container .ap-question-text div.ap-question-text-default,
    bin-drop .ap-bin-drop .ap-question,
    bin-drop .options-bin,
    hotspot-question .ap-question {
        margin-left: 1rem;
        width: calc(100% - 1rem);
    }
}

.chapter-list,
.comp-list,
.competency-list-container {
    display: inline-block;
    padding: 0;
    font-size: 1em;
    list-style-type: none;
}

@media screen and (max-width:64em) {
    .chapter-list,
    .comp-list,
    .competency-list-container {
        margin: 1em calc(3.5% - .5em);
    }
}

@media screen and (max-width:35.5em) {
    .chapter-list,
    .comp-list,
    .competency-list-container {
        margin: 1em calc(2.5% - .5em);
    }
}

.chapter-list .comp-list-item,
.comp-list .comp-list-item,
.competency-list-item {
    margin: .75em .5em;
    width: calc(100% - 1em);
    padding: 0;
    display: inline-block;
    text-align: center;
    background: rgba(255, 255, 255, .5);
    border-radius: .5rem;
    transition: all ease .5s;
}

.chapter-list .comp-name,
.comp-name {
    margin: 0;
    padding: 1em .5em;
    font-size: .925em;
    color: #68971e;
    background: #fff;
    border-radius: .33em .33em 0 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

@media screen and (max-width:35.5em) {
    .chapter-list .comp-name,
    .comp-name {
        padding: .33em;
        font-size: .85em;
    }
}

.chapter-list .comp-name a,
.comp-name a {
    color: #444;
}

.comp-percent {
    font-weight: 200;
    text-shadow: 0 1px 0 #fff;
    line-height: 1;
}

.comp-percent>.symbol {
    font-size: .5em;
}

@keyframes anim-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.de-spin {
    -webkit-animation: anim-rotate 2s infinite linear;
    animation: anim-rotate 2s infinite linear;
}

date-icon {
    display: inline-block;
}

date-icon .date-icon {
    border-radius: .25rem;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .125);
}

date-icon .date-icon .date {
    padding: .125em .25em;
    line-height: 1;
    letter-spacing: .1em;
    color: #65ad3d;
}

date-icon .date-icon .month {
    padding: 0 .125em .1em;
    font-size: .6em;
    letter-spacing: .1em;
    color: #fff;
    background-color: #65ad3d;
    line-height: 1.2;
}

.asset-title {
    margin: 0;
}

.comp-list-title {
    margin: 1.15em 0 0;
    color: #ffc72c;
}

@media screen and (max-width:35.5em) {
    .comp-list-title {
        font-size: 1.5em;
    }
}

.comp-list-title>.icon {
    margin-right: .33em;
}

.comp-list-title .assignment-list-btn {
    margin: 0 1em 0 0;
    font-size: .925rem;
    color: #ffc72c;
}

@media screen and (max-width:48em) {
    .comp-list-title .assignment-list-btn {
        font-size: .85rem;
    }
}

@media screen and (max-width:35.5em) {
    .comp-list-title .assignment-list-btn {
        padding: .33em .575em;
        margin-right: .75em;
        min-height: 0;
    }
    .comp-list-title .assignment-list-btn>span {
        display: none;
    }
}

.comp-list-title .assignment-list-btn .icon {
    margin-right: .25em;
    font-size: 1.15em;
    position: relative;
    top: .1em;
}

@media screen and (max-width:35.5em) {
    .comp-list-title .assignment-list-btn .icon {
        margin-right: 0;
        top: 0;
    }
}

.comp-details {
    margin: 0 0 1em 2em;
}

.asset-chapter-home,
.asset-module-home {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.asset-chapter-home .asset-chapter-line:nth-child(odd) .line-item,
.asset-module-home .asset-chapter-line:nth-child(odd) .line-item {
    background: rgba(255, 255, 255, .67);
}

.asset-chapter-home .asset-chapter-line:nth-child(odd) .line-item:hover,
.asset-module-home .asset-chapter-line:nth-child(odd) .line-item:hover {
    background: #fff;
}

.asset-chapter-home .asset-chapter-line:nth-child(odd) .line-item .asset-ilo-score,
.asset-chapter-home .asset-chapter-line:nth-child(odd) .line-item .icon,
.asset-module-home .asset-chapter-line:nth-child(odd) .line-item .asset-ilo-score,
.asset-module-home .asset-chapter-line:nth-child(odd) .line-item .icon {
    background: rgba(133, 194, 38, .82);
}

.asset-chapter-home .asset-chapter-line.done .activity-time *,
.asset-chapter-home .asset-chapter-line.done .activity-title,
.asset-module-home .asset-chapter-line.done .activity-time *,
.asset-module-home .asset-chapter-line.done .activity-title {
    color: #56813e;
}

.asset-chapter-home .asset-chapter-line.done .icon,
.asset-module-home .asset-chapter-line.done .icon {
    background: #6da44e;
}

.asset-chapter-home .asset-chapter-line.done .icon:before,
.asset-module-home .asset-chapter-line.done .icon:before {
    content: "";
}

.asset-chapter-home .btn-discuss-course,
.asset-module-home .btn-discuss-course {
    margin: .25em 0;
    width: 100%;
}

.pre-test-notification {
    background: rgba(255, 255, 255, .95);
    position: absolute;
    bottom: calc(100% + 1.33em);
    right: -1.5em;
    border-radius: .5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    z-index: 3;
    width: 50em;
    animation: animate-scaleFadeIn 13s;
    -webkit-animation: animate-scaleFadeIn 13s;
}

@media screen and (max-width:64em) {
    .pre-test-notification {
        width: 67vw;
        right: -1em;
    }
}

@media screen and (max-width:48em) {
    .pre-test-notification {
        width: 75vw;
        right: -.5em;
    }
}

@media screen and (max-width:35.5em) {
    .pre-test-notification {
        width: 100%;
        right: 0;
    }
}

.pre-test-notification:after,
.pre-test-notification:before {
    content: "";
    position: absolute;
    right: 2.5em;
    border-right: .75em solid transparent;
    border-bottom: .75em solid transparent;
    border-left: .75em solid transparent;
}

.pre-test-notification:before {
    border-top: .75em solid rgba(0, 0, 0, .075);
    top: calc(100% + 3px);
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.pre-test-notification:after {
    border-top: .75em solid rgba(255, 255, 255, .95);
    top: 100%;
}

.pre-test-notification .notification-message {
    padding: 1em 1.5em;
    position: relative;
}

@media screen and (max-width:48em) {
    .pre-test-notification .notification-message {
        font-size: .925em;
    }
}

@media screen and (max-width:35.5em) {
    .pre-test-notification .notification-message {
        font-size: .85em;
    }
}

.pre-test-notification .notification-message>h2 {
    font-size: 1.5em;
    margin: .25em 0 .33em;
}

.pre-test-notification .notification-message>h2 .icon {
    margin-right: .33em;
    font-size: 1.15em;
}

.pre-test-notification .notification-message>p {
    margin: 0 0 1em;
    font-size: .925em;
}

.pre-test-notification .notification-message .notification-close {
    position: absolute;
    right: .75em;
    top: .75em;
    font-size: .5em;
    padding: .25em;
    text-align: center;
}

@media screen and (max-width:48em) {
    .pre-test-notification .notification-message .notification-close {
        top: .5em;
        right: .5em;
    }
}

@media screen and (max-width:35.5em) {
    .pre-test-notification .notification-message .notification-close {
        top: .33em;
        right: .33em;
    }
}

.pre-test-notification .notification-message .notification-close .icon {
    margin: 0;
    font-size: 1.33em;
}

.comp-item {
    position: relative;
    background: #fff;
    margin: .67em 0 .33em;
    list-style: none;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    font-size: 1.5em;
}

.comp-item .c100 svg {
    display: block;
}

.comp-overview {
    display: inline-block;
    width: calc(100% - 2em);
    padding: .67em 1em;
    margin: .5em 0 .25em;
    background: rgba(255, 255, 255, .85);
    border-radius: .5rem;
    text-align: center;
    transition: background ease .5s;
}

.comp-overview:hover {
    background: #fff;
    cursor: pointer;
}

.comp-overview>.icon {
    display: inline-block;
    font-size: 1.5em;
    color: #65ad3d;
    line-height: 0;
    position: relative;
    top: .05em;
}

.comp-overview>p {
    display: inline-block;
    margin: 0;
    padding: .25em .5em;
    color: #65ad3d;
    font-size: 1.25em;
}

.comp-list>li {
    margin: 0;
}

.comp-list .comp-list-item:hover .c100 {
    cursor: pointer;
}

.comp-list .comp-list-item:hover .c100:after {
    height: .92em;
    width: .92em;
    left: .04em;
    top: .04em;
}

.comp-list .comp-list-item:hover .c100>p,
.comp-list .comp-list-item:hover .c100>span {
    font-size: .425em;
}

.comp-list .comp-list-item:hover .c100>.icon,
.comp-list .comp-list-item:hover .c100>i {
    font-size: .5em;
}

.comp-list .comp-list-item.asset-learningObjective {
    width: 100%;
    text-align: left;
    display: table;
    background: rgba(255, 255, 255, .5);
}

.comp-list .comp-list-item.asset-learningObjective:hover {
    background: rgba(255, 255, 255, .67);
}

.comp-list .comp-list-item.general-resource {
    margin-top: .5em;
}

.comp-list .comp-list-item.general-resource:hover .c100 .icon {
    font-size: .85em;
}

.comp-list .comp-list-item.general-resource.collapse {
    background: rgba(255, 255, 255, .5);
}

.comp-list .comp-list-item.general-resource.collapse .comp-item {
    margin: -2em -1.5em;
}

@media screen and (max-width:35.5em) {
    .comp-list .comp-list-item.general-resource.collapse .comp-item {
        margin: -2em -1em;
    }
}

@media screen and (max-width:20em) {
    .comp-list .comp-list-item.general-resource.collapse .comp-item {
        margin: -2em -1.5em;
    }
}

.comp-list .comp-list-item.general-resource .comp-left {
    background: #fff;
}

.comp-list .comp-list-item.general-resource .comp-left:after {
    border-left: .5em solid #fff;
}

.comp-list .comp-list-item.general-resource .comp-item {
    box-shadow: none;
}

.comp-list .comp-list-item.general-resource .c100 {
    background: 0 0;
}

.comp-list .comp-list-item.general-resource .c100:after {
    display: none;
}

.comp-list .comp-list-item.general-resource .c100 .icon {
    font-size: .75em;
}

.comp-list .comp-left,
.comp-list .comp-right {
    transition: all ease .5s;
    display: table-cell;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    text-aligh: center;
    position: relative;
}

.comp-list .comp-left {
    width: 9.5em;
    padding: 0;
    text-align: center;
    border-radius: .5rem 0 0 .5rem;
    cursor: pointer;
    position: relative;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: middle;
    text-rendering: auto;
    box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
}

.comp-list .comp-left:after {
    top: 2.67em;
    transition: top ease .5s;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: .5em solid transparent;
    width: 0;
    height: 0;
    margin: auto;
    content: " ";
    display: block;
    position: absolute;
    left: 100%;
}

@media screen and (max-width:48em) {
    .comp-list .comp-left:after {
        top: 2.5em;
    }
}

@media screen and (max-width:35.5em) {
    .comp-list .comp-left:after {
        top: 2.25em;
    }
}

@media screen and (max-width:20em) {
    .comp-list .comp-left:after {
        top: 2em;
    }
}

.comp-list .comp-left:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(-45deg, transparent 50%, rgba(255, 255, 255, .067) 50%);
}

@media screen and (max-width:64em) {
    .comp-list .comp-left {
        width: 8em;
    }
}

@media screen and (max-width:48em) {
    .comp-list .comp-left {
        width: .75em;
        transition: none;
    }
}

@media screen and (max-width:20em) {
    .comp-list .comp-left {
        width: .5em;
    }
}

.comp-list .comp-left .comp-item {
    margin: -.67em;
    transform: scale(0.67, .67);
    -webkit-transform: scale(0.67, .67);
    position: relative;
    top: .1em;
}

@media screen and (max-width:64em) {
    .comp-list .comp-left .comp-item {
        margin: -1em;
        transform: scale(0.6, .6);
        -webkit-transform: scale(0.6, .6);
    }
}

@media screen and (max-width:48em) {
    .comp-list .comp-left .comp-item {
        margin: -1.25em;
        transform: scale(0.5, .5);
        -webkit-transform: scale(0.5, .5);
    }
}

@media screen and (max-width:35.5em) {
    .comp-list .comp-left .comp-item {
        margin: -1.5em;
        transform: scale(0.425, .425);
        -webkit-transform: scale(0.425, .425);
    }
}

@media screen and (max-width:35.5em) {
    .comp-list .comp-left .comp-item {
        transform: scale(0.36, .36);
        -webkit-transform: scale(0.36, .36);
    }
}

.comp-list .comp-right {
    vertical-align: top;
}

.chapter-list a,
.chapter-list a:focus,
.chapter-list a:hover,
.comp-list a,
.comp-list a:focus,
.comp-list a:hover {
    text-decoration: none;
}

.comp-content a {
    text-decoration: underline;
}

.comp-content a:focus,
.comp-content a:hover {
    text-decoration: none;
}

.comp-list {
    margin: 0;
    width: 100%;
}

.comp-list .comp-list-item {
    margin: .75em 0;
}

@media screen and (max-width:48em) {
    .comp-list .comp-list-item {
        margin: .67em 0;
    }
}

@media screen and (max-width:35.5em) {
    .comp-list .comp-list-item {
        margin: .5em 0;
    }
}

.comp-list .comp-list-item.collapse {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
    background: rgba(255, 255, 255, .85);
    cursor: pointer;
}

.comp-list .comp-list-item.collapse:hover {
    background: #fff;
}

.comp-list .comp-list-item.collapse .comp-name {
    padding: 1em 0 1em .75em;
}

@media screen and (max-width:48em) {
    .comp-list .comp-list-item.collapse .comp-name {
        padding: .5em 0 .5em .25em;
    }
}

@media screen and (max-width:48em) {
    .comp-list .comp-list-item.collapse .comp-item {
        max-width: 1000em;
    }
}

.comp-list .comp-list-item.collapse .comp-left:after {
    top: 3em;
}

@media screen and (max-width:48em) {
    .comp-list .comp-list-item.collapse .comp-left {
        width: 7.5em;
    }
    .comp-list .comp-list-item.collapse .comp-left:after {
        top: 2.25em;
    }
}

@media screen and (max-width:35.5em) {
    .comp-list .comp-list-item.collapse .comp-left {
        width: 4.25em;
    }
    .comp-list .comp-list-item.collapse .comp-left:after {
        top: 2em;
    }
}

@media screen and (max-width:20em) {
    .comp-list .comp-list-item.collapse .comp-left {
        width: 3.67em;
    }
    .comp-list .comp-list-item.collapse .comp-left:after {
        top: 1.67em;
    }
}

.comp-list .comp-list-item.collapse .assessment-ctl-container {
    padding-top: 0;
    margin-top: -.75em;
}

@media screen and (max-width:48em) {
    .comp-list .comp-list-item .comp-item {
        max-width: 0;
        overflow: hidden;
    }
}

.comp-list .comp-name {
    background: 0 0;
    box-shadow: none;
    line-height: 1.5em;
    margin: 1em;
    padding: .75em 0 .75em .75em;
    font-size: 1.33em;
    position: relative;
    transition: padding ease .5s, margin ease .5s;
    text-align: left;
    white-space: normal;
    overflow: visible;
}

@media screen and (max-width:48em) {
    .comp-list .comp-name {
        padding-left: .25em;
        font-size: 1.25em;
    }
}

@media screen and (max-width:35.5em) {
    .comp-list .comp-name {
        font-size: 1.15em;
    }
}

@media screen and (max-width:20em) {
    .comp-list .comp-name {
        font-size: 1em;
    }
}

.comp-list .comp-name .assessment-title,
.comp-list .comp-name .asset-title {
    font-weight: 200;
    font-size: 1em;
}

.comp-list .comp-name .asset-description {
    margin-top: 1.25rem;
    margin-bottom: 0rem;
    font-size: .7692307692em;
    transition: all ease .5s;
    max-height: 10000em;
    opacity: 1;
}

.comp-list .comp-name .activity-time {
    position: absolute;
    font-size: .67em;
    height: 1em;
    padding: .67em 1%;
    width: 8.5%;
    line-height: 1;
}

@media screen and (max-width:48em) {
    .comp-list .comp-name .activity-time {
        width: 10%;
    }
}

@media screen and (max-width:35.5em) {
    .comp-list .comp-name .activity-time {
        padding: 0 1%;
        width: 12%;
        min-width: 2em;
        height: 1.85em;
    }
}

.comp-list .comp-percent {
    opacity: 1;
}

.comp-list-item.collapse .activity-item,
.comp-list-item.collapse .activity-list,
.comp-list-item.collapse .asset-description {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    opacity: 0;
    z-index: -1;
}

.chapter-list {
    overflow: hidden;
    margin: 1em -.5em;
    width: calc(100% + 1em);
}

.chapter-list>li {
    margin: 0;
    cursor: pointer;
    position: relative;
    perspective: 1000;
    -webkit-perspective: 1000;
}

.chapter-list>li.overview .comp-btn-data {
    display: none;
}

.chapter-list>li.overview .comp-list-item .comp-item {
    background: 0 0;
    box-shadow: none;
}

.chapter-list>li.overview .comp-list-item .comp-item .c100 {
    background: 0 0;
}

.chapter-list>li.overview .comp-list-item .comp-item .c100:after {
    display: none;
}

.chapter-list>li.overview .comp-list-item .comp-item .c100>.icon {
    color: #65ad3d;
    font-size: 1em;
}

.chapter-list>li.overview .comp-list-item .comp-item .c100>.icon:before {
    content: "";
    font-family: lo-icons;
}

.chapter-list>li.overview .comp-list-item .comp-item prog-circle-circle {
    display: none;
}

.chapter-list>li .comp-list-item-wrap {
    position: relative;
    transition: all ease .5s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.chapter-list>li.flipped .comp-list-item-wrap {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
}

.chapter-list>li.flipped .comp-btn-data .icon {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .chapter-list>li.flipped .comp-list-item {
        z-index: -1;
        opacity: 0;
    }
    .chapter-list>li.flipped .comp-list-data {
        z-index: 0;
        opacity: 1;
    }
}

.chapter-list .comp-list-data,
.chapter-list .comp-list-item {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .chapter-list .comp-list-data,
    .chapter-list .comp-list-item {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        transition: opacity ease .5s;
    }
    .chapter-list .comp-list-item {
        z-index: 0;
        opacity: 1;
    }
    .chapter-list .comp-list-data {
        z-index: -1;
        opacity: 0;
    }
}

.chapter-list .comp-list-data {
    position: absolute;
    height: calc(100% - 1.5em);
    left: .5em;
    top: .75em;
    width: calc(100% - 1em);
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    border-radius: .5rem;
    background: rgba(255, 255, 255, .67);
}

@media screen and (max-width:35.5em) {
    .chapter-list .comp-list-data {
        top: .67em;
        height: calc(100% - 1.33em);
    }
}

@media screen and (max-width:20em) {
    .chapter-list .comp-list-data {
        top: .5em;
        height: calc(100% - 1em);
    }
}

.chapter-list .comp-list-data p {
    margin: 0;
}

.chapter-list .comp-list-data .data-grade {
    text-align: center;
    padding: 1em .5em;
    margin-bottom: 1em;
    font-size: .925em;
    font-weight: 300;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    background: rgba(255, 255, 255, .5);
    border-radius: .5rem .5rem 0 0;
    line-height: 1;
}

@media screen and (max-width:64em) {
    .chapter-list .comp-list-data .data-grade {
        font-size: .9em;
    }
}

@media screen and (max-width:48em) {
    .chapter-list .comp-list-data .data-grade {
        font-size: .85em;
        padding: .75em .5em;
        margin-bottom: .85em;
    }
}

@media screen and (max-width:35.5em) {
    .chapter-list .comp-list-data .data-grade {
        font-size: .75em;
        margin-bottom: .5em;
    }
}

.chapter-list .comp-list-data .data-grade.data-grade-empty {
    font-size: 1.15em;
    line-height: 1;
    padding: 1.33em .5em;
    color: #b23735;
}

.chapter-list .comp-list-data .data-grade>span {
    font-size: 3em;
    display: block;
    margin-bottom: .125em;
}

.chapter-list .comp-list-data .data-grade .grade-label {
    font-size: .9em;
}

.chapter-list .comp-list-data .data-completed,
.chapter-list .comp-list-data .data-remaining {
    font-size: .85em;
    padding: .15em .5em;
    text-align: center;
}

@media screen and (max-width:35.5em) {
    .chapter-list .comp-list-data .data-completed,
    .chapter-list .comp-list-data .data-remaining {
        font-size: .75em;
    }
}

.chapter-list .comp-list-data .data-completed>.icon,
.chapter-list .comp-list-data .data-remaining>.icon {
    font-size: 1.33em;
    color: #ffc72c;
    margin-right: .33em;
    margin-left: -.75em;
    position: relative;
    top: .075em;
}

.chapter-list .comp-list-item {
    position: relative;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.chapter-list .comp-list-item:hover {
    background: rgba(255, 255, 255, .85);
}

@media screen and (max-width:35.5em) {
    .chapter-list .comp-list-item {
        margin-top: .67em;
        margin-bottom: .67em;
    }
}

@media screen and (max-width:20em) {
    .chapter-list .comp-list-item {
        margin-top: .5em;
        margin-bottom: .5em;
    }
}

.chapter-list .comp-list-item .comp-item {
    margin: -.5em;
    transform: scale(0.67, .67);
    -webkit-transform: scale(0.67, .67);
}

@media screen and (max-width:48em) {
    .chapter-list .comp-list-item .comp-item {
        margin: -.67em;
        transform: scale(0.615, .615);
        -webkit-transform: scale(0.615, .615);
    }
}

@media screen and (max-width:35.5em) {
    .chapter-list .comp-list-item .comp-item {
        margin: -1em;
        transform: scale(0.5, .5);
        -webkit-transform: scale(0.5, .5);
    }
}

.chapter-list .comp-list-item .comp-item .c100:hover {
    cursor: pointer;
}

.chapter-list .comp-list-item .comp-item .c100:hover:after {
    height: .92em;
    width: .92em;
    left: .04em;
    top: .04em;
}

.chapter-list .comp-list-item .comp-item .c100:hover>p,
.chapter-list .comp-list-item .comp-item .c100:hover>span {
    font-size: .425em;
}

.chapter-list .comp-list-item .comp-item .c100:hover>.icon,
.chapter-list .comp-list-item .comp-item .c100:hover>i {
    font-size: .5em;
}

.chapter-list .comp-desc {
    display: none;
}

.chapter-list .comp-percent {
    opacity: 1;
}

.flipped .comp-btn-data .icon {
    color: rgba(104, 151, 30, .67);
}

.flipped .comp-btn-data .icon:before {
    content: "";
}

.comp-btn-data {
    width: 1.5em;
    height: 1.25em;
    position: absolute;
    right: .475em;
    bottom: .7em;
    background: rgba(17, 17, 17, .0275);
    border-radius: 0 0 .5rem;
    transition: all ease .5s;
    text-align: center;
    outline: 0;
    font-size: 1.05em;
}

.comp-btn-data:after,
.comp-btn-data:before {
    position: absolute;
    content: "";
    transition: border-color ease .5s;
}

.comp-btn-data:before {
    top: 0;
    right: 100%;
    border-top: .65em solid transparent;
    border-right: .65em solid rgba(17, 17, 17, .0275);
    border-bottom: .65em solid rgba(17, 17, 17, .0275);
    border-left: .65em solid transparent;
}

.comp-btn-data:after {
    bottom: 100%;
    right: 0;
    border-top: .75em solid transparent;
    border-right: .75em solid rgba(17, 17, 17, .0275);
    border-bottom: .75em solid rgba(17, 17, 17, .0275);
    border-left: .75em solid transparent;
}

.comp-btn-data:hover {
    background: rgba(133, 194, 38, .125);
}

.comp-btn-data:hover:after,
.comp-btn-data:hover:before {
    border-color: transparent rgba(133, 194, 38, .125) rgba(133, 194, 38, .125) transparent;
}

.comp-btn-data:hover .icon {
    color: #68971e;
}

@media screen and (max-width:35.5em) {
    .comp-btn-data {
        bottom: .67em;
    }
}

@media screen and (max-width:20em) {
    .comp-btn-data {
        bottom: .5em;
    }
}

.comp-btn-data .icon {
    color: rgba(104, 151, 30, .5);
    font-size: 1.15em;
    position: relative;
    top: -.2em;
    left: -.015em;
    display: block;
    transition: all ease .5s;
    text-shadow: 0 1px 0 #fff;
}

.list-view .chapter-list>li {
    width: 100%;
}

.list-view .chapter-list .comp-list-data {
    width: 100%;
    left: 0;
    top: 0;
    height: calc(100% - .33em);
}

@media screen and (max-width:64em) {
    .list-view .chapter-list .comp-list-data {
        font-size: .925em;
    }
}

@media screen and (max-width:48em) {
    .list-view .chapter-list .comp-list-data {
        font-size: .85em;
    }
}

@media screen and (max-width:35.5em) {
    .list-view .chapter-list .comp-list-data {
        font-size: .75em;
    }
}

.list-view .chapter-list .comp-list-data .data-grade {
    float: left;
    box-shadow: none;
    padding: .67em .5em 1em;
    border-radius: .5rem 0 0 .5rem;
    width: 10rem;
    margin-right: 1.5rem;
    background: 0 0;
}

@media screen and (max-width:64em) {
    .list-view .chapter-list .comp-list-data .data-grade {
        padding: 1em .5em 0;
    }
}

@media screen and (max-width:48em) {
    .list-view .chapter-list .comp-list-data .data-grade {
        width: 9rem;
        padding: 1.33em .5em 0;
    }
}

@media screen and (max-width:35.5em) {
    .list-view .chapter-list .comp-list-data .data-grade {
        width: 6rem;
        margin-right: 1.25rem;
        padding: 1.67em .5em 0;
    }
}

.list-view .chapter-list .comp-list-data .data-grade.data-grade.data-grade-empty {
    font-size: .85em;
}

.list-view .chapter-list .comp-list-data .data-completed,
.list-view .chapter-list .comp-list-data .data-remaining {
    display: inline-block;
    font-size: 1.15em;
    margin: 1.85rem 1em;
}

@media screen and (max-width:48em) {
    .list-view .chapter-list .comp-list-data .data-completed,
    .list-view .chapter-list .comp-list-data .data-remaining {
        display: block;
        margin: .25em 1em;
        text-align: left;
        font-size: 1em;
        position: relative;
        top: 1em;
        left: 1.5em;
    }
}

@media screen and (max-width:48em) {
    .list-view .comp-list-item {
        margin: -.15em 0;
    }
}

.list-view .comp-list-item .comp-name {
    background: 0 0;
    box-shadow: none;
    font-size: 1.33em;
    text-align: left;
    white-space: normal;
    line-height: 1em;
}

@media screen and (max-width:48em) {
    .list-view .comp-list-item .comp-name {
        font-size: 1.25em;
    }
}

@media screen and (max-width:35.5em) {
    .list-view .comp-list-item .comp-name {
        font-size: 1.15em;
    }
}

@media screen and (max-width:20em) {
    .list-view .comp-list-item .comp-name {
        font-size: 1em;
    }
}

.asset-item-preview prog-circle {
    float: left;
    width: 8.5em;
    transform: scale(0.67, .67);
    -webkit-transform: scale(0.67, .67);
}

@media screen and (max-width:64em) {
    .asset-item-preview prog-circle {
        transform: scale(0.6, .6);
        -webkit-transform: scale(0.6, .6);
        width: 7.25em;
    }
}

@media screen and (max-width:48em) {
    .asset-item-preview prog-circle {
        transform: scale(0.5, .5);
        -webkit-transform: scale(0.5, .5);
        width: 6.67em;
    }
}

@media screen and (max-width:35.5em) {
    .asset-item-preview prog-circle {
        transform: scale(0.4, .4);
        -webkit-transform: scale(0.4, .4);
        width: 3.67em;
    }
}

.asset-item-preview .comp-item {
    margin: -1.25em 0;
}

@media screen and (max-width:64em) {
    .asset-item-preview .comp-item {
        margin: -1.25em -.5em;
    }
}

@media screen and (max-width:48em) {
    .asset-item-preview .comp-item {
        margin: -1.575em -1em;
    }
}

@media screen and (max-width:35.5em) {
    .asset-item-preview .comp-item {
        margin: -1.67em -1em;
    }
}

.asset-item-preview .assessment-ctl-container {
    padding-bottom: .15em;
}

.asset-item-preview .assessment-title {
    padding-right: .5em;
}

.asset-item-preview .comp-btn-data {
    right: 0;
    bottom: .33em;
}

@media screen and (max-width:35.5em) {
    .asset-item-preview .comp-btn-data {
        bottom: .25em;
    }
}

.assessment-title .icon {
    margin-right: .25em;
    margin-left: .15em;
    font-size: 1.15em;
    position: relative;
    top: .1em;
}

.assessment-title .assessment-date,
.assessment-title .assessment-score {
    width: 6.67em;
    text-align: center;
}

.asset-description {
    float: right;
    width: 100%;
    display: block;
    font-size: 1em;
    color: #6a6a6a;
}

.item-views {
    float: right;
    font-size: .75em;
}

.item-views .icon {
    background: #fff;
    padding: .25em .5em;
    margin: 0;
    font-size: 1em;
    float: left;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    cursor: pointer;
    transition: all ease .5s;
}

.item-views .icon:first-child {
    border-radius: .33em 0 0 .33em;
}

.item-views .icon:last-child {
    border-radius: 0 .33em .33em 0;
}

.item-views .icon.active {
    background: #ffc72c;
    color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.asset-chapter-btns {
    margin-top: 1em;
    position: relative;
    z-index: 5;
}

.asset-chapter-btns .icon {
    margin-right: .33em;
}

@media screen and (max-width:48em) {
    .asset-chapter-btns {
        width: 100%;
        margin-top: 0;
        margin-bottom: .5em;
    }
    .asset-chapter-btns .btn-diagnostic {
        width: 100%;
    }
}

.done-100 .comp-left {
    background-image: linear-gradient(-45deg, rgba(109, 164, 78, .75) 50%, rgba(109, 164, 78, .7) 50%);
}

.done-100 .comp-left:after {
    border-left: .5em solid rgba(109, 164, 78, .75);
}

.done-100 .comp-left .c100 i:before,
.done-100 .comp-left .p100 i:before {
    content: "";
    color: #6da44e;
}

.done-100.mastered .comp-left .c100 i:before,
.done-100.mastered .comp-left .p100 i:before {
    content: "";
    color: #6da44e;
}

.comp-list .comp-list-item.done-100 .activity-time p,
.comp-list .comp-list-item.done-100 .comp-name {
    color: #56813e;
}

.module-preview .module-progress {
    width: 10em;
}

@media screen and (max-width:64em) {
    .module-preview .module-progress {
        width: 8.5em;
    }
}

@media screen and (max-width:48em) {
    .module-preview .module-progress {
        width: 6em;
    }
}

@media screen and (max-width:35.5em) {
    .module-preview .module-progress {
        width: 5em;
    }
}

.module-preview .module-info-stats {
    display: inline-block;
    width: calc(100% - 2em);
    font-size: .8em;
}

.module-preview .module-info-stats .data-completed {
    margin: 0;
    opacity: .75;
    font-weight: 600;
}

.module-preview .module-info-stats .icon {
    color: #6da44e;
}

.module-preview .module-info h3 {
    font-size: 1.33em;
    padding-bottom: .33em;
}

@media screen and (max-width:48em) {
    .module-preview .module-info h3 {
        font-size: 1.25em;
    }
}

@media screen and (max-width:35.5em) {
    .module-preview .module-info h3 {
        font-style: 1.15em;
    }
}

.module-preview .module-info .asset-info {
    font-size: 1em;
}

@media screen and (max-width:48em) {
    .module-preview .module-info .asset-info {
        font-size: .925em;
    }
}

@media screen and (max-width:35.5em) {
    .module-preview .module-info .asset-info {
        font-style: .85em;
    }
}

.activity-list {
    margin: 1em 0;
    padding: 0;
    position: relative;
    width: 100%;
    opacity: 1;
    transition: all ease .5s;
    list-style-type: none;
}

.asset-learningObjective .activity-list {
    max-height: 100em;
}

.activity-item {
    list-style: none;
    width: calc(100% - 3em);
    max-height: 100em;
    margin: .25em 1.5em;
    font-size: 1em;
    transition: all ease .5s;
}

@media screen and (max-width:48em) {
    .activity-item {
        margin: .25em 1em;
        width: calc(100% - 2em);
    }
}

@media screen and (max-width:35.5em) {
    .activity-item {
        margin: .25em .75em;
        width: calc(100% - 1.5em);
    }
}

.activity-item:nth-child(odd) .line-item {
    background: rgba(255, 255, 255, .925);
}

.activity-item .line-item {
    font-size: 1em;
    background: 0 0;
    box-shadow: none;
    margin: 0;
}

.activity-item .line-item .asset-ilo-score {
    font-size: 1.5em;
}

.activity-item .line-item .asset-ilo-score,
.activity-item .line-item .icon {
    background: 0 0;
    color: #65ad3d;
    text-shadow: none;
}

.activity-item .line-item .asset-ilo-score:after,
.activity-item .line-item .icon:after {
    display: none;
}

.activity-item .line-item .activity-title {
    padding: .85em 1em;
}

.assessment-info-cell.assessment-date,
.assessment-info-cell.assessment-score {
    width: 7em;
    text-align: right;
}

@media screen and (max-width:48em) {
    .assessment-info-cell.assessment-date,
    .assessment-info-cell.assessment-score {
        width: 6em;
    }
}

@media screen and (max-width:35.5em) {
    .assessment-info-cell.assessment-date,
    .assessment-info-cell.assessment-score {
        width: 4em;
    }
}

@media screen and (max-width:20em) {
    .assessment-info-cell.assessment-date,
    .assessment-info-cell.assessment-score {
        width: 3.33em;
    }
}

.assessment-info-cell.assessment-date .preview-due,
.assessment-info-cell.assessment-score .preview-due {
    margin-top: -.25em;
}

.assessment-info-cell.assessment-date .preview-due date-icon,
.assessment-info-cell.assessment-score .preview-due date-icon {
    width: 2.25em;
}

.assessment-info-cell.assessment-date .comp-percent,
.assessment-info-cell.assessment-score .comp-percent {
    font-size: 2em;
}

@media screen and (max-width:48em) {
    .assessment-info-cell.assessment-date .comp-percent,
    .assessment-info-cell.assessment-score .comp-percent {
        font-size: 1.75em;
    }
}

@media screen and (max-width:35.5em) {
    .assessment-info-cell.assessment-date .comp-percent,
    .assessment-info-cell.assessment-score .comp-percent {
        font-size: 1.5em;
    }
}

.preview-due {
    position: relative;
}

.due-date-label-wrap {
    background: #fff;
    border-radius: .5rem;
    bottom: calc(100% + 0.25em);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    font-size: .75rem;
    font-weight: 600;
    padding: .25em .75em;
    position: absolute;
    right: -.67em;
    line-height: 1.33;
}

@media screen and (max-width:48em) {
    .due-date-label-wrap {
        font-size: .7rem;
    }
}

@media screen and (max-width:35.5em) {
    .due-date-label-wrap {
        font-size: .67rem;
    }
}

.due-date-label-wrap:after,
.due-date-label-wrap:before {
    content: "";
    position: absolute;
    border-top: .5em solid #fff;
    border-right: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: .5em solid transparent;
    left: calc(50% - .5em);
    top: 100%;
}

.due-date-label-wrap:before {
    border-top-color: rgba(0, 0, 0, .15);
    top: calc(100% + 1px);
}

.near-due .activity-time *,
.near-due .activity-title,
.near-due .assessment-title,
.near-due .due-date-label,
.near-due date-icon * {
    color: #de8c16;
}

.near-due .assessment-title .icon {
    color: #de8c16;
    background: 0 0;
}

.near-due .icon {
    background: #de8c16;
    color: #fff;
}

.near-due .date-icon .month {
    color: #fff;
    background-color: #de8c16;
}

.near-due .date-icon .date {
    color: #de8c16;
}

.over-due .activity-time *,
.over-due .activity-title,
.over-due .assessment-title,
.over-due .due-date-label,
.over-due date-icon * {
    color: #b23735;
}

.over-due .assessment-title .icon {
    color: #b23735;
    background: 0 0;
}

.over-due .icon {
    background: #b23735;
    color: #fff;
}

.over-due .date-icon .month {
    color: #fff;
    background-color: #b23735;
}

.over-due .date-icon .date {
    color: #b23735;
}

.line-item {
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
    border-radius: .3333333333rem;
    display: table;
    width: 100%;
    padding: 0;
    margin: .85em 0;
    font-size: 1.15em;
    transition: all ease .5s;
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}

@media screen and (max-width:48em) {
    .line-item {
        font-size: 1em;
    }
}

.line-item>* {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.line-item:hover {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
}

.line-item.has-duedate.over-due .activity-time *,
.line-item.has-duedate.over-due .activity-title,
.line-item.has-duedate.over-due .final-title,
.line-item.has-duedate.over-due date-icon * {
    color: #b23735;
}

.line-item.has-duedate.over-due .icon {
    background: #b23735;
    color: #fff;
}

.line-item.has-duedate.over-due .date-icon .month {
    color: #fff;
    background-color: #b23735;
}

.line-item.has-duedate.near-due .activity-time *,
.line-item.has-duedate.near-due .activity-title,
.line-item.has-duedate.near-due .final-title,
.line-item.has-duedate.near-due date-icon * {
    color: #de8c16;
}

.line-item.has-duedate.near-due .icon {
    background: #de8c16;
    color: #fff;
}

.line-item.has-duedate.near-due .date-icon .month {
    color: #fff;
    background-color: #de8c16;
}

.line-item .activity-results,
.line-item .activity-title,
.line-item .asset-ilo-score,
.line-item .icon,
.line-item date-icon {
    display: table-cell;
    vertical-align: middle;
    color: #68971e;
}

.line-item .asset-ilo-score,
.line-item .icon {
    width: 2.5em;
    font-size: 1.75em;
    padding: .5em 0;
    text-align: center;
    background: rgba(133, 194, 38, .85);
    position: relative;
    color: #fff;
    border-radius: .3333333333rem 0 0 .3333333333rem;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .125);
}

@media screen and (max-width:64em) {
    .line-item .asset-ilo-score,
    .line-item .icon {
        width: 2.33em;
    }
}

@media screen and (max-width:48em) {
    .line-item .asset-ilo-score,
    .line-item .icon {
        width: 2.25em;
    }
}

@media screen and (max-width:35.5em) {
    .line-item .asset-ilo-score,
    .line-item .icon {
        width: 2em;
        font-size: 1.33em;
    }
}

@media screen and (max-width:20em) {
    .line-item .asset-ilo-score,
    .line-item .icon {
        width: 1.75em;
        font-size: 1.25em;
    }
}

.line-item .asset-ilo-score:after,
.line-item .icon:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(-45deg, transparent 50%, rgba(255, 255, 255, .067) 50%);
}

.line-item .asset-ilo-score>span {
    font-size: .67em;
    margin-left: .075em;
}

.line-item date-icon {
    width: 2.5em;
    text-align: center;
    padding: .2em 0;
    font-size: 1.5em;
}

.line-item .date-icon {
    font-size: .6em;
    width: 2em;
    margin: 0 auto;
}

.line-item .activity-title {
    padding: .75em 1.5em;
    margin: 0;
    font-size: .925em;
    text-align: left;
    color: #444;
}

@media screen and (max-width:35.5em) {
    .line-item .activity-title {
        font-size: .85em;
    }
}

.line-item .direct-link .icon {
    display: inline-block;
    vertical-align: inherit;
    width: auto;
    font-size: 1em;
}

.line-item .activity-results {
    text-align: right;
}

.line-item .activity-results .comp-percent {
    padding: 0 .5em;
}

.line-item .activity-results .lo-btn {
    display: inline-block;
    height: 2em;
    line-height: 1;
    margin: .15em 0;
    font-size: 1em;
    padding: 0 .5em;
}

.line-item .activity-results .lo-btn .icon {
    line-height: 1;
}

.line-item .activity-results .activity-score {
    font-weight: 400;
}

.line-item .activity-results .activity-score .icon {
    line-height: 1;
}

.activity-time {
    position: relative;
    line-height: 1;
    width: 10%;
    white-space: nowrap;
    color: #fff;
    padding: 0 .5em;
}

@media screen and (max-width:35.5em) {
    .activity-time {
        min-width: 2.5em;
    }
}

.activity-time p {
    margin: -.33em 0 0;
    padding: 0;
    color: #65ad3d;
    line-height: 1;
    font-size: .85em;
    text-align: center;
}

@media screen and (max-width:35.5em) {
    .activity-time p {
        font-size: .75em;
    }
}

@media screen and (max-width:20em) {
    .activity-time p {
        font-size: .7em;
    }
}

.activity-time p .activity-type {
    font-size: .8em;
    color: rgba(133, 194, 38, .5);
    clear: both;
    display: block;
    margin-bottom: -.5em;
    margin-top: .15em;
}

.comp-list-item {
    position: relative;
}

.comp-list-item .activity-item.done .icon:before {
    color: #6da44e;
    content: "";
}

.icon-primary {
    color: #65ad3d;
}

.icon-secondary {
    color: #147EC5;
}

.icon-accent {
    color: #ffc72c;
}

.has-mastered.done-100 .prog-circle .icon:before {
    content: "";
    color: #6da44e;
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    color: #444;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
}

h1 .btn,
h1 .lo-btn,
h1 button,
h2 .btn,
h2 .lo-btn,
h2 button,
h3 .btn,
h3 .lo-btn,
h3 button,
h4 .btn,
h4 .lo-btn,
h4 button,
h5 .btn,
h5 .lo-btn,
h5 button {
    font-size: 1rem;
    float: right;
}

a.lo-btn i {
    margin-left: .75rem;
}

img {
    display: block;
    margin: 1em 0;
}

@font-face {
    font-family: fd-icons;
    src: url(icons/icomoon.eot?-ew9aqp);
    src: url(icons/icomoon.eot?#iefix-ew9aqp) format("embedded-opentype"), url(icons/icomoon.ttf?-ew9aqp) format("truetype"), url(icons/icomoon.woff?-ew9aqp) format("woff"), url(icons/icomoon.svg?-ew9aqp#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
}

[class*=" fd-icon"],
[class^=fd-icon] {
    font-family: fd-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fd-icon-mobile:before {
    content: "\e000";
}

.fd-icon-laptop:before {
    content: "\e001";
}

.fd-icon-desktop:before {
    content: "\e002";
}

.fd-icon-tablet:before {
    content: "\e003";
}

.fd-icon-phone:before {
    content: "\e004";
}

.fd-icon-quotes-left:before {
    content: "\eb18";
}

.fd-icon-facebook:before {
    content: "\eee8";
}

.fd-icon-twitter:before {
    content: "\eeed";
}

.fd-icon-youtube3:before {
    content: "\eef5";
}

.fd-icon-vimeo:before {
    content: "\eef8";
}

.fd-icon-github:before {
    content: "\ef0d";
}

.fd-icon-linkedin2:before {
    content: "\ef25";
}

@font-face {
    font-family: museo300;
    src: url(fonts/museo300-regular-webfont.eot);
    src: url(fonts/museo300-regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/museo300-regular-webfont.woff2) format("woff2"), url(fonts/museo300-regular-webfont.woff) format("woff"), url(fonts/museo300-regular-webfont.ttf) format("truetype"), url(fonts/museo300-regular-webfont.svg#museo300) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: museo500;
    src: url(fonts/museo500-regular-webfont.eot);
    src: url(fonts/museo500-regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/museo500-regular-webfont.woff2) format("woff2"), url(fonts/museo500-regular-webfont.woff) format("woff"), url(fonts/museo500-regular-webfont.ttf) format("truetype"), url(fonts/museo500-regular-webfont.svg#museo500) format("svg");
    font-weight: 400;
    font-style: normal;
}

#content-shadows .lo-btn,
#content-shadows .lo-label,
.asset-item-preview .comp-item-score,
.box-shadow,
.chapter-list .comp-list-data,
.chapter-list .comp-list-item,
.comp-list .comp-list-item,
.comp-overview,
.competency-list-item,
.device-content .device-content-inner>ul,
.example-block.box-shadow,
.example-block.competency-list-item,
.modal-content,
.news-items .news-item {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.box-shadow-inset,
.example-block.box-shadow-inset {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset;
}

.example-text.text-shadow code,
.text-shadow {
    text-shadow: 0 1px 0 #fff;
}

.example-text.text-shadow-inset code,
.text-shadow-inset {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .33);
}

.dark-bg,
.page-container.page-solutions-de,
.page-getstarted,
.section-dark {
    background: url(../images/bg-body.png) #222;
}

header {
    text-shadow: 0 1px 0 #fff;
}

.dark-page .main-nav li a {
    color: #f0f0f0;
}

.dark-page .main-header.active .main-nav li a {
    color: #444;
}

.main-header {
    background: 0 0;
    position: absolute;
    height: auto;
    top: 4em;
    left: 0;
    margin-top: -4em;
    transition: none;
    z-index: 4;
    font-size: .925em;
}

.main-header.active {
    position: fixed;
    top: 0;
    margin-top: 0;
    background: rgba(255, 255, 255, .975);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    transition: margin ease .5s;
}

.main-header.active .logo img {
    height: 3em;
    margin: .33em 0;
    position: relative;
}

@media screen and (max-width:64em) {
    .main-header.active .logo img {
        top: 0;
        margin-top: -.33em;
    }
}

@media screen and (max-width:48em) {
    .main-header.active .logo img {
        margin-top: 0;
    }
}

.main-header.active .main-nav {
    padding-top: .275em;
}

@media screen and (max-width:64em) {
    .main-header.active .main-nav {
        padding-top: 0;
    }
}

@media screen and (max-width:48em) {
    .main-header.active .main-nav>ul {
        top: 3.33em;
        height: calc(100% - 3.33em);
    }
}

.main-header.active .main-nav .dropdown-wrap {
    color: #999;
}

.main-header.active .main-nav .dropdown-wrap .dropdown-menu {
    margin-top: .5em;
    color: #111;
}

.main-header.active .main-nav .icon-menu {
    padding-top: .425em;
    padding-bottom: .33em;
    transition: none;
}

@media screen and (max-width:48em) {
    .main-header.active .main-nav .icon-menu {
        padding-top: .33em;
    }
}

.main-header.active .main-nav li .toggle,
.main-header.active .main-nav li a {
    font-size: .925em;
    padding: 1em;
}

@media screen and (max-width:48em) {
    .main-header.active .main-nav li .toggle,
    .main-header.active .main-nav li a {
        width: calc(100% - 2em);
    }
}

.main-header.active .main-menu {
    top: 3em;
    height: calc(100% - 3em);
}

.main-header .logo {
    float: left;
    margin-left: 5vw;
}

@media screen and (max-width:64em) {
    .main-header .logo {
        margin-left: 3.5vw;
    }
}

.main-header .logo img {
    height: 4.5em;
    width: auto;
    margin: 1em 0 0;
}

@media screen and (max-width:64em) {
    .main-header .logo img {
        height: 4em;
    }
}

.main-nav {
    float: right;
    margin-right: calc(5vw - 1.25em);
    position: relative;
}

@media screen and (max-width:64em) {
    .main-nav {
        margin-left: calc(3.5vw - 1.25em);
    }
}

.main-nav.open>ul {
    right: 0;
}

@media screen and (max-width:48em) {
    .main-nav {
        margin-right: 0;
    }
}

.main-nav>ul {
    margin: 0;
    padding: 0;
    transition: right ease .5s;
}

@media screen and (max-width:48em) {
    .main-nav>ul {
        position: fixed;
        right: -18em;
        height: calc(100% - 5.25em);
        top: 5.25em;
        background: #fff;
        box-shadow: -2px 0 4px rgba(0, 0, 0, .15);
        width: 18em;
        border-radius: .5rem 0 0;
        overflow: auto;
    }
}

.main-nav li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 0.95em;
    font-weight: 400;
}

@media screen and (max-width:64em) {
    .main-nav li {
        font-size: 0.925em;
    }
}

@media screen and (max-width:56em) {
    .main-nav li {
        font-size: 0.75em;
    }
}

@media screen and (max-width:48em) {
    .main-nav li {
        width: 100%;
    }
}

.main-nav li.active .toggle,
.main-nav li.active a {
    color: #68971e;
}

@media screen and (max-width:48em) {
    .main-nav .toggle>span {
        display: none;
    }
}

.main-nav .toggle,
.main-nav a {
    color: #444;
    padding: 2.67em 1em;
    display: block;
    transition: color ease .5s;
}

@media screen and (max-width:48em) {
    .main-nav .toggle,
    .main-nav a {
        padding: 1.25em;
        width: calc(100% - 2.5em);
    }
    .main-nav .toggle.toggle,
    .main-nav a.toggle {
        padding-left: 0;
        padding-right: 0;
        padding-top: .5em;
        padding-bottom: .5em;
        width: 100%;
    }
}

.main-nav .toggle:active,
.main-nav .toggle:focus,
.main-nav .toggle:hover,
.main-nav a:active,
.main-nav a:focus,
.main-nav a:hover {
    color: #65ad3d;
    cursor: pointer;
}

.main-nav .dropdown-wrap:active .dropdown-menu,
.main-nav .dropdown-wrap:focus .dropdown-menu,
.main-nav .dropdown-wrap:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width:48em) {
    .main-nav .dropdown-wrap {
        width: 100%;
    }
}

.main-nav .dropdown-wrap .dropdown-menu {
    left: 0;
    border: 0;
    margin-top: .75em;
    width: auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
}

@media screen and (max-width:48em) {
    .main-nav .dropdown-wrap .dropdown-menu {
        width: 100%;
        position: relative;
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        padding-left: 0;
        border-radius: 0;
        margin: 0;
    }
    .main-nav .dropdown-wrap .dropdown-menu li a {
        font-size: 1em;
        width: calc(100% - 3em);
    }
    .main-nav .dropdown-wrap .dropdown-menu li a:hover {
        color: #fff;
        background: #65ad3d;
    }
}

.main-nav .dropdown-wrap .dropdown-menu>li {
    font-size: 1em;
    white-space: nowrap;
    width: 100%;
    transition: background ease .5s;
}

.main-nav .dropdown-wrap .dropdown-menu a {
    padding: 1em 1.5em;
}

.main-nav .dropdown-wrap .icon-menu {
    color: #ffc72c;
    font-size: 2.5em;
    padding: .75em 2vw;
    display: inline-block;
    transition: padding ease .25s;
}

.main-nav .dropdown-wrap .icon-menu:before {
    -webkit-transform: none;
    transform: none;
    transition: -webkit-transform ease .5s;
    transition: transform ease .5s;
}

.main-nav .dropdown-wrap .icon-menu:hover {
    cursor: pointer;
    color: #147EC5;
}

.nav-hamburger {
    font-size: 2.25em;
    display: none;
}

@media screen and (max-width:48em) {
    .nav-hamburger {
        display: block;
    }
}

@media screen and (max-width:35.5em) {
    .nav-hamburger {
        font-style: 2em;
    }
}

.nav-hamburger .icon {
    padding: 1em;
    display: block;
    width: auto;
}

.dropdown-wrap.open .main-menu {
    right: 0;
    box-shadow: -2px 0 4px rgba(0, 0, 0, .25);
}

.dropdown-wrap.open .icon-menu {
    color: #147EC5;
}

.dropdown-wrap.open .icon-menu:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.main-menu {
    position: fixed;
    top: 6.5em;
    height: calc(100% - 6.5em);
    width: 16em;
    background: #111;
    right: -16em;
    transition: all ease .5s;
    box-shadow: none;
    margin: 0;
    padding: 0;
    z-index: 3;
    overflow: hidden;
    border-radius: .3333333333rem 0 0;
}

.main-menu>li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.main-menu>li>a {
    display: inline-block;
    padding: 1.25em;
    width: calc(100% - 1em);
    font-family: "Open Sans";
    font-size: 1.33em;
    color: #fff;
    background: 0 0;
    transition: background ease .5s;
}

.main-menu>li>a:hover {
    background: rgba(248, 196, 0, .5);
    cursor: pointer;
}

@media screen and (max-width:35.5em) {
    .main-menu>li>a {
        font-size: 1.5em;
    }
}

.main-menu>li>a .icon {
    color: #147EC5;
    font-size: 1.25em;
    margin-right: .85em;
    position: relative;
    top: .08em;
}

.lo-inner {
    max-width: 60rem;
    margin: 0 auto;
}

#page-home {
    font-size: 1.25em;
    position: relative;
    z-index: 1;
}

@media screen and (max-width:80em) {
    #page-home {
        font-size: 1.33em;
    }
}

@media screen and (max-width:64em) {
    #page-home {
        font-size: 1.15em;
    }
}

@media screen and (max-width:48em) {
    #page-home {
        font-size: 1em;
    }
}

#home-hero {
    position: relative;
    overflow: hidden;
    margin-top: 0;
}

#home-hero .anti-skew {
    display: inline-block;
    width: 100%;
}

@media screen and (max-width:48em) {
    #home-hero .anti-skew {
        min-height: 0;
    }
}

#home-hero .section-bg {
    background-image: url(../images/hero-home-34.jpg);
    background-size: cover;
    background-position: center center;
}

#home-hero .section-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.925) 12%, rgba(255, 255, 255, 0.2) 42%, rgba(255, 255, 255, 0.05));
}

@media screen and (max-width:35.5em) {
    #home-hero .section-bg:after {
        background-image: linear-gradient(180deg, rgba(255, 255, 255, .925) 10%, rgba(255, 255, 255, .25) 42%);
    }
}

#home-hero .section-bg>img {
    opacity: .75;
    top: 0;
    max-width: 105%;
}

@media screen and (max-width:64em) {
    #home-hero .section-bg>img {
        max-width: 110%;
        left: 0;
    }
}

@media screen and (max-width:48em) {
    #home-hero .section-bg>img {
        opacity: .67 !important;
        max-width: 100%;
    }
}

@media screen and (max-width:35.5em) {
    #home-hero .section-bg>img {
        opacity: .25 !important;
    }
}

#home-hero .hero-message {
    position: relative;
    float: left;
    width: calc(100% - 12em);
    padding: 5em 6em;
    text-align: center;
}

@media screen and (max-width:48em) {
    #home-hero .hero-message {
        padding: 5em 4em 4em;
        width: calc(100% - 8em)
    }
}

@media screen and (max-width:35.5em) {
    #home-hero .hero-message {
        width: calc(100% - 5em);
        padding: 4em 2.5em 3.5em;
        left: 0;
    }
}

#home-hero .hero-message h1 {
    margin-bottom: .33em;
    font-size: 3.33em;
    line-height: 1.25;
    margin: 1em 0 0;
    color: #fff;
    text-shadow: 0 0.075em 0.15em rgba(0, 0, 0, 0.25);
}

#home-hero .hero-message h1 .smaller-text {
    font-size: .67em;
    color: #68971e;
    display: block;
    line-height: 1.25;
    margin-top: .25em;
}

#home-hero .hero-message p {
    color: #fff;
    text-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.25);
    margin: 1.5em 3.33em 0;
    font-size: 1.15em;
}

#home-hero .hero-message h1,
#home-hero .hero-message p {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width:72em) {
    #home-hero .hero-message h1 {
        font-size: 3.33em
    }
}

#home-hero .hero-message .lo-btn {
    margin-top: 1.25em;
}

#home-intro {
    display: table;
    width: calc(100% - 4vw);
    margin: 4em 2vw;
}

@media screen and (max-width:64em) {
    #home-intro {
        font-size: .925em;
    }
}

@media screen and (max-width:48em) {
    #home-intro {
        font-size: .85em;
        margin: 3.33em 2vw;
    }
}

@media screen and (max-width:35.5em) {
    #home-intro {
        margin: 2.25em 2vw 2.75em;
    }
}

.home-intro-cell {
    display: table-cell;
    width: 33%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    font-family: museo, museo300, sans-serif;
    font-weight: 300;
}

.home-intro-cell:hover {
    cursor: pointer;
}

.home-intro-cell:hover .intro-circle {
    box-shadow: 0 0 rgba(255, 255, 255, .33) inset, 0 1px 2px rgba(0, 0, 0, .08);
}

.home-intro-cell.courseware:hover .intro-circle {
    background: rgba(20, 126, 197, .67);
}

.home-intro-cell.courseware:hover>p {
    color: #0f6097;
}

.home-intro-cell.academic:hover .intro-circle {
    background: rgba(248, 196, 0, .85);
}

.home-intro-cell.academic:hover>p {
    color: #c59c00;
}

.home-intro-cell.academic>img {
    margin-top: 1.67em;
    margin-bottom: -.67em;
}

.home-intro-cell.products:hover .intro-circle {
    background: rgba(248, 75, 0, .67);
}

.home-intro-cell.products:hover>p {
    color: #c53c00;
}

.home-intro-cell .intro-circle {
    content: "";
    position: absolute;
    border-radius: 50%;
    height: 14em;
    width: 14em;
    top: -1em;
    right: 0;
    left: 0;
    margin: auto;
    background: rgba(0, 0, 0, .075);
    z-index: 0;
    transition: background ease .5s, box-shadow ease .5s;
    box-shadow: 0 0 0 .5em rgba(255, 255, 255, .33) inset, 0 1px 2px rgba(0, 0, 0, .08);
}

@media screen and (max-width:64em) {
    .home-intro-cell .intro-circle {
        font-size: .915em;
    }
}

@media screen and (max-width:35.5em) {
    .home-intro-cell .intro-circle {
        font-size: .64em;
    }
}

.home-intro-cell>img {
    height: 9.67em;
    width: auto;
    margin: 1em auto 0;
    position: relative;
    z-index: 1;
}

@media screen and (max-width:64em) {
    .home-intro-cell>img {
        font-size: .915em;
    }
}

@media screen and (max-width:35.5em) {
    .home-intro-cell>img {
        font-size: .64em;
    }
}

.home-intro-cell>p {
    display: inline-block;
    margin: 3.67em auto 0;
    padding: 0 .5em;
    transition: color ease .5s;
    font-size: .925em;
}

.home-bottom .text-scroll {
    font-size: 1.75em;
    margin-bottom: .15em;
}

@media screen and (max-width:48em) {
    .home-bottom .text-scroll {
        font-size: 1.67em;
    }
}

@media screen and (max-width:35.5em) {
    .home-bottom .text-scroll {
        font-size: 1.33em;
    }
}

#home-offer {
    background: #111;
    display: inline-block;
    width: 100%;
    margin-top: -.15em;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15), 0 -4px 8px rgba(0, 0, 0, .15);
}

#home-offer #home-offer-cell-wrap {
    padding: 0;
    width: calc(100% + 1em);
    margin-bottom: -1.75em;
    margin-left: -1em;
}

#home-offer .home-offer-cell {
    position: relative;
    padding: 4.5em 0 8.5em;
    display: table-cell;
    height: 100%;
    vertical-align: top;
    overflow: hidden;
    top: -1em;
    transform: skewX(-5deg);
    -webkit-transform: skewX(-5deg);
    box-shadow: -5px 0 0 rgba(255, 255, 255, .25);
}

@media screen and (max-width:35.5em) {
    #home-offer .home-offer-cell {
        transform: skewY(-1.15deg);
        -webkit-transform: skewY(-1.15deg);
        display: inline-block;
        padding: 2.75em 0 6em;
        box-shadow: 0 -5px 0 rgba(255, 255, 255, .25);
    }
}

#home-offer .home-offer-cell:hover {
    cursor: pointer;
}

#home-offer .home-offer-cell:hover .section-bg img {
    transform: skewX(5deg) scale(1.05, 1.05);
    -webkit-transform: skewX(5deg) scale(1.05, 1.05);
    opacity: .67;
}

@media screen and (max-width:35.5em) {
    #home-offer .home-offer-cell:hover .section-bg img {
        transform: skewY(1.15deg) scale(1.05, 1.05);
        -webkit-transform: skewY(1.15deg) scale(1.05, 1.05);
    }
}

#home-offer .home-offer-cell:nth-child(1) {
    padding-left: .75em;
}

@media screen and (max-width:35.5em) {
    #home-offer .home-offer-cell:nth-child(1) {
        padding-left: 0;
    }
}

#home-offer .home-offer-cell:nth-child(2) {
    padding-right: .25em;
}

@media screen and (max-width:35.5em) {
    #home-offer .home-offer-cell:nth-child(2) {
        padding-left: 0;
    }
}

#home-offer .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(0deg, transparent 15%, rgba(17, 17, 17, .5) 67%);
}

#home-offer .section-bg img {
    opacity: .425;
    max-width: 88vw;
    transform: skewX(5deg);
    -webkit-transform: skewX(5deg);
    transition: -webkit-transform ease .5s, opacity ease .5s;
    transition: transform ease .5s, opacity ease .5s;
}

@media screen and (max-width:35.5em) {
    #home-offer .section-bg img {
        transform: skewY(1.15deg);
        -webkit-transform: skewY(1.15deg);
    }
}

#home-offer label {
    color: #65ad3d;
    margin: 0 0 -1.5em;
    padding: 0;
    opacity: .67;
}

@media screen and (max-width:35.5em) {
    #home-offer label {
        margin: 0 0 -.75em;
    }
}

#home-offer h3 {
    color: #65ad3d;
    text-shadow: none;
}

#home-offer p {
    font-size: 1em;
    line-height: 1.33;
    color: #fff;
}

#home-offer p:nth-child(3) {
    font-size: .925em;
}

#home-offer a {
    color: #65ad3d;
}

#home-offer a:hover {
    color: #68971e;
}

#home-offer .offer-img {
    width: 33%;
    position: relative;
}

#home-offer .offer-img img {
    width: 100%;
    height: auto;
    position: absolute;
    margin: 0;
    top: 0;
}

#home-offer .offer-text {
    padding: 0 2.75em;
    transform: skewX(5deg);
    -webkit-transform: skewX(5deg);
    font-size: 1.15em;
}

@media screen and (max-width:64em) {
    #home-offer .offer-text {
        padding: 0 2.67em;
    }
}

@media screen and (max-width:48em) {
    #home-offer .offer-text {
        padding: 0 2em;
    }
}

@media screen and (max-width:35.5em) {
    #home-offer .offer-text {
        padding: 0 2.5em;
        transform: skewY(1.15deg);
        -webkit-transform: skewY(1.15deg);
    }
}

#home-offer .offer-text .larger-text {
    font-size: 1.15em;
    line-height: 1.25;
}

#home-offer .lo-btn {
    font-size: .85em;
    position: absolute;
    bottom: 4.5em;
    margin: auto;
    width: 8em;
    text-align: center;
    left: 0;
    right: 0;
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
}

@media screen and (max-width:35.5em) {
    #home-offer .lo-btn {
        bottom: 3.67em;
        transform: skewY(1.15deg);
        -webkit-transform: skewY(1.15deg);
    }
}

#home-testimony {
    background: white;
    box-shadow: 0 0.15em 0.5em rgba(0, 0, 0, 0.15);
    padding: 4em 3em;
}

#home-testimony blockquote,
#home-testimony img {
    display: inline-block;
    margin: 0;
    border: none;
    vertical-align: top;
}

#home-testimony blockquote {
    font-size: 1.75em;
    font-weight: 300;
    width: calc(40% - 1.5em);
    padding: 1em 1.5em 1em 0;
    text-align: center;
    background: none;
}

#home-testimony blockquote span {
    display: block;
    font-size: 0.5em;
    margin-top: 0.25em;
    color: #68ae3e;
}

#home-testimony blockquote .lo-btn {
    font-size: 0.425em;
    margin-top: 1.5em;
}

#home-testimony img {
    width: calc(60% - 1em);
    padding-left: 1em;
}

@media screen and (max-width:48em) {
    #home-testimony blockquote {
        width: 100%;
        padding-right: 0;
    }
    #home-testimony img {
        width: 100%;
        padding-left: 0;
    }
    #home-testimony blockquote .lo-btn {
        font-size: 0.67em;
        margin-bottom: 1.5em;
    }
}

#home-features {
    margin: 6em auto;
    max-width: 64rem;
    padding: 0 3em;
}

@media screen and (max-width:35.5em) {
    #home-features {
        padding: 0 2em;
    }
}

#home-features>div {
    text-align: center;
}

#home-features>div img {
    padding: 0.25em 3.5em 1.5em;
    margin: 0 auto;
    max-width: 50vw;
    width: calc(100% - 7em);
}

#home-features h4 {
    margin: 0 1em 1.5em;
}

@media screen and (max-width:35.5em) {
    #home-features h4 {
        font-size: 1.5em;
        margin: -0.25em 1em 2em;
    }
}

#home-features>h2 {
    width: 90%;
    margin: .5em 5%;
    text-align: center;
    font-size: 2.25em;
}

#home-features>p {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 2em;
}

#home-features>h2,
#home-features>p {
    max-width: 60rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#home-features .request-demo {
    margin: 3em auto 0;
    font-size: .85em;
    display: block;
}

@media screen and (max-width:48em) {
    #home-features .request-demo {
        margin-top: 2em;
    }
}

@media screen and (max-width:35.5em) {
    #home-features .request-demo {
        margin-top: 1.5em;
    }
}

.home-devices {
    font-size: 7px;
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 4em 0 2em;
    overflow: hidden;
    margin: 0 -2em;
}

@media screen and (max-width:64em) {
    .home-devices {
        font-size: 6px;
    }
}

@media screen and (max-width:48em) {
    .home-devices {
        font-size: 4px;
        padding: 3em 0 1.5em;
    }
}

@media screen and (max-width:35.5em) {
    .home-devices {
        font-size: 3.75px;
        padding: 2em 0 1em;
    }
}

.home-devices .device-container {
    height: auto;
    width: auto;
    position: relative;
    top: 0;
    right: auto;
    left: 0;
    display: inline-block;
}

.home-devices .device-container.device-tablet {
    font-size: 1em;
    width: 33%;
    z-index: 1;
}

@media screen and (max-width:35.5em) {
    .home-devices .device-container.device-tablet {
        width: 28%;
    }
}

.home-devices .device-container.device-tablet .device-bg img {
    max-width: 85%;
}

.home-devices .device-container.device-tablet .demo-content img {
    width: 63%;
    margin-top: 7em;
}

.home-devices .device-container.device-tablet .comp-list-item-wrap {
    width: 50%;
    float: left;
}

.home-devices .device-container.device-laptop {
    font-size: 1.425em;
    width: 36%;
    z-index: 2;
}

@media screen and (max-width:35.5em) {
    .home-devices .device-container.device-laptop {
        width: 45%;
    }
}

.home-devices .device-container.device-laptop .device-bg {
    top: -.5em;
}

.home-devices .device-container.device-laptop .device-bg img {
    max-height: 85%;
}

.home-devices .device-container.device-laptop .demo-content label {
    margin-top: .5em;
}

.home-devices .device-container.device-laptop .comp-list-item-wrap {
    width: 33%;
    float: left;
}

.home-devices .device-container.device-phone {
    font-size: .85em;
    width: 30%;
}

@media screen and (max-width:35.5em) {
    .home-devices .device-container.device-phone {
        width: 24%;
    }
}

.home-devices .device-container.device-phone .device-bg {
    top: 1em;
}

.home-devices .device-container.device-phone .device-bg img {
    top: auto;
}

.home-devices .device-container.device-phone .demo-content label {
    margin-top: .5em;
}

.home-devices .device-container.device-phone .demo-content .chapter-list .comp-list-item {
    margin: .5em;
    border-radius: 1em;
}

@media screen and (max-width:48em) {
    .home-devices .device-container .device-inner {
        margin-bottom: 5em;
    }
}

.home-devices .device-container .device-bg,
.home-devices .device-container .device-inner {
    position: relative;
    top: 0;
    height: auto;
    width: auto;
    left: 0;
    right: auto;
}

.home-devices .device-container .device-bg img,
.home-devices .device-container .device-inner img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    vertical-align: middle;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.home-devices .device-container .device-screen {
    background: #dcdcdc;
}

.home-devices .device-container .device-screen .chapter-list {
    margin-left: .5em;
    margin-right: .5em;
    width: calc(100% - 1em);
}

.home-devices .device-container .lo-btn {
    width: 85%;
    font-size: 1.75em;
    position: absolute;
    bottom: 1em;
    left: 7.5%;
    min-height: 0;
    text-shadow: none;
    opacity: 0;
}

.home-bottom>.header-tag {
    padding: 2em 1em 3em;
    font-size: 1.15em;
    width: calc(100% - 2em);
}

.home-bottom>.header-tag ul {
    margin: 2em 0;
    display: flex;
    flex-wrap: wrap;
}

.home-bottom>.header-tag ul li {
    flex: 1;
    list-style: none;
    font-size: 0.67em;
    padding: 0.5em 1em;
    position: relative;
    margin: 0;
}

@media screen and (max-width:35.5em) {
    .home-bottom>.header-tag ul {
        column-count: 2;
        display: block;
    }
    .home-bottom>.header-tag ul li {
        margin: 0 2em 2.5em;
    }
}

.home-bottom>.header-tag ul li img {
    margin: 1em 0.75em 1.5em;
    position: relative;
    z-index: 1;
    height: auto;
    max-width: 100%;
}

.home-bottom>.header-tag ul li span {
    color: #fff;
    font-weight: 400;
}

.home-bottom>.header-tag .lo-btn {
    font-size: 0.775em;
    box-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.1);
}

#home-services {
    display: inline-block;
    width: 100%;
    margin-top: -1px;
    box-shadow: none;
    position: relative;
    background: linear-gradient(120deg, #00a9e0 20%, #e0004d 80%);
}

#home-services:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, .15) inset;
    z-index: 1;
    pointer-events: none;
}

#home-services .anti-skew {
    padding: 4.25em 3em;
}

@media screen and (max-width:48em) {
    #home-services .anti-skew {
        padding: 3.75em 1.5em;
        width: calc(100% - 3em);
    }
}

@media screen and (max-width:35.5em) {
    #home-services .anti-skew {
        padding: 3.33em 2.5em;
        width: calc(100% - 5em);
    }
}

#home-services .section-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 85%);
}

#home-services .home-services-img {
    width: 50%;
    float: left;
    position: relative;
    z-index: 1;
}

@media screen and (max-width:35.5em) {
    #home-services .home-services-img {
        display: none;
    }
}

#home-services .home-services-img img {
    width: 75%;
    height: auto;
    position: absolute;
    left: 5%;
    top: -1em;
    margin: none;
}

#home-services .home-services-text {
    width: 50%;
    float: right;
    color: #000000;
    position: relative;
    z-index: 1;
}

@media screen and (max-width:35.5em) {
    #home-services .home-services-text {
        width: 100%;
    }
}

#home-services .home-services-text h3 {
    color: #fff;
    font-size: 2em;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    opacity: 0.925;
}

#home-services .home-services-text p {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    font-size: .925em;
    color: #fff;
}

#home-services .home-services-text .larger-text {
    font-size: 1.25em;
}

#home-services .home-services-text .lo-btn {
    font-size: .85em;
    margin-top: 1.5em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}

#home-features.play-demo .device-tablet .demo-screen {
    -webkit-animation: demoTabletScreen 13s forwards;
    animation: demoTabletScreen 13s forwards;
}

#home-features.play-demo .device-tablet .demo-content {
    -webkit-animation: demoTabletContent 13s forwards;
    animation: demoTabletContent 13s forwards;
}

#home-features.play-demo .device-tablet .lo-btn {
    -webkit-animation: demoTabletBtn 13s forwards;
    animation: demoTabletBtn 13s forwards;
}

#home-features.play-demo .device-tablet .demo-ball {
    -webkit-animation: demoTablet 13s forwards;
    animation: demoTablet 13s forwards;
}

#home-features.play-demo .device-laptop .demo-screen {
    -webkit-animation: demoLaptopScreen 13s forwards;
    animation: demoLaptopScreen 13s forwards;
}

#home-features.play-demo .device-laptop .demo-content {
    -webkit-animation: demoLaptopContent 13s forwards;
    animation: demoLaptopContent 13s forwards;
}

#home-features.play-demo .device-laptop .lo-btn {
    font-size: 1.33em;
    bottom: 1em;
    -webkit-animation: demoLaptopBtn 13s forwards;
    animation: demoLaptopBtn 13s forwards;
}

#home-features.play-demo .device-laptop .demo-ball {
    -webkit-animation: demoLaptop 13s forwards;
    animation: demoLaptop 13s forwards;
}

#home-features.play-demo .device-phone .demo-screen {
    -webkit-animation: demoPhoneScreen 13s forwards;
    animation: demoPhoneScreen 13s forwards;
}

#home-features.play-demo .device-phone .demo-content {
    -webkit-animation: demoPhoneContent 13s forwards;
    animation: demoPhoneContent 13s forwards;
}

#home-features.play-demo .device-phone .demo-ball {
    -webkit-animation: demoPhone 13s forwards;
    animation: demoPhone 13s forwards;
}

.demo-screen {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
}

.demo-content {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    opacity: 0;
}

.demo-content label {
    color: #fff;
    margin: .75em 0 0;
    padding: 0;
    font-size: 2.5em;
}

.demo-content .icon {
    color: #fff;
    display: block;
}

.demo-results-list {
    margin: 2em auto 0;
    width: 75%;
    display: block;
}

.demo-results-list>li {
    list-style: none;
    text-align: left;
    border-radius: .5rem;
    padding: .25em;
    font-size: 1.25em;
    font-weight: 600;
    margin: .5em 0;
    background: rgba(255, 255, 255, .85);
}

.demo-results-list>li.mastered {
    color: #4b7035;
}

.demo-results-list>li.mastered .icon {
    background: #6da44e;
}

.demo-results-list>li.remediation {
    color: #4b7035;
}

.demo-results-list>li.remediation .icon {
    background: #b23735;
}

.demo-results-list>li .icon {
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    padding: .25em;
    margin-right: .67em;
    font-size: 1.15em;
    height: 1em;
    width: 1em;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
}

.demo-results-list>li .icon-cross:before {
    font-size: .85em;
}

.demo-ball {
    display: block;
    height: 1em;
    width: 1em;
    font-size: 8.5em;
    background: #65ad3d;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.demo-ball .icon {
    font-size: .75em;
    height: 1em;
    width: 1em;
    position: absolute;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    -webkit-animation: demoSpinner linear 1s infinite;
    animation: demoSpinner linear 1s infinite;
}

#solutions-hero .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(100deg, rgba(17, 17, 17, 0) 50%, rgba(17, 17, 17, .5) 100%);
}

#navspy .section-white {
    box-shadow: 0 0.075em 0.5em rgba(0, 0, 0, 0.125);
}

#different-hero {
    background: #111;
}

#different-one {
    text-align: left;
}

#different-two .flex-img-bg {
    background-image: url(../images/program-landing.jpg);
}

#different-two .flex-img {
    margin-left: 2em;
    margin-top: 1em;
    margin-right: -4em;
    box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.25);
    border-radius: 0.15em;
    overflow: hidden;
}

#different-three .flex-img-bg {
    background-image: url(../images/resume.jpg);
}

#different-three .flex-img {
    margin-left: 3em;
    margin-top: 1em;
    margin-right: -4em;
    box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.25);
    border-radius: 0.15em;
    overflow: hidden;
}

#whatwedo-hero,
#different-hero,
#partner-hero {
    background: #222;
}

#whatwedo-hero .section-bg {
    background-image: url(../images/learner.jpg);
    background-size: cover;
    background-position: left 25%;
    opacity: 0.85;
}

#different-hero .section-bg {
    background-image: url(../images/learners.jpg);
    background-size: cover;
    background-position: left center;
    opacity: 0.75;
}

#partner-hero {
    background: #222;
}

#partner-hero p.large-text {
    color: #efefef;
    font-size: 1.67em;
}

#partner-hero .section-bg {
    background-image: url(../images/expert2.jpg);
    background-size: cover;
    background-position: left center;
    opacity: 0.85;
}

.partner .flex-wrap .flex-text ul {
    font-size: 1.15em;
}

.partner .flex-text {
    width: 60%;
}

.partner .flex-img {
    width: 40%;
}

.partner .flex-text li {
    margin-bottom: 1.5em;
}

.partner .flex-img img {
    width: calc(100% - 5em);
    margin: 0.5em 0 0 2.5em;
}

#whatwedo-hero h1,
#different-hero h1,
#partner-hero h1 {
    font-size: 2.33em;
    color: white;
    text-shadow: 0 0.075em 0.125em rgba(0, 0, 0, 0.25);
}

#whatwedo-hero p {
    color: white;
    text-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.25);
}

#different-hero p {
    color: #efefef;
    text-shadow: 0 0.075em 0.25em rgba(0, 0, 0, 0.25);
    line-height: 1.15;
    font-size: 1em;
}

#whatwedo-hero .section-bg:before,
#different-hero .section-bg:before,
#partner-hero .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#whatwedo-hero .section-bg:before {
    background-image: linear-gradient(100deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .5) 67%);
}

#different-hero .section-bg:before {
    background-image: linear-gradient(100deg, rgba(30, 30, 30, 0) 25%, rgba(20, 20, 20, .33) 67%);
}

#partner-hero .section-bg:before {
    background-image: linear-gradient(100deg, rgba(12, 12, 12, 0) 25%, rgba(12, 12, 12, .5) 50%, rgba(12, 12, 12, .75) 100%);
}

@media screen and (max-width:48em) {
    #whatwedo-hero p,
    #different-hero p,
    #partner-hero p {
        color: white;
        text-shadow: 0 0.05em 0.1em rgba(0, 0, 0, 0.5);
    }
    #solutions-hero .section-bg:before {
        background-image: linear-gradient(100deg, rgba(17, 17, 17, .67) 50%, rgba(17, 17, 17, .67) 100%);
    }
}

@media screen and (max-width:48em) {
    #whatwedo-hero .section-bg,
    #different-hero .section-bg,
    #partner-hero .section-bg {
        opacity: 0.33;
    }
}

#solutions-hero .section-bg img {
    opacity: .425;
    top: -.75em;
}

.page-solutions h4 {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.intro-text p.small-text {
    font-weight: 500;
    margin: 0 0 0.75em;
    padding: 0;
    font-size: 1em;
}

.flex-wrap {
    display: flex;
    max-width: 64rem;
    margin: 0 auto;
    flex-flow: wrap;
}

.flex-wrap .flex-img {
    position: relative;
}

.flex-img img {
    width: 95%;
    height: auto;
    margin-top: 2em;
}

.flex-img-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    left: 0;
    top: 0;
}

.flex-img,
.flex-text {
    width: 50%;
    flex: 1;
}

.flex-wrap .flex-text {
    text-align: left;
    padding: 2rem;
    width: calc(50% - 4em);
}

.flex-wrap .flex-text ul {
    margin-bottom: 0;
    font-size: 0.85em;
}

#whatwedo-one .flex-img {
    margin-bottom: -2em;
    margin-left: 2em;
    width: calc(100% - 2em);
}

#whatwedo-one .flex-img-bg {
    background-image: url(../images/web-design.svg);
}

#whatwedo-two .flex-img-bg {
    background-image: url(../images/whatwedo-path.png);
}

#whatwedo-two .flex-img {
    margin-bottom: -3em;
    margin-left: 4em;
    margin-right: 0em;
    margin-top: 2em;
}

#whatwedo-three .flex-img-bg {
    background-image: url(../images/portfolio.png);
}

#whatwedo-three .flex-img {
    margin-left: 3em;
    margin-top: 1em;
    margin-right: -3em;
    width: calc(100% - 3em);
    box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.25);
    border-radius: 0.15em;
    overflow: hidden;
}

#whatwedo-four h2 {
    color: white;
    text-shadow: 0 0.05em 0.1em rgba(0, 0, 0, 0.15);
    font-size: 1.75em;
    max-width: 64rem;
    margin: 1em auto;
    padding: 0 1.5em;
}

#whatwedo-four h4 {
    color: white;
    text-shadow: 0 0.05em 0.1em rgba(0, 0, 0, 0.15);
    max-width: 64rem;
    margin: 1em auto;
    padding: 0 1.5em;
    font-size: 1em;
}

#whatwedo-four .flex-text {
    font-size: 1.15em;
}

#whatwedo-two .flex-text ul,
#whatwedo-four .flex-text ul {
    font-size: 1em;
    margin-left: 1.5em;
}

#whatwedo-four .flex-img-bg {
    background-image: url(../images/lo-badge_Pb.svg);
}

#whatwedo-four .flex-img {}

#whatwedo-four p,
#whatwedo-four li {
    font-size: 0.75em;
}

@media screen and (max-width:48em) {
    .flex-wrap .flex-text {
        width: 100%;
    }
    .flex-wrap .flex-img {
        display: none;
    }
}

#solutions-intro {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

#solutions-intro-text {
    padding: 3em 2em;
}

@media screen and (max-width:48em) {
    #solutions-intro-text {
        padding: 1em 1.5em;
    }
}

#solutions-intro-img {
    float: left;
    width: 50%;
    margin: 8em 0 4em;
    position: relative;
}

@media screen and (max-width:48em) {
    #solutions-intro-img {
        display: none;
    }
}

#solutions-intro-img img {
    display: block;
    width: 60em;
    margin: -10em 0 -1em;
    position: absolute;
    right: 1.5em;
}

#solutions-intro-btns {
    width: calc(50% - 3.5em);
    margin: 2.5em 2.5em 2.5em 1em;
    float: right;
    position: relative;
    z-index: 1;
}

@media screen and (max-width:64em) {
    #solutions-intro-btns {
        margin: 2.5em 1.5em;
        width: calc(50% - 3em);
    }
}

@media screen and (max-width:48em) {
    #solutions-intro-btns {
        margin: 2.5em 1.5em;
        width: calc(100% - 3em);
    }
}

@media screen and (max-width:35.5em) {
    #solutions-intro-btns {
        margin: 2.5em 1em;
        width: calc(100% - 2em);
    }
}

#solutions-intro-btns>h3 {
    margin-top: .25em;
}

@media screen and (max-width:48em) {
    #solutions-intro-btns>h3 {
        margin-left: 0;
    }
}

#solutions-intro-btns .solutions-intro-cell {
    font-size: 1.15em;
    width: 100%;
    height: 4.25em;
    margin: 0;
    display: inline-block;
    text-align: left;
    border-radius: 1.25em;
    position: relative;
    //background: #f9f9f9;
    //box-shadow: 0 1px 2px rgba(0,0,0,.08);
    //transition: background ease .5s,color ease .5s;
}

@media screen and (max-width:64em) {
    #solutions-intro-btns .solutions-intro-cell {
        font-size: 1.075em;
    }
}

@media screen and (max-width:48em) {
    #solutions-intro-btns .solutions-intro-cell {
        font-size: 1.15em;
    }
}

@media screen and (max-width:48em) {
    #solutions-intro-btns .solutions-intro-cell {
        font-size: 1.25em;
    }
}

#solutions-intro-btns .solutions-intro-cell:hover {
    //cursor: pointer;
    //color: #fff;
}

#solutions-intro-btns .solutions-intro-cell:hover.academic .solutions-intro-image,
#solutions-intro-btns .solutions-intro-cell:hover.courseware .solutions-intro-image,
#solutions-intro-btns .solutions-intro-cell:hover.products .solutions-intro-image {
    //left: .5em;
}

#solutions-intro-btns .solutions-intro-cell:hover.academic .solutions-intro-image:before,
#solutions-intro-btns .solutions-intro-cell:hover.courseware .solutions-intro-image:before,
#solutions-intro-btns .solutions-intro-cell:hover.products .solutions-intro-image:before {
    //background: 0 0;
}

#solutions-intro-btns .solutions-intro-cell:hover.courseware {
    //background: #147EC5;
}

#solutions-intro-btns .solutions-intro-cell:hover.academic {
    //background: #ffc72c;
}

#solutions-intro-btns .solutions-intro-cell:hover.products {
    //background: #fc4c02;
}

#solutions-intro-btns .solutions-intro-cell.courseware .solutions-intro-image:before {
    //background: #69baf0;
}

#solutions-intro-btns .solutions-intro-cell.academic .solutions-intro-image:before {
    //background: #ffe378;
}

#solutions-intro-btns .solutions-intro-cell.products .solutions-intro-image:before {
    //background: #ffa178;
}

#solutions-intro-btns .solutions-intro-image {
    position: absolute;
    left: 0.5em;
    top: .5em;
    width: 3.33em;
    transition: left ease .33s;
}

#solutions-intro-btns .solutions-intro-image>img {
    width: 100%;
    margin: 0;
    max-height: 2.5em;
    z-index: 1;
    position: relative;
    top: 0.25em;
}

#solutions-intro-btns .solutions-intro-text {
    display: inline-block;
    width: calc(100% - 6.5em);
    margin: 0 1em 0 5.5em;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media screen and (max-width:48em) {
    #solutions-intro-btns .solutions-intro-text {
        margin: 0 1em 0 7em;
        width: calc(100% - 8em);
    }
}

@media screen and (max-width:35.5em) {
    #solutions-intro-btns .solutions-intro-text {
        margin: 0 1em 0 5.5em;
        width: calc(100% - 6.5em);
    }
}

#solutions-header-tag {
    padding: 2em 1em;
    font-size: 1.5em;
}

#solutions-header-tag p {
    margin: 1.5em 2em .5em;
    font-size: 1em;
}

#solutions-header-tag button {
    font-size: .5em;
}

.text-scroll {
    white-space: nowrap;
    font-size: 2em;
    font-weight: 300;
}

@media screen and (max-width:64em) {
    .text-scroll {
        font-size: 1.75em;
    }
}

@media screen and (max-width:48em) {
    .text-scroll {
        font-size: 1.5em;
    }
}

@media screen and (max-width:35.5em) {
    .text-scroll {
        font-size: 1.25em;
    }
}

.text-scroll .text-scroll-bg {
    display: inline-block;
    height: 1em;
    overflow: hidden;
    line-height: 1;
    margin-bottom: -.367em;
    border-radius: .5rem;
    -webkit-animation: solutionsTopBox 13s infinite;
    animation: solutionsTopBox 13s infinite;
}

.text-scroll .text-scroll-bg>ul {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none;
    -webkit-animation: solutionsTop 13s infinite;
    animation: solutionsTop 13s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.text-scroll .text-scroll-bg>ul li {
    margin: 0 0 .5em;
    padding: 0;
    text-shadow: 0 1px 2px rgba(104, 151, 30, .25);
}

.text-scroll .text-scroll-bg>ul .text-scroll-bang {
    color: #caeb96;
}

.page-container.page-solutions-adaptive,
.page-container.page-solutions-cbl,
.page-container.page-solutions-de,
.page-container.page-solutions-design {
    width: 52vw;
    padding-right: 48vw;
    position: relative;
    min-height: 100vh;
}

@media screen and (max-width:48em) {
    .page-container.page-solutions-adaptive,
    .page-container.page-solutions-cbl,
    .page-container.page-solutions-de,
    .page-container.page-solutions-design {
        width: 100vw;
        height: auto;
        padding-right: 0;
        min-height: 0;
        padding-bottom: 2.5em;
    }
}

.page-container.page-solutions-adaptive h1,
.page-container.page-solutions-cbl h1,
.page-container.page-solutions-de h1,
.page-container.page-solutions-design h1 {
    margin: 6.33rem .75rem 1.75rem 4.5rem;
    font-size: 2.25em;
    line-height: 1.25;
}

@media screen and (max-width:48em) {
    .page-container.page-solutions-adaptive h1,
    .page-container.page-solutions-cbl h1,
    .page-container.page-solutions-de h1,
    .page-container.page-solutions-design h1 {
        margin: 4rem 3rem 1.75rem;
    }
}

@media screen and (max-width:35.5em) {
    .page-container.page-solutions-adaptive h1,
    .page-container.page-solutions-cbl h1,
    .page-container.page-solutions-de h1,
    .page-container.page-solutions-design h1 {
        margin: 2.5rem 1.5rem 1.5rem;
    }
}

.page-container.page-solutions-adaptive .content-sub,
.page-container.page-solutions-cbl .content-sub,
.page-container.page-solutions-de .content-sub,
.page-container.page-solutions-design .content-sub {
    font-size: 1.15em;
    font-weight: 300;
    margin: 1rem .75rem .75rem 4.5rem;
    color: #444;
}

@media screen and (max-width:48em) {
    .page-container.page-solutions-adaptive .content-sub,
    .page-container.page-solutions-cbl .content-sub,
    .page-container.page-solutions-de .content-sub,
    .page-container.page-solutions-design .content-sub {
        margin: .75rem 3rem;
    }
}

@media screen and (max-width:35.5em) {
    .page-container.page-solutions-adaptive .content-sub,
    .page-container.page-solutions-cbl .content-sub,
    .page-container.page-solutions-de .content-sub,
    .page-container.page-solutions-design .content-sub {
        margin: .75rem 1.5rem;
    }
}

.page-container.page-solutions-de {
    z-index: 2;
    min-height: calc(100vh - 5.25em);
    padding-top: 1em;
    margin-top: -1em;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5) inset;
}

@media screen and (max-width:48em) {
    .page-container.page-solutions-de {
        min-height: 0;
        padding-bottom: 2.5em;
    }
}

.page-container.page-solutions-de h1 {
    color: #fff;
    text-shadow: none;
    margin: 4rem .75rem .75rem 4.5rem;
    font-size: 2.25em;
}

@media screen and (max-width:48em) {
    .page-container.page-solutions-de h1 {
        margin: 4rem 4.5rem .75rem;
    }
}

@media screen and (max-width:35.5em) {
    .page-container.page-solutions-de h1 {
        margin: 3rem 1.5rem .75rem;
    }
}

.page-container.page-solutions-de h1 .yellow-text {
    margin-left: .075em;
}

.page-container.page-solutions-de h2 {
    font-size: 1.25em;
    color: #fff;
    text-shadow: none;
    margin: 1rem .75rem 1rem 4.5rem;
}

@media screen and (max-width:48em) {
    .page-container.page-solutions-de h2 {
        margin: 1rem 4.5rem;
    }
}

@media screen and (max-width:35.5em) {
    .page-container.page-solutions-de h2 {
        margin: 1rem 1.5rem;
    }
}

.page-container.page-solutions-de .content-sub {
    font-size: 2.33em;
    color: #fff;
    text-shadow: none;
}

.page-container.page-solutions-de h3,
.page-container.page-solutions-de h4,
.page-container.page-solutions-de h5,
.page-container.page-solutions-de h6 {
    color: #147EC5;
    text-shadow: none;
}

@media screen and (max-width:48em) {
    .page-container.page-solutions-de .solutions-btns {
        margin: 1rem 4.5rem;
    }
}

@media screen and (max-width:35.5em) {
    .page-container.page-solutions-de .solutions-btns {
        margin: 1rem 1.5rem .5rem;
    }
}

.page-container.page-solutions-de .solutions-btns button.lo-btn {
    font-size: 1.125em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    margin: .5em .5em .5em 0;
}

.page-container.page-solutions-design .solutions-btns .lo-btn .icon,
.page-container.page-solutions-design h1 {
    color: #126fae;
}

.page-container.page-solutions-design {
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.page-container.page-solutions-cbl {
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.page-container.page-solutions-adaptive h1 {
    color: #e4b400;
}

.page-container.page-solutions-adaptive .solutions-btns .lo-btn .icon {
    color: #dfb000;
}

.page-container.page-solutions-cbl h1 {
    color: #fc4c02;
}

.page-container.page-solutions-cbl .solutions-btns .lo-btn .icon {
    color: #df4300;
}

.solutions-btns {
    margin: 1rem .75rem 5.75rem 4.5rem;
    display: inline-block;
}

@media screen and (max-width:48em) {
    .solutions-btns {
        margin: 1rem 3rem 5.75rem;
    }
}

@media screen and (max-width:35.5em) {
    .solutions-btns {
        margin: 1rem 1.5rem 5.75rem;
    }
}

.solutions-btns.solutions-btns-bottom .lo-btn:hover {
    cursor: default !important;
    background: none !important;
}

.solutions-btns.solutions-btns-bottom .lo-btn .icon {
    left: .5em !important;
}

.solutions-btns.solutions-btns-bottom .lo-btn .icon:after {
    opacity: 1 !important;
}

.solutions-btns .lo-btn {
    font-size: .925em;
    margin: .33em .33em .33em 0;
    padding-left: 3.5em;
    display: block;
    color: #444;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background: 0 0;
    position: relative;
    overflow: visible;
    box-shadow: none;
    white-space: normal;
    text-align: left;
    line-height: 1.33;
}

.solutions-btns .lo-btn:hover .icon {
    left: .925em;
}

.solutions-btns .lo-btn:hover .icon:after {
    opacity: 0;
}

.solutions-btns .lo-btn.lo-btn-accent:hover {
    background: rgba(248, 196, 0, .67);
}

.solutions-btns .lo-btn.lo-btn-accent .icon {
    color: #ffd845;
}

.solutions-btns .lo-btn.lo-btn-accent .icon:after {
    border-color: #ffc72c;
}

.solutions-btns .lo-btn.lo-btn-secondary:hover {
    background: rgba(20, 126, 197, .67);
}

.solutions-btns .lo-btn.lo-btn-secondary .icon {
    color: #3aa4eb;
}

.solutions-btns .lo-btn.lo-btn-secondary .icon:after {
    border-color: #147EC5;
}

.solutions-btns .lo-btn.lo-btn-tertiary:hover {
    background: rgba(226, 71, 158, .67);
}

.solutions-btns .lo-btn.lo-btn-tertiary .icon {
    color: #ec89c1;
}

.solutions-btns .lo-btn.lo-btn-tertiary .icon:after {
    border-color: #e0004d;
}

.solutions-btns .lo-btn.lo-btn-quaternary:hover {
    background: rgba(248, 75, 0, .67);
}

.solutions-btns .lo-btn.lo-btn-quaternary .icon {
    color: #ff7e45;
}

.solutions-btns .lo-btn.lo-btn-quaternary .icon:after {
    border-color: #fc4c02;
}

.solutions-btns .lo-btn .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1em;
    left: .5em;
    z-index: 1;
    font-size: 1.15em;
    transition: all ease .5s;
}

.solutions-btns .lo-btn .icon:after {
    position: absolute;
    content: "";
    left: -.6em;
    top: -.6em;
    border-radius: 50%;
    height: 2em;
    width: 2em;
    z-index: 0;
    border: .1em solid rgba(255, 255, 255, .25);
    transition: all ease .5s;
}

.device-container-wrap {
    position: absolute;
    top: 0;
    height: 100%;
    width: 48vw;
    right: 0;
    z-index: 2;
}

.device-container-wrap .ng-animate {
    transition-property: all;
    transition-duration: .5s;
}

.device-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 48vw;
    height: 100vh;
    font-size: calc(0.5vh + 0.67vw);
}

@media screen and (max-width:48em) {
    .device-container {
        height: auto;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        display: none;
    }
}

.device-container.light.device-phone .device-bg,
.device-container.light.device-tablet .device-bg {
    top: 3.33em;
}

@media screen and (max-width:48em) {
    .device-container.light .device-inner .device-bg {
        top: 0;
        right: 0;
    }
}

.device-container.dark .device-bg,
.device-container.dark .device-circle,
.device-container.dark .device-circle:after,
.device-container.dark .device-circle:before,
.device-container.dark .device-mic,
.device-container.dark .device-screen,
.device-container.dark .device-screen:after {
    transition-delay: .25s;
    transition-duration: .25s;
}

.device-container.dark .device-bg {
    background: #4c4c4c;
}

.device-container.dark .device-circle,
.device-container.dark .device-mic {
    background: #000;
}

.device-container.dark .device-circle:before {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 50%, transparent 50%);
}

.device-container.device-phone .device-bg {
    width: 22.5em;
    height: 40em;
    border-radius: .75rem;
    left: 0;
    right: 0;
    margin: auto;
}

@media screen and (max-width:48em) {
    .device-container.device-phone .device-bg {
        right: 0;
    }
}

.device-container.device-phone .device-mic {
    width: 2.75em;
    height: .33em;
    top: 1.33em;
}

.device-container.device-phone .device-screen {
    border-radius: .25rem;
    width: calc(100% - 1em);
    height: calc(100% - 6em);
    left: .5em;
    top: 2.75em;
}

.device-container.device-phone .device-circle {
    width: 2em;
    height: 2em;
    bottom: .67em;
    left: 10.25em;
}

.device-container.device-phone .device-circle:after {
    opacity: 0;
    width: 0;
    height: 0;
}

.device-container.device-phone .content-block {
    width: calc(100% - 2vh);
}

.device-container.device-tablet .device-bg {
    width: 28em;
    height: 36em;
    border-radius: .75rem;
    left: 0;
    right: 0;
    margin: auto;
}

@media screen and (max-width:48em) {
    .device-container.device-tablet .device-bg {
        right: 0;
    }
}

.device-container.device-tablet .device-mic {
    width: .425em;
    height: .425em;
    top: 1.15em;
    border-radius: 50%;
}

.device-container.device-tablet .device-screen {
    border-radius: .25rem;
    width: calc(100% - 1.375em);
    height: calc(100% - 5.5em);
    left: .725em;
    top: 2.5em;
}

.device-container.device-tablet .device-circle {
    width: 1.85em;
    height: 1.85em;
    bottom: .575em;
    left: 12.85em;
}

.device-container.device-tablet .device-circle:after {
    opacity: 0;
    width: 0;
    height: 0;
}

.device-container.device-laptop .device-bg {
    width: 36em;
    height: 25em;
    border-radius: .5rem .5rem 0 0;
    left: 0;
    right: 5vh;
    top: 7.5em;
}

@media screen and (max-width:48em) {
    .device-container.device-laptop .device-bg {
        top: 0;
        right: 0;
    }
}

.device-container.device-laptop .device-mic {
    width: .3em;
    height: .3em;
    border-radius: 50%;
    top: .75em;
}

.device-container.device-laptop .device-screen {
    border-radius: .25rem;
    width: calc(100% - 1.33em);
    height: calc(100% - 3em);
    left: .75em;
    top: 1.75em;
}

.device-container.device-laptop .device-circle {
    width: calc(100% + 8em);
    height: 1.67em;
    bottom: -1.67em;
    left: -4em;
    background: #c9c9c9;
    border-radius: 0 0 .75rem .75rem;
}

.device-container.device-laptop .device-circle:before {
    opacity: 0;
}

.device-container.device-laptop .device-circle:after {
    width: 4em;
    height: .425em;
    opacity: 1;
}

.device-container.device-laptop .content-block {
    width: calc(33% - 2vh);
}

.device-container .device-inner {
    position: fixed;
    right: 0;
    height: 67vh;
    top: 2em;
    bottom: 0;
    margin: auto;
    width: 48vw;
    opacity: 1;
    transition: opacity ease .3333333333s, right ease .5s;
}

.device-container .device-inner.stop {
    opacity: 0;
    right: -50em;
}

@media screen and (max-width:48em) {
    .device-container .device-inner {
        right: auto;
        left: auto;
        width: 100%;
        height: 33em;
        position: relative;
        top: auto;
        margin-top: 5.5em;
        margin-bottom: 10em;
    }
}

.device-container .device-bg,
.device-container .device-circle,
.device-container .device-circle:after,
.device-container .device-circle:before,
.device-container .device-mic,
.device-container .device-screen,
.device-container .device-screen:after {
    transition: all ease .5s .5s;
    z-index: 2;
}

.device-container .device-bg {
    background: #eaeaea;
    position: absolute;
    top: 0;
    margin: auto;
    right: 0;
}

@media screen and (max-width:48em) {
    .device-container .device-bg {
        font-size: 1.15em;
    }
}

.device-container .device-mic {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 1em;
    background: #999;
}

.device-container .device-screen {
    position: relative;
    overflow: hidden;
    font-size: 1em;
}

.device-container .device-screen:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: 0 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, .25) inset;
}

.device-container .device-screen:after {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 50%, transparent 50%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
}

.device-container .device-circle {
    background: #999;
    position: absolute;
    left: 0;
    margin: auto;
    border-radius: 50%;
    top: auto;
    width: auto;
}

.device-container .device-circle:before {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 50%, transparent 50%);
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 50%;
    opacity: 1;
}

.device-container .device-circle:after {
    position: absolute;
    background: #999;
    opacity: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    top: 0;
    z-index: 1;
    border-radius: 0 0 .25rem .25rem;
}

.device-btns {
    position: absolute;
    right: 0;
    background: rgba(17, 17, 17, .75);
    text-align: center;
    border-radius: .5rem 0 0 .5rem;
    top: 33vh;
    overflow: hidden;
    box-shadow: -1px 0 3px rgba(0, 0, 0, .15);
    z-index: 2;
    font-size: 1em;
    width: 3.33em;
}

@media screen and (max-width:48em) {
    .device-btns {
        top: 3.33em;
    }
}

.device-btns>div {
    padding: 1em 0;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    background: 0 0;
    transition: background ease .5s;
}

.device-btns>div.active,
.device-btns>div:hover {
    cursor: pointer;
}

.device-btns>div.active i,
.device-btns>div:hover i {
    color: #fff;
}

.device-btns>div.device-laptop:hover {
    background: #147EC5;
}

.device-btns>div.device-tablet.device-tablet:hover {
    background: #ffc72c;
}

.device-btns>div.device-phone:hover {
    background: #fc4c02;
}

.device-btns>div i {
    color: #efefef;
    font-size: 1.75em;
    transition: color ease .5s;
    margin: 0 -.1em;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

.solutions-bottom.section-bottom {
    position: relative;
    z-index: 1;
    margin-top: 0;
}

#instructional-design-head {
    text-align: left;
    min-height: 70vh;
}

#instructional-design-head .header-text {
    font-size: calc(1vh + 2vw);
    width: 50%;
}

#instructional-design-head .larger-text {
    padding: 1em 0.75em 1.5em;
    line-height: 1.25;
}

@media screen and (max-width:48em) {
    #instructional-design-head {
        min-height: 0;
    }
    #instructional-design-head .header-text {
        font-size: 1em;
        width: 100%;
    }
    #instructional-design-head .larger-text {
        padding: 0.25em 0.5em;
    }
}

#program-design-header {
    margin-bottom: -.25em;
}

#whoweare-top {
    margin-bottom: 2em;
}

#program-design-header .larger-text {
    margin: 0.15em auto;
}

.academic-consulting-bottom .content-img,
.program-design-bottom .content-img {
    width: 18.67%;
}

.academic-consulting-bottom .content-text,
.program-design-bottom .content-text {
    width: calc(78% - 3em);
}

.academic-consulting-yellow.header-tag,
.program-design-blue.header-tag {
    margin-top: 1.5em;
    font-size: 1.25em;
}

#solutions-program-hero #solutions-program-hero .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -.75em;
    width: 100%;
    height: calc(100% + 1.5em);
    z-index: 1;
    background-image: linear-gradient(75deg, rgba(17, 17, 17, 0) 25%, rgba(17, 17, 17, .75) 67%);
}

@media screen and (max-width:48em) {
    #solutions-program-hero .section-bg:before {
        background-image: linear-gradient(75deg, rgba(17, 17, 17, .5) 25%, rgba(17, 17, 17, .5) 67%);
    }
}

#solutions-program-hero .section-bg img {
    opacity: .75;
    top: -1.5em;
}

#academic-consulting-hero .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -.75em;
    width: 100%;
    height: calc(100% + 1.5em);
    z-index: 1;
    background-image: linear-gradient(75deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .925) 60%);
}

@media screen and (max-width:48em) {
    #academic-consulting-hero .section-bg:before {
        background-image: linear-gradient(75deg, rgba(255, 255, 255, .67) 15%, rgba(255, 255, 255, .67) 100%);
    }
}

#academic-consulting-hero .section-bg img {
    opacity: .75;
    top: -1.5em;
}

.device-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0;
    z-index: 1;
    transition: opacity ease .5s, font-size ease .5s .5s;
}

.device-content header {
    color: #fff;
    transition: all ease .5s;
    height: auto;
    padding: .5em .75em;
    width: calc(100% - 1.25em);
    font-family: "Exo 2", sans-serif;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .08);
}

.device-content header>span {
    margin-left: .5em;
}

.device-content .device-nav {
    position: absolute;
    left: 0;
    height: calc(100% - 3em);
    width: calc(20% - 1em);
    padding: .5em;
    background: #555;
    color: #fff;
}

.device-content .device-nav>input {
    font-size: .75em;
    width: 100%;
    padding: .25em .5em;
}

.device-content .device-nav>ul {
    font-size: .85em;
    margin: 1em 0 0;
}

.device-content .device-nav>ul li {
    list-style: none;
}

.device-content .device-nav>ul li:nth-child(2) {
    text-indent: .5em;
}

.device-content .device-nav>ul li:nth-child(3) {
    text-indent: 1em;
    font-weight: 600;
    color: #147EC5;
}

.device-content .device-nav .device-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .33em .75em;
    width: calc(100% - 1.5em);
    background: #6da44e;
}

.device-content .device-nav .device-btn .icon {
    font-size: .75em;
    margin-right: .5em;
    position: relative;
    top: -.1em;
}

.device-content .device-content-inner {
    position: absolute;
    right: 0;
    width: calc(80% - 4em);
    padding: .75em 2em;
    height: calc(100% - 3.5em);
    overflow: hidden;
}

.device-content .device-content-inner>textarea {
    width: 100%;
    font-size: .85em;
    padding: .75em;
    margin-bottom: 1em;
}

.device-content .device-content-inner>label {
    color: #0d5483;
}

.device-content .device-content-inner>label.feedback {
    color: #6da44e;
}

.device-content .device-content-inner>ul {
    background: #f0f0f0;
    border-radius: .5rem;
    padding: .75em;
    margin: 0 0 .75em;
}

.device-content .device-content-inner>ul li {
    list-style: none;
    padding: .33em .75em .33em 2.5em;
    margin: 0;
    position: relative;
}

.device-content .mc-circle {
    position: absolute;
    left: .33em;
    background: #b23735;
    border-radius: 50%;
    height: 1.25em;
    width: 1.25em;
    text-align: center;
}

.device-content .mc-circle.correct {
    background: #6da44e;
}

.device-content .mc-circle.option {
    background: #c9c9c9;
}

.device-content .mc-circle>i {
    color: #fff;
}

.device-content .mc-circle>i.icon-cross {
    font-size: .75em;
    display: block;
    margin-top: .33em;
}

.device-content .chapter-list {
    margin: .75em;
    width: calc(100% - 1.5em);
}

.device-content .comp-list-item-wrap {
    display: inline-block;
    width: 50%;
}

.device-content .comp-list-item {
    font-size: .75em;
}

.device-laptop.dark .device-content.content-authoring {
    transition: opacity ease .25s .25s;
}

.device-laptop .device-btns>div.active {
    background: #147EC5;
}

.device-laptop .device-content.content-authoring {
    font-size: .925em;
    opacity: 1;
    transition: opacity ease .5s 1s;
    z-index: 0;
}

.device-laptop .device-content.content-authoring header {
    background: #147EC5;
}

.device-tablet.dark .device-content.content-personalized {
    transition: opacity ease .25s .25s;
}

.device-tablet .device-btns>div.active {
    background: #ffc72c;
}

.device-tablet .device-content.content-personalized {
    font-size: 1.075em;
    opacity: 1;
    transition: opacity ease .5s 1s;
    z-index: 0;
    background: #f9f9f9;
}

.device-tablet .device-content.content-personalized header {
    background: #ffc72c;
}

.device-phone.dark .device-content.content-cbl {
    transition: opacity ease .25s .25s;
}

.device-phone .device-btns>div.active {
    background: #fc4c02;
}

.device-phone .device-content.content-cbl {
    font-size: 1em;
    opacity: 1;
    transition: opacity ease .5s 1s;
    z-index: 0;
    background: #f9f9f9;
}

.device-phone .device-content.content-cbl header {
    background: #fc4c02;
}

.content-block-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1vh;
    height: calc(100% - 2vh);
    width: calc(100% - 2vh);
    overflow: hidden;
    margin: 0;
}

.content-block-wrap>li {
    list-style: none;
}

.content-block {
    float: left;
    width: calc(50% - 2vh);
    height: 12vh;
    margin: 1vh;
    background: rgba(255, 255, 255, .33);
    border-radius: .5rem;
    transition: width ease .5s;
}

.comp-title {
    padding: .75em;
    font-size: 1.25em;
}

.comp-title.tertiary {
    background: #fff;
    color: #be1e78;
}

.comp-title.accent {
    background: #fff5cf;
    color: #ab8800;
    padding: .85em .75em;
}

.comp-title .icon {
    margin-right: .5em;
}

.quiz-content {
    padding: 1.33em 1.5em;
    font-size: .85em;
}

.quiz-content>label {
    background: #888;
    color: #fff;
    padding: .25em .5em;
    border-radius: .5rem;
    margin-bottom: .75em;
    display: inline-block;
    font-size: .85em;
}

.quiz-content>p {
    font-size: .85em;
}

.quiz-content>ul {
    margin: 1.5em 0;
}

.quiz-content>ul>li {
    list-style: none;
    position: relative;
    margin: .67em 0;
    background: #fff;
    border-radius: .75rem;
    padding: .33em .33em .33em 2.33em;
}

.quiz-content>ul>li.correct {
    background: rgba(248, 196, 0, .25);
}

.quiz-content>ul>li.correct .mc-circle.correct {
    background: #ffc72c;
}

.quiz-content>.lo-btn {
    width: 100%;
    margin: .5em 0;
    background: #c59c00;
    text-shadow: 0 -1px rgba(0, 0, 0, .15);
}

#ecosystem-top .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(100deg, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, .475) 50%);
}

@media screen and (max-width:48em) {
    #ecosystem-top .section-bg:before {
        background-image: linear-gradient(100deg, rgba(17, 17, 17, .25) 0, rgba(17, 17, 17, .25) 50%);
    }
}

#ecosystem-top .section-bg img {
    opacity: .85;
}

#ecosystem-top #ecosystem-intro-img {
    float: left;
    width: 50%;
    position: relative;
}

#ecosystem-top #ecosystem-intro-img>img {
    width: 75%;
    position: absolute;
    left: 10%;
    opacity: .25;
}

#ecosystem-players .content-img {
    float: right;
}

#ecosystem-players .content-img img {
    margin-top: 2.25em;
    margin-bottom: 2.25em;
}

#ecosystem-players .content-text {
    padding: .5em 2em .5em 1em;
}

@media screen and (max-width:48em) {
    #ecosystem-players .content-text {
        padding: .5em;
    }
}

#layered-design-wrap #solutions-intro {
    margin-top: -1em;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .08), 0 -6px 8px rgba(0, 0, 0, .15);
}

.layered-design-top h2 {
    text-align: center;
    margin: .5em .75em;
}

.layered-design-bottom h3 {
    font-size: 1.85em;
}

.layered-design-bottom .content-text {
    width: calc(50% - 1em);
    padding: .5em 0 .5em 1em;
}

@media screen and (max-width:48em) {
    .layered-design-bottom .content-text {
        width: calc(100% - 1em);
        padding: .5em;
    }
}

.layered-design-bottom .content-img {
    width: calc(49% - 1em);
    padding-top: 1em;
    padding-left: 1em;
}

#layered-design-spy {
    position: relative;
    z-index: 3;
    overflow: hidden;
}

#layered-design-spy .content-wrap {
    padding: 4em 3em;
}

@media screen and (max-width:48em) {
    #layered-design-spy .content-wrap {
        padding: 3em 2em;
    }
}

#layered-design-logo {
    position: absolute;
    right: 2.5%;
    width: 42.5%;
    top: 0;
    bottom: auto;
    opacity: 1;
    margin-top: 4em;
    transition: all ease .3333333333s;
    z-index: 3;
}

@media screen and (max-width:48em) {
    #layered-design-logo {
        display: none;
    }
}

#layered-design-logo.active {
    position: fixed;
    margin-top: 5.67em;
}

#layered-design-logo.hitFour .logo-wrap,
#layered-design-logo.hitOne .logo-wrap,
#layered-design-logo.hitThree .logo-wrap,
#layered-design-logo.hitTwo .logo-wrap {
    left: 0;
}

#layered-design-logo.hitFour .logo-wrap .part,
#layered-design-logo.hitFour .logo-wrap .part:before,
#layered-design-logo.hitOne .logo-wrap .part,
#layered-design-logo.hitOne .logo-wrap .part:before,
#layered-design-logo.hitThree .logo-wrap .part,
#layered-design-logo.hitThree .logo-wrap .part:before,
#layered-design-logo.hitTwo .logo-wrap .part,
#layered-design-logo.hitTwo .logo-wrap .part:before {
    border: 0;
}

#layered-design-logo.hitFour .logo-wrap .leg,
#layered-design-logo.hitOne .logo-wrap .leg,
#layered-design-logo.hitThree .logo-wrap .leg,
#layered-design-logo.hitTwo .logo-wrap .leg {
    margin: 0;
}

#layered-design-logo.hitFour .logo-wrap .leg-one,
#layered-design-logo.hitOne .logo-wrap .leg-one,
#layered-design-logo.hitThree .logo-wrap .leg-one,
#layered-design-logo.hitTwo .logo-wrap .leg-one {
    -webkit-transform: none;
    transform: none;
}

#layered-design-logo.hitFour .logo-wrap .leg-one .part-one:after,
#layered-design-logo.hitOne .logo-wrap .leg-one .part-one:after,
#layered-design-logo.hitThree .logo-wrap .leg-one .part-one:after,
#layered-design-logo.hitTwo .logo-wrap .leg-one .part-one:after {
    display: block;
}

#layered-design-logo.hitFour .logo-wrap .leg-two,
#layered-design-logo.hitOne .logo-wrap .leg-two,
#layered-design-logo.hitThree .logo-wrap .leg-two,
#layered-design-logo.hitTwo .logo-wrap .leg-two {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
}

#layered-design-logo.hitFour .logo-wrap .leg-three,
#layered-design-logo.hitOne .logo-wrap .leg-three,
#layered-design-logo.hitThree .logo-wrap .leg-three,
#layered-design-logo.hitTwo .logo-wrap .leg-three {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

#layered-design-logo.hitFour .logo-wrap .leg-three .part-two:before,
#layered-design-logo.hitOne .logo-wrap .leg-three .part-two:before,
#layered-design-logo.hitThree .logo-wrap .leg-three .part-two:before,
#layered-design-logo.hitTwo .logo-wrap .leg-three .part-two:before {
    background-image: linear-gradient(130deg, transparent 59%, rgba(17, 17, 17, .15) 59%);
}

#layered-design-logo.hitFour .logo-wrap .triangle,
#layered-design-logo.hitOne .logo-wrap .triangle,
#layered-design-logo.hitThree .logo-wrap .triangle,
#layered-design-logo.hitTwo .logo-wrap .triangle {
    -webkit-transform: none;
    transform: none;
    top: 0;
    left: 0;
}

#layered-design-logo.hitFour .logo-wrap .triangle:after,
#layered-design-logo.hitOne .logo-wrap .triangle:after,
#layered-design-logo.hitThree .logo-wrap .triangle:after,
#layered-design-logo.hitTwo .logo-wrap .triangle:after {
    display: block;
}

#layered-design-logo.hitFour .logo-wrap,
#layered-design-logo.hitThree .logo-wrap,
#layered-design-logo.hitTwo .logo-wrap {
    overflow: hidden;
    -webkit-transform: scale(0.285, .285);
    transform: scale(0.285, .285);
}

#layered-design-logo.hitFour .logo-results-wrap,
#layered-design-logo.hitThree .logo-results-wrap,
#layered-design-logo.hitTwo .logo-results-wrap {
    opacity: 1;
}

#layered-design-logo.hitFour .results-btn,
#layered-design-logo.hitThree .results-btn,
#layered-design-logo.hitTwo .results-btn {
    opacity: 1;
    transition: opacity ease .5s 1.25s;
}

#layered-design-logo.hitFour .results-chart-1 .bar,
#layered-design-logo.hitThree .results-chart-1 .bar,
#layered-design-logo.hitTwo .results-chart-1 .bar {
    width: 85%;
    transition: width ease .5s .5s;
}

#layered-design-logo.hitFour .results-chart-2 .bar,
#layered-design-logo.hitThree .results-chart-2 .bar,
#layered-design-logo.hitTwo .results-chart-2 .bar {
    width: 75%;
    transition: width ease .5s .75s;
}

#layered-design-logo.hitFour .results-chart-3 .bar,
#layered-design-logo.hitThree .results-chart-3 .bar,
#layered-design-logo.hitTwo .results-chart-3 .bar {
    width: 95%;
    transition: width ease .5s 1s;
}

#layered-design-logo.hitFour .logo-wrap,
#layered-design-logo.hitThree .logo-wrap {
    -webkit-transform: scale(0.185, .185);
    transform: scale(0.185, .185);
    top: -.33em;
}

#layered-design-logo.hitFour .envelope,
#layered-design-logo.hitFour .envelope-wrap,
#layered-design-logo.hitThree .envelope,
#layered-design-logo.hitThree .envelope-wrap {
    bottom: 0;
    opacity: 1;
}

#layered-design-logo.hitFour .logo-results-wrap,
#layered-design-logo.hitThree .logo-results-wrap {
    -webkit-transform: scale(0.67, .67);
    transform: scale(0.67, .67);
    top: 2em;
}

#layered-design-logo.hitFour {
    right: -20em;
    opacity: 0;
    position: absolute;
    top: auto;
    bottom: 4.5em;
}

#layered-design-logo .logo-wrap {
    font-size: 2.75em;
    left: .5em;
    top: -.5em;
    margin-bottom: 0;
    overflow: visible;
    transition: all ease .5s;
    position: relative;
    z-index: 2;
}

#layered-design-logo .logo-wrap .leg,
#layered-design-logo .logo-wrap .part,
#layered-design-logo .logo-wrap .part:after,
#layered-design-logo .logo-wrap .part:before,
#layered-design-logo .logo-wrap .triangle {
    transition: all ease .5s;
}

#layered-design-logo .logo-wrap .part,
#layered-design-logo .logo-wrap .part:before {
    border: 1px dashed #fff;
}

#layered-design-logo .logo-wrap .leg-one {
    margin-top: .25em;
    margin-left: -.6em;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

#layered-design-logo .logo-wrap .leg-one .part-one:after {
    display: none;
}

#layered-design-logo .logo-wrap .leg-two {
    margin-top: -2em;
    margin-left: -3em;
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
}

#layered-design-logo .logo-wrap .leg-three {
    margin-top: 1.25em;
    margin-left: -1.5em;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

#layered-design-logo .logo-wrap .leg-three .part-two:before {
    background-image: none;
}

#layered-design-logo .logo-wrap .triangle {
    -webkit-transform: scale(0.85, .85) rotate(90deg);
    transform: scale(0.85, .85) rotate(90deg);
    left: 2em;
    top: -2.75em;
}

#layered-design-logo .logo-wrap .triangle:after {
    display: none;
}

#layered-design-wrap .header-tag {
    font-size: 1em;
}

#layered-design-wrap .header-tag h2 {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(17, 17, 17, .15);
}

.logo-results-wrap {
    position: absolute;
    z-index: 1;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    width: 16em;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: .5rem;
    top: 3em;
    opacity: 0;
    transition: opacity ease .3333333333s, -webkit-transform ease .5s, top ease .5s;
    transition: opacity ease .3333333333s, transform ease .5s, top ease .5s;
}

.logo-results-inner {
    margin: 1em;
    position: absolute;
    bottom: 0;
    width: calc(100% - 2em);
}

.logo-results-inner .results-btn {
    min-height: 0;
    font-size: .75em;
    display: block;
    margin: 1.75em 0 0;
    opacity: 0;
    transition: none;
}

.logo-results-inner .results-chart {
    border-radius: .5rem;
    background: #efefef;
    color: #fff;
    margin: .25em 0;
    position: relative;
    overflow: hidden;
}

.logo-results-inner .results-chart-1 .bar {
    background: #147EC5;
}

.logo-results-inner .results-chart-2 .bar {
    background: #e0004d;
}

.logo-results-inner .results-chart-3 .bar {
    background: #fc4c02;
}

.logo-results-inner .text {
    font-size: .75em;
    padding: .25em .75em;
    display: block;
    z-index: 1;
    position: relative;
}

.logo-results-inner .bar {
    position: absolute;
    left: 0;
    top: 0;
    transition: none;
    height: 100%;
    width: 0;
    z-index: 0;
}

.envelope,
.envelope-wrap {
    position: absolute;
    margin: auto;
    width: 12em;
    left: 0;
    right: 0;
    height: 6em;
    bottom: calc(-100% - 10em);
    opacity: 0;
    background: #d44000;
    border-radius: .15em .15em .33em .33em;
    box-shadow: 0 0 1px #c53c00 inset;
    transition: bottom ease .3333333333s, opacity ease .3333333333s;
}

.envelope-wrap:after,
.envelope-wrap:before,
.envelope:after,
.envelope:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-width: 3.025em 6em;
}

.envelope-wrap:before,
.envelope:before {
    border-bottom-color: #d44000;
    top: -100%;
    left: 0;
}

.envelope-wrap:after,
.envelope:after {
    border-right-color: #fc4c02;
    border-left-color: #ff611d;
    border-bottom-color: #ff611d;
    top: 0;
    border-radius: .15em .15em .33em .33em;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

.envelope {
    z-index: 1;
}

.envelope:after {
    display: none;
}

.envelope-wrap {
    background: 0 0;
    box-shadow: none;
    z-index: 3;
}

.envelope-wrap:before {
    display: none;
}

.content-row {
    display: inline-block;
    width: 100%;
    margin: 2em 0;
}

.content-row:last-child .content-right .lo-grid>div {
    padding-bottom: 3em;
}

.content-row .content-left>label {
    font-size: 1.425em;
    font-weight: 500;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0 .75em 1.5em 0;
    line-height: 1.25;
    padding: 0;
    text-transform: capitalize;
}

.content-row .content-right h4 {
    font-size: 1.25em;
    margin-top: .2em;
}

.content-row .content-right .lo-grid>div {
    padding: 0 0 6em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    border-radius: .5rem;
}

.content-row .content-right .lo-grid>div.lo-grid-unit-md-1-2:nth-child(1n) {
    padding-right: 2em;
}

@media screen and (max-width:48em) {
    .content-row .content-right .lo-grid>div.lo-grid-unit-md-1-2:nth-child(1n) {
        padding-right: 0;
    }
}

.content-row .content-right .lo-grid>div.lo-grid-unit-md-1-2:nth-child(2n) {
    padding-left: 2em;
}

@media screen and (max-width:48em) {
    .content-row .content-right .lo-grid>div.lo-grid-unit-md-1-2:nth-child(2n) {
        padding-left: 0;
    }
}

@media screen and (max-width:48em) {
    .content-row .content-right .lo-grid>div {
        padding: 0 0 6.67em;
        font-size: .925em;
    }
}

.content-font-text {
    font-family: "Open Sans";
    font-size: .925em;
}

.content-font-text.font-200 {
    font-weight: 200;
}

.content-font-text.font-300 {
    font-weight: 300;
}

.content-font-text.font-400 {
    font-weight: 400;
}

.content-font-text.font-500 {
    font-weight: 500;
}

.content-font-text.font-600 {
    font-weight: 600;
}

.content-font-text.font-700 {
    font-weight: 700;
}

.content-font-text.font-800 {
    font-weight: 800;
}

.content-font-text>span {
    color: #fc4c02;
    margin-right: 1em;
}

.color-block {
    display: inline-block;
    width: 3.33em;
    height: 3.33em;
    margin-right: 1rem;
    margin-top: 1rem;
    border-radius: .5rem;
    background: #65ad3d;
    vertical-align: bottom;
}

.color-block label {
    display: inline-block;
    margin: .67em 0 0 .67em;
    font-size: .33em;
    color: #fff;
    padding: 0;
    vertical-align: top;
}

.wrap-logo {
    display: inline-block;
    width: 80%;
    padding: 7.5% 10%;
    border-radius: .5rem;
    overflow: hidden;
    margin-bottom: 1.5em;
}

.wrap-logo.wrap-logo-light {
    background: #fff;
}

.wrap-logo.wrap-logo-dark {
    background: #111;
}

.wrap-logo>img {
    width: 100%;
    margin: 0;
}

.example-block code,
.example-text code {
    margin: 0;
    font-size: 1em;
}

.example-block {
    display: inline-block;
    width: calc(100% - 2em);
    min-height: 4em;
    padding: 1em;
    background: #fff;
    border-radius: .5rem;
    margin: 0 0 1.5em;
}

.example-desc {
    margin: 0 0 1.5em;
}

.example-text {
    display: inline-block;
    width: calc(100% - 2em);
    margin: .5em 0 1em;
    padding: 1.25em 1em;
    border-radius: .5rem;
}

.example-text.text-shadow,
.example-text.text-shadow code.example-text {
    background: #e2e2e2;
}

.example-text.text-shadow-inset,
.example-text.text-shadow-inset code.example-text {
    background: #666;
}

.example-text.text-shadow-inset code {
    color: #fff;
}

.example-table {
    margin: 1.5em 0;
}

.example-table table {
    width: 100%;
}

.example-do,
.example-dont {
    margin: .25em 0 2.25em;
    display: inline-block;
    width: 100%;
    line-height: 1.15;
}

.example-do>span,
.example-dont>span {
    font-weight: 600;
    margin-bottom: .67em;
    padding: .25em .5em;
    color: #fff;
    border-radius: .25rem;
    float: left;
    width: calc(100% - 1em);
    font-size: .925em;
}

.example-do {
    color: #4b7035;
}

.example-do>span {
    background: #6da44e;
}

.example-dont {
    color: #772523;
}

.example-dont>span {
    background: #b23735;
}

#design-hero {
    background: #111;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .25);
    position: relative;
    z-index: 3;
}

#design-hero .section-bg img {
    opacity: .67;
    top: -1em;
}

#design-hero .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(75deg, rgba(17, 17, 17, 0) 15%, rgba(17, 17, 17, .575) 50%);
}

#page-content-accessibility,
#page-content-animation,
#page-content-branding,
#page-content-design,
#page-content-language,
#page-content-layout,
#page-content-mastery,
#page-content-progress,
#page-content-questionTypes,
#page-content-styling {
    position: relative;
}

#page-content-accessibility:before,
#page-content-animation:before,
#page-content-branding:before,
#page-content-design:before,
#page-content-language:before,
#page-content-layout:before,
#page-content-mastery:before,
#page-content-progress:before,
#page-content-questionTypes:before,
#page-content-styling:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 33vw;
    content: "";
    z-index: -1;
    background-size: 33vw auto;
    background-position: left center;
    background-repeat: no-repeat;
    opacity: .75;
}

#page-content-accessibility.expanded:before,
#page-content-animation.expanded:before,
#page-content-branding.expanded:before,
#page-content-design.expanded:before,
#page-content-language.expanded:before,
#page-content-layout.expanded:before,
#page-content-mastery.expanded:before,
#page-content-progress.expanded:before,
#page-content-questionTypes.expanded:before,
#page-content-styling.expanded:before {
    opacity: .25;
    background-size: auto 100%;
}

#page-content-accessibility h2,
#page-content-animation h2,
#page-content-branding h2,
#page-content-design h2,
#page-content-language h2,
#page-content-layout h2,
#page-content-mastery h2,
#page-content-progress h2,
#page-content-questionTypes h2,
#page-content-styling h2 {
    text-transform: capitalize;
}

#page-content-design:before {
    background-image: url(/images/bg-design.png);
    opacity: .85;
}

#page-content-design.expanded:before {
    opacity: .85;
    background-size: 33vw 100%;
}

#page-content-language:before {
    background-image: url(/images/bg-language.jpg);
}

#page-content-layout:before {
    background-image: url(/images/bg-layout.svg);
}

#page-content-layout.expanded:before {
    background-position: right center;
}

#page-content-animation:before {
    background-image: url(/images/bg-animation.svg);
}

#page-content-progress:before {
    background-image: url(/images/bg-progress.svg);
    background-position: right top;
}

.content-white-bg {
    padding: 1em;
    border-radius: .5rem;
    display: inline-block;
}

#content-colors .color-block:nth-child(1) {
    font-size: 4em;
}

#content-colors .color-block:nth-child(2) {
    font-size: 3em;
    background: #147EC5;
}

#content-colors .color-block:nth-child(3) {
    font-size: 2em;
    background: #ffc72c;
}

#content-shadows .lo-btn,
#content-shadows .lo-label {
    width: 33%;
    margin: 1em 0;
}

#content-negativeSpace h3 {
    margin: 0 0 1.25em;
}

#content-negativeSpace h3.header-dont {
    margin: .5em 0 0;
}

#lo-ui-grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

#lo-ui-grid .lo-grid>div {
    padding-bottom: 0;
}

#lo-ui-grid .lo-grids-unit {
    margin: .25em 0;
    padding-left: 4.5em;
}

#lo-ui-grid .lo-grids-unit-width {
    line-height: 1.5;
    margin-left: -5em;
    padding-right: .5em;
    text-align: right;
    vertical-align: baseline;
    width: 4em;
    display: inline-block;
    font-size: .85em;
}

#lo-ui-grid .lo-grids-unit-details {
    background: none repeat scroll 0 0 #FAFAFA;
    position: relative;
}

#lo-ui-grid .lo-grids-unit-bar {
    background: none repeat scroll 0 0 #EEE;
    height: 1.5em;
    box-shadow: inset -2px 0 0 0 #44a0e5;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-1-24 {
    background: #b8e0f5;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-1-12,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-2-24 {
    background: #b4def5;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-1-8,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-3-24 {
    background: #afdcf4;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-1-6,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-4-24 {
    background: #abdaf3;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-1-5 {
    background: #a7d8f3;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-5-24 {
    background: #a2d6f2;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-1-4,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-6-24 {
    background: #9ed4f1;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-7-24 {
    background: #99d2f1;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-1-3,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-8-24 {
    background: #95d0f0;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-3-8,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-9-24 {
    background: #90cef0;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-2-5 {
    background: #8cccef;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-10-24,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-5-12 {
    background: #87caee;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-1-2,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-11-24,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-12-24 {
    background: #83c8ee;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-13-24 {
    background: #7ec7ed;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-14-24,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-7-12 {
    background: #7ac5ec;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-3-5 {
    background: #75c3ec;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-15-24,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-5-8 {
    background: #71c1eb;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-16-24,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-2-3 {
    background: #6cbfeb;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-17-24 {
    background: #68bdea;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-18-24,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-3-4 {
    background: #63bbe9;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-19-24 {
    background: #5fb9e9;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-4-5 {
    background: #5ab7e8;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-20-24,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-5-6 {
    background: #56b5e7;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-21-24,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-7-8 {
    background: #51b3e7;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-11-12,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-22-24 {
    background: #4db1e6;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-23-24 {
    background: #48afe6;
}

#lo-ui-grid .lo-grid-demo .lo-grid-unit-1,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-1-1,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-24-24,
#lo-ui-grid .lo-grid-demo .lo-grid-unit-5-5 {
    background: #44ade5;
}

#whoweare-top .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, .75) 50%);
}

@media screen and (max-width:48em) {
    #whoweare-top .section-bg:before {
        background-image: linear-gradient(100deg, rgba(255, 255, 255, .67) 33%, rgba(255, 255, 255, .67) 50%);
    }
}

#whoweare-top .section-bg img {
    opacity: .75;
}

#whoweare-intro-text ul {
    font-size: 1.025em;
    font-weight: 300;
    margin-top: 2em;
}

#careers-top .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, .75) 50%);
}

@media screen and (max-width:48em) {
    #careers-top .section-bg:before {
        background-image: linear-gradient(100deg, rgba(255, 255, 255, .67) 33%, rgba(255, 255, 255, .67) 50%);
    }
}

#careers-top .section-bg img {
    opacity: .75;
}

#staff-top .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(100deg, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, .5) 50%);
}

@media screen and (max-width:48em) {
    #staff-top .section-bg:before {
        background-image: linear-gradient(100deg, rgba(17, 17, 17, .67) 33%, rgba(17, 17, 17, .67) 50%);
    }
}

#staff-top .section-bg img {
    opacity: .67;
}

#news-top .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(100deg, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, .5) 50%);
}

@media screen and (max-width:48em) {
    #news-top .section-bg:before {
        background-image: linear-gradient(100deg, rgba(17, 17, 17, .67) 33%, rgba(17, 17, 17, .67) 50%);
    }
}

#news-top .section-bg img {
    opacity: .5;
}

#about-us-text .anti-skew {
    padding: 1.5em 0;
    display: block;
    max-width: 48em;
    margin: 0 auto;
}

#bio-list {
    margin-top: 1.5em;
}

#bio-list .bio-item {
    width: calc(20% - 1.75em - 1px);
    margin: .5em .75em 1.5em;
    display: inline-block;
    vertical-align: top;
    font-size: .75em;
}

@media screen and (max-width:48em) {
    #bio-list .bio-item {
        width: calc(25% - 1.75em - 1px);
    }
}

@media screen and (max-width:35.5em) {
    #bio-list .bio-item {
        width: calc(33% - 1.75em - 1px);
    }
}

@media screen and (max-width:20em) {
    #bio-list .bio-item {
        width: calc(50% - 1.75em - 1px);
    }
}

#bio-list .bio-item>a {
    display: block;
    height: 7.5em;
    width: 7.5em;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    z-index: 1;
    position: relative;
}

#bio-list .bio-item h3 {
    font-size: 1.25em;
    margin-bottom: 0;
}

#bio-list .bio-item h4 {
    font-size: .925em;
    color: #444;
    margin: 0;
}

#bio-list .bio-pic {
    display: block;
    width: calc(100% + 1em);
    left: -.5em;
    top: -.25em;
    margin: 0;
    z-index: 0;
    position: relative;
}

.content-careers {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}

.content-careers h3 {
    margin-top: 2em;
}

.content-careers p {
    margin-left: 2.5em;
    margin-right: 2.5em;
}

#lo-career-frame {
    border: 1px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    border-radius: .5rem;
    width: 100%;
    min-height: 48em;
    margin: .5em 0;
}

#history-top .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.5%;
    width: 100%;
    height: 105%;
    z-index: 1;
    background-image: linear-gradient(100deg, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, .5) 50%);
}

#history-top .section-bg img {
    opacity: .33;
}

#page-history {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#page-history .content-wrap {
    max-width: 48em;
    margin: 1em auto;
    display: block;
}

#page-history .content-wrap h3 {
    margin-top: 1.5em;
}

.news-items {
    margin: 0;
}

.news-items .news-item {
    margin: 2.5em 0;
    list-style: none;
    background: #fff;
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
    display: table;
}

.news-items .news-img,
.news-items .news-text {
    display: table-cell;
    vertical-align: top;
    height: 100%;
}

.news-text a {
    text-decoration: underline;
}

.news-text a.lo-btn {
    text-decoration: none;
}

.news-items .news-img {
    width: 25%;
    overflow: hidden;
    position: relative;
}

.news-items .news-img>img {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
}

.news-items .news-text {
    width: 75%;
    padding: 1em 2em;
}

.news-items .news-text h3 {
    font-size: 1.25em;
}

.news-items .news-text h4 {
    font-size: .925em;
}

.news-items .news-text h4 strong {
    font-weight: 600;
}

.news-items .news-text p {
    font-size: .75em;
}

.news-items .news-text .lo-btn {
    float: right;
    font-size: .67em;
}

#highered-hero .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(100deg, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, .5) 33%);
}

#highered-hero .section-bg img {
    opacity: .67;
}

#edtech-hero .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(75deg, rgba(17, 17, 17, 0) 15%, rgba(17, 17, 17, .67) 50%);
}

#edtech-hero .section-bg img {
    opacity: .85;
    top: -3.33em;
}

.edtech-bottom.section-bottom .header-tag {
    font-size: 2em;
}

#edtech-container #solutions-intro {
    margin-top: -1em;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .08), 0 -4px 8px rgba(0, 0, 0, .08);
}

#approach-top h2 {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(17, 17, 17, .25);
}

#approach-top .page-intro {
    font-size: 1em;
}

#approach-top p {
    margin-top: 1.5em;
}

#page-content-methodology>.lo-container {
    margin-bottom: 0;
    margin-top: 0;
}

#page-content-methodology .anti-skew {
    position: relative;
    z-index: 1;
}

#page-content-methodology .content-row {
    margin: 0;
}

#page-content-methodology .content-row:first-of-type {
    margin-top: -.25em;
    display: block;
}

#page-content-methodology #content-audience .backdrop {
    background: #403300;
}

#page-content-methodology #content-audience h3,
#page-content-methodology #content-audience h4 {
    color: #ffdd5f;
}

#page-content-methodology #content-mindset .backdrop {
    background: #03131e;
}

#page-content-methodology #content-mindset h3,
#page-content-methodology #content-mindset h4 {
    color: #52afed;
}

#page-content-methodology #content-process .backdrop {
    background: #2d071c;
}

#page-content-methodology #content-process h3,
#page-content-methodology #content-process h4 {
    color: #f09fcc;
}

.wrap-img {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 4.25em 0 6em;
}

.wrap-img .backdrop {
    display: block;
    width: 100vw;
    margin: 0 0 0 -5vw;
    position: absolute;
    left: 0;
    top: 0;
    background: #111;
    z-index: 1;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 -.425em 0 rgba(255, 255, 255, .67) inset;
}

.wrap-img img {
    opacity: .25;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    top: 0;
    left: 0;
    margin: 0;
}

.wrap-img h3 {
    position: relative;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    z-index: 2;
    font-size: 2.15em;
    color: #fff;
    margin-bottom: 1.5em;
    display: inline-block;
}

.wrap-img h4,
.wrap-img p {
    position: relative;
    z-index: 2;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    color: #fff;
    display: inline-block;
    width: 100%;
}

.wrap-img h4 {
    margin-top: 1.5em;
    font-size: 1.33em;
}

.wrap-img p {
    font-size: 1.15em;
}

#approach-bottom-wrap {
    margin-top: -1em;
}

.approach-narrative .anti-skew {
    padding-top: 1.5em;
}

.approach-narrative h3 {
    color: #fc4c02;
}

.approach-narrative h4 {
    font-size: 1.15em;
    padding-left: 3em;
    padding-bottom: 1.25em;
    margin-bottom: 1.25em;
    position: relative;
    line-height: 1.33;
    border-bottom: 1px dotted rgba(104, 151, 30, .33);
}

.approach-narrative h4:before {
    content: "";
    font-family: lo-icons;
    position: absolute;
    left: 0;
    top: -.275em;
    font-size: 2em;
    color: #fc4c02;
}

.approach-narrative h4:last-child {
    border: 0;
}

.approach-narrative .page-intro {
    margin-bottom: 2.5em;
}

#contact-top .anti-skew {
    height: 16em;
}

#contact-top #map {
    margin-top: -1.5em;
    height: calc(100% + 2.33em);
}

.social-icons i {
    font-size: 2.25em;
    margin-right: .67em;
}

.contact-form {
    margin-bottom: 2.5em;
    font-size: .925em;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
}

.contact-form .lo-btn {
    float: right;
    margin-top: .75em;
}

.page-getstarted {
    padding: 4em 0;
    overflow: hidden;
}

#getstarted-form {
    position: relative;
    padding-bottom: 2em;
}

@media screen and (max-width:48em) {
    #getstarted-form {
        font-size: .925em;
    }
}

@media screen and (max-width:35.5em) {
    #getstarted-form {
        font-size: .85em;
    }
}

@media screen and (max-width:20em) {
    #getstarted-form {
        font-size: .75em;
    }
}

#getstarted-form h2 {
    color: #65ad3d;
    text-shadow: none;
    text-transform: none;
    font-size: 2.25em;
    margin-top: .33em;
    display: inline-block;
}

#getstarted-form .getstarted-sub {
    color: rgba(255, 255, 255, .85);
    font-size: 1.05em;
    margin: -.5em 0 2.5em;
}

#getstarted-form input[type=text] {
    display: inline-block;
    width: 100%;
    background: rgba(255, 255, 255, .075);
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: .08em solid #65ad3d;
    border-left: 0;
    color: #fff;
    box-shadow: none;
    font-size: 1.75em;
    padding: .75em;
    margin: 0 0 1em;
}

#getstarted-form .step-count {
    position: absolute;
    right: 0;
    top: -1em;
    color: #777;
    padding: 0;
    font-size: 1em;
    font-family: "Open Sans";
    font-weight: 300;
}

#getstarted-form label {
    color: #65ad3d;
    font-size: .8em;
    margin: .5em 0;
}

#getstarted-form blockquote {
    color: #999;
    background: 0 0;
    border: 0;
    margin: 0 0 0 2.5em;
    position: relative;
    font-size: 1.15em;
    padding: .5em;
}

#getstarted-form blockquote:before {
    font-family: fd-icons;
    content: "";
    font-style: normal;
    color: rgba(133, 194, 38, .5);
    font-size: 1.25em;
    position: absolute;
    left: -.85em;
    top: .15em;
}

#getstarted-form button {
    float: right;
    margin: 1.5em 0;
    font-size: 1.33em;
    min-width: 15vw;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}

#getstarted-form button.lo-btn-icon-only {
    margin: 1.5em 1em;
    padding: 1.33em;
    font-size: 1em;
    min-width: 0;
}

#getstarted-form button.lo-btn-icon-only:hover .icon {
    color: #ffc72c;
}

#getstarted-form button.lo-btn-icon-only .icon {
    font-size: 1.5em;
    color: rgba(255, 255, 255, .25);
    text-shadow: none;
    transition: color ease .5s;
    margin: 0;
    top: .15em;
}

#getstarted-form button .icon {
    font-size: .925em;
    margin-left: .33em;
    position: relative;
    top: .05em;
}

#getstarted-form .lo-checkbox-wrap input[type=checkbox]:checked+.lo-checkbox-label {
    color: #65ad3d;
}

#getstarted-form .lo-checkbox-wrap input[type=checkbox]:checked+.lo-checkbox-label .lo-checkbox {
    border-color: #65ad3d;
    background: 0 0;
}

#getstarted-form .lo-checkbox-wrap input[type=checkbox]:checked+.lo-checkbox-label .lo-checkbox:after {
    color: #65ad3d;
}

#getstarted-form .lo-checkbox-wrap {
    margin: .33em;
}

#getstarted-form .lo-checkbox-label {
    background: rgba(255, 255, 255, .075);
    font-size: 1.15em;
    margin: 0;
    color: #fff;
    padding: .75em;
    width: calc(100% - 1.5em);
}

#getstarted-form .lo-checkbox-label:hover {
    background: rgba(255, 255, 255, .15);
}

#getstarted-form .lo-checkbox {
    background: rgba(255, 255, 255, .33);
    border-color: #999;
    transition: all ease .5s;
}

#getstarted-form .lo-checkbox:after {
    color: #111;
}

#getstarted-sections {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.getstarted-section {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 50vw;
    height: 100%;
    opacity: 0;
    width: 100%;
    transition: left ease .5s, opacity ease .3333333333s;
    top: 0;
    z-index: 0;
}

.getstarted-section.active {
    opacity: 1;
    left: 0;
    z-index: 1;
    position: relative;
}

.getstarted-section.active .getstarted-body {
    left: 0;
}

.getstarted-section.prev {
    left: -100vw;
    z-index: 0;
}

.getstarted-section.prev .getstarted-body {
    left: -5em;
}

.getstarted-section .getstarted-body {
    left: 2.5em;
    position: relative;
    transition: left ease .5s .3333333333s;
}

.getstarted-descriptor {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
    margin: .5em;
    width: calc(25% - 1em - 1px);
    text-align: center;
    font-size: 1em;
    background: rgba(255, 255, 255, .075);
    border-radius: .5rem;
    transition: all ease .5s;
    position: relative;
    top: 0;
}

.getstarted-descriptor.active,
.getstarted-descriptor:hover {
    background: rgba(255, 255, 255, .15);
    cursor: pointer;
    top: -.75em;
}

.getstarted-descriptor.active>p,
.getstarted-descriptor:hover>p {
    color: #65ad3d;
}

@media screen and (max-width:35.5em) {
    .getstarted-descriptor {
        width: calc(50% - 1em - 1px);
    }
}

.getstarted-descriptor>p {
    width: 100%;
    color: #fff;
    font-size: 1.15em;
    font-family: Oxygen;
    transition: color ease .5s;
}

.getstarted-descriptor>img {
    display: block;
    width: calc(100% - 1em);
    height: auto;
    margin: 0 auto .5em;
    max-width: 25vw;
    transition: width ease .5s;
}

#getstarted-solutions {
    margin-top: -.25em;
}

#styleguide-hero .section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1em;
    width: 100%;
    height: calc(100% + 2em);
    z-index: 1;
    background-image: linear-gradient(67deg, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, .85) 50%);
}

#styleguide-hero .section-bg img {
    opacity: .925;
    max-width: 167%;
    top: -30%;
    left: -85%;
}

.guide-wrap {
    display: table;
    width: 100%;
    border-top: 2px dashed #efefef;
}

.guide-wrap:first-of-type {
    border: 0;
}

.guide-wrap:last-of-type {
    margin-bottom: -.5em;
}

.guide-wrap:last-of-type .guide-left,
.guide-wrap:last-of-type .guide-right {
    padding-bottom: 8em;
}

.guide-wrap .guide-left,
.guide-wrap .guide-right {
    display: table-cell;
    vertical-align: top;
}

.guide-wrap .guide-left {
    width: 25%;
    background: rgba(255, 255, 255, .67);
    padding: 5em 1em 2.5em 2em;
}

.guide-wrap .guide-left h2 {
    color: #444;
    font-size: 1.5em;
    margin: 1em 0;
}

.guide-wrap .guide-right {
    width: 75%;
    padding: 6em 4em 3em;
}

.guide-wrap .guide-right h3 {
    color: #444;
    margin-bottom: 1em;
    margin-top: 1.5em;
    font-size: 1.5em;
}

.guide-wrap .color-swatch {
    float: left;
    width: calc(50% - 1em);
    margin: 1em auto;
    border-radius: .5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    overflow: hidden;
}

.guide-wrap .color-swatch:nth-child(odd) {
    margin-left: 1em;
}

.guide-wrap .color-swatch:nth-child(even) {
    margin-right: 1em;
}

.guide-wrap .color-swatch.primary {
    margin: 1em 0 1.15em;
    width: 100%;
    font-size: 1.15em;
}

.guide-wrap .color-swatch.primary>span {
    width: 28%;
}

.guide-wrap .color-swatch.primary>span.color-primary {
    width: 44%;
}

.guide-wrap .color-swatch.primary>p {
    width: calc(28% - 1em);
    font-size: .67em;
    color: #999;
    padding: 1em .5em;
}

.guide-wrap .color-swatch.primary>p.primary {
    font-size: .85em;
    color: #444;
    padding: .66em .5em;
    width: calc(44% - 1em - 1px);
}

.guide-wrap .color-swatch>span {
    float: left;
    width: 100%;
    height: 3.5em;
}

.guide-wrap .color-swatch>p {
    margin: 0;
    font-size: .75em;
    float: left;
    padding: .67em .5em;
    width: calc(100% - 1em);
    text-align: center;
    background: #fff;
}

.guide-wrap.typography .museo {
    font-family: museo, museo300;
    font-weight: 400;
}

.guide-wrap.typography .museo .medium {
    font-family: museo, museo500;
    font-weight: 400;
}

.guide-wrap.typography .open-sans,
.guide-wrap.typography .open-sans h3 {
    font-family: "Open Sans";
}

.guide-wrap.typography h3 {
    margin: .25em 0 .85em;
    font-size: 2.25em;
    color: #65ad3d;
    display: inline-block;
    width: 100%;
}

.guide-wrap.typography .col-left,
.guide-wrap.typography .col-middle,
.guide-wrap.typography .col-right {
    float: left;
    margin-bottom: 1.25em;
}

.guide-wrap.typography .col-left {
    width: 20%;
}

.guide-wrap.typography .col-middle {
    width: calc(60% - 5em);
    padding: 0 2.5em;
}

.guide-wrap.typography .col-middle p {
    font-size: .75em;
    text-align: justify;
}

.guide-wrap.typography .col-right {
    width: 20%;
    text-align: center;
    font-size: 5.5em;
}

.guide-wrap.typography .col-right p {
    line-height: .85;
}

.guide-wrap.typography .light {
    font-weight: 300;
}

.guide-wrap.typography .italic {
    font-style: italic;
}

.guide-wrap.typography .regular {
    font-weight: 400;
}

.guide-wrap.typography .medium-italic {
    font-style: italic;
}

.guide-wrap.typography .medium {
    font-weight: 600;
}

.guide-wrap.typography .bold {
    font-weight: 700;
}

.guide-wrap.logo .logo-dark,
.guide-wrap.logo .logo-light {
    display: inline-block;
    border-radius: .5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    overflow: hidden;
    position: relative;
    margin: .75em 0 1.5em;
}

.guide-wrap.logo .logo-dark img,
.guide-wrap.logo .logo-light img {
    display: block;
    width: 100%;
    margin: auto;
}

.guide-wrap.icons .icon-listing {
    margin-bottom: 2em;
    display: inline-block;
    width: 100%;
}

.guide-wrap.icons .icon {
    float: left;
    width: 20%;
    font-size: 2.5em;
    text-align: center;
    margin: .33em 0;
}

.guide-wrap.icons .lo-btn {
    margin: 0 auto 1.5em;
    display: block;
}

.guide-wrap.buttons .lo-btn {
    margin: .75em 0;
    width: 100%;
}

.guide-wrap.buttons .dropdown-wrap {
    width: 100%;
}

.guide-wrap.buttons .lo-btn-col {
    margin: .25em 0 .75em;
    padding: .5em;
}

.logo-wrap {
    position: relative;
    font-size: 3em;
    height: 6.24em;
    width: 5.367em;
    overflow: hidden;
    display: block;
    margin: 0 auto 1.5em;
}

.logo-wrap .logo-inner {
    position: relative;
    left: -.52em;
    top: 2.325em;
}

.logo-wrap .leg {
    position: absolute;
}

.logo-wrap .leg-one {
    z-index: 3;
}

.logo-wrap .leg-one .part,
.logo-wrap .leg-one .part:before {
    background: #9eda41;
}

.logo-wrap .leg-one .part-one:after {
    content: "";
    position: absolute;
    top: 0;
    left: -.575em;
    height: 100%;
    width: 100%;
    background: #9eda41;
    background-image: linear-gradient(130deg, rgba(255, 255, 255, .25) 0, #9eda41 50%);
    -webkit-transform: skewX(49.1deg);
    transform: skewX(49.1deg);
}

.logo-wrap .leg-two {
    z-index: 2;
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    left: 3.48em;
    top: 1.6em;
}

.logo-wrap .leg-three {
    z-index: 1;
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    left: 3.12em;
    top: -2.22em;
}

.logo-wrap .leg-three .part,
.logo-wrap .leg-three .part:before {
    background: #68971e;
}

.logo-wrap .leg-three .part-two:before {
    background-image: linear-gradient(130deg, transparent 59%, rgba(17, 17, 17, .15) 59%);
}

.logo-wrap .part {
    background: #65ad3d;
    display: block;
    height: 1em;
    width: 2em;
    position: relative;
    z-index: 1;
}

.logo-wrap .part:before {
    content: "";
    position: absolute;
    top: 0;
    left: .575em;
    height: 100%;
    width: 100%;
    background: #65ad3d;
    -webkit-transform: skewX(49.1deg);
    transform: skewX(49.1deg);
    z-index: 0;
}

.logo-wrap .part.part-one {
    -webkit-transform: rotate(90deg) skewX(-30deg);
    transform: rotate(90deg) skewX(-30deg);
}

.logo-wrap .part.part-two {
    -webkit-transform: rotate(30deg) skewX(-30deg);
    transform: rotate(30deg) skewX(-30deg);
    left: .85em;
    top: 1.06em;
}

.logo-wrap .triangle {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 1.075em solid #65ad3d;
    border-left: .64em solid transparent;
    border-right: .64em solid transparent;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: none !important;
}

.logo-wrap .triangle:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: -.64em;
    border-bottom: 1.075em solid #9eda41;
    border-left: .64em solid transparent;
}

@-webkit-keyframes demoTablet {
    0% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #0d5280;
        opacity: 1;
    }
    5% {
        -webkit-transform: rotate(0deg) translate(0, 0) scale(10, 10);
        transform: rotate(0deg) translate(0, 0) scale(10, 10);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #0d5280;
        opacity: 0;
    }
    20% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #0d5280;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 0;
    }
    25% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #0d5280;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    30% {
        -webkit-transform: rotate(90deg) translate(-2.5em, -1.25em);
        transform: rotate(90deg) translate(-2.5em, -1.25em);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
    }
    95% {
        -webkit-transform: rotate(90deg) translate(-2.5em, -1.25em);
        transform: rotate(90deg) translate(-2.5em, -1.25em);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        background: #0f6097;
        opacity: 0;
    }
}

@-ms-keyframes demoTablet {
    0% {
        transform: rotate(0deg) translate(0, 0);
        transform-origin: center center;
        background: #0d5280;
        opacity: 1;
    }
    5% {
        transform: rotate(0deg) translate(0, 0) scale(10, 10);
        transform-origin: center center;
        background: #0d5280;
        opacity: 0;
    }
    20% {
        transform: rotate(0deg) translate(0, 0);
        transform-origin: center center;
        background: #0d5280;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 0;
    }
    25% {
        transform: rotate(0deg) translate(0, 0);
        transform-origin: center center;
        background: #0d5280;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    30% {
        transform: rotate(90deg) translate(-2.5em, -1.25em);
        transform-origin: 1em 1em;
    }
    95% {
        transform: rotate(90deg) translate(-2.5em, -1.25em);
        transform-origin: 1em 1em;
        opacity: 0;
    }
    100% {
        transform: rotate(0deg) translate(0, 0);
        transform-origin: 1em 1em;
        background: #0f6097;
        opacity: 0;
    }
}

@keyframes demoTablet {
    0% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #0d5280;
        opacity: 1;
    }
    5% {
        -webkit-transform: rotate(0deg) translate(0, 0) scale(10, 10);
        transform: rotate(0deg) translate(0, 0) scale(10, 10);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #0d5280;
        opacity: 0;
    }
    20% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #0d5280;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 0;
    }
    25% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #0d5280;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    30% {
        -webkit-transform: rotate(90deg) translate(-2.5em, -1.25em);
        transform: rotate(90deg) translate(-2.5em, -1.25em);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
    }
    95% {
        -webkit-transform: rotate(90deg) translate(-2.5em, -1.25em);
        transform: rotate(90deg) translate(-2.5em, -1.25em);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        background: #0f6097;
        opacity: 0;
    }
}

@-webkit-keyframes demoTabletScreen {
    0% {
        opacity: 0;
    }
    100%,
    5% {
        opacity: 1;
    }
}

@-ms-keyframes demoTabletScreen {
    0% {
        opacity: 0;
    }
    100%,
    5% {
        opacity: 1;
    }
}

@keyframes demoTabletScreen {
    0% {
        opacity: 0;
    }
    100%,
    5% {
        opacity: 1;
    }
}

@-webkit-keyframes demoTabletContent {
    0%,
    5% {
        opacity: 0;
    }
    10%,
    100% {
        opacity: 1;
    }
}

@-ms-keyframes demoTabletContent {
    0%,
    5% {
        opacity: 0;
    }
    10%,
    100% {
        opacity: 1;
    }
}

@keyframes demoTabletContent {
    0%,
    5% {
        opacity: 0;
    }
    10%,
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes demoTabletBtn {
    0%,
    10% {
        opacity: 0;
    }
    100%,
    15% {
        opacity: 1;
    }
}

@-ms-keyframes demoTabletBtn {
    0%,
    10% {
        opacity: 0;
    }
    100%,
    15% {
        opacity: 1;
    }
}

@keyframes demoTabletBtn {
    0%,
    10% {
        opacity: 0;
    }
    100%,
    15% {
        opacity: 1;
    }
}

@-webkit-keyframes demoLaptop {
    0% {
        -webkit-transform: rotate(-90deg) translate(1.75em, -1.5em);
        transform: rotate(-90deg) translate(1.75em, -1.5em);
        -webkit-transform-origin: 0 1em;
        transform-origin: 0 1em;
        opacity: 0;
    }
    30% {
        -webkit-transform: rotate(-90deg) translate(1.75em, -1.5em);
        transform: rotate(-90deg) translate(1.75em, -1.5em);
        -webkit-transform-origin: 0 1em;
        transform-origin: 0 1em;
        background: #147EC5;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    35% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #147EC5;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    40% {
        -webkit-transform: rotate(0deg) translate(0, 0) scale(10, 10);
        transform: rotate(0deg) translate(0, 0) scale(10, 10);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #ffc72c;
        opacity: 0;
    }
    55% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        opacity: 0;
    }
    60% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        opacity: 1;
    }
    65% {
        -webkit-transform: rotate(90deg) translate(-1.75em, -1.5em);
        transform: rotate(90deg) translate(-1.75em, -1.5em);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(90deg) translate(-1.75em, -1.5em);
        transform: rotate(90deg) translate(-1.75em, -1.5em);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        background: #c59c00;
        opacity: 0;
    }
}

@-ms-keyframes demoLaptop {
    0% {
        transform: rotate(-90deg) translate(1.75em, -1.5em);
        transform-origin: 0 1em;
        opacity: 0;
    }
    30% {
        transform: rotate(-90deg) translate(1.75em, -1.5em);
        transform-origin: 0 1em;
        background: #147EC5;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    35% {
        transform: rotate(0deg) translate(0, 0);
        transform-origin: center center;
        background: #147EC5;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    40% {
        transform: rotate(0deg) translate(0, 0) scale(10, 10);
        transform-origin: center center;
        background: #ffc72c;
        opacity: 0;
    }
    55% {
        transform: rotate(0deg) translate(0, 0);
        transform-origin: 1em 1em;
        opacity: 0;
    }
    60% {
        transform: rotate(0deg) translate(0, 0);
        transform-origin: 1em 1em;
        opacity: 1;
    }
    65% {
        transform: rotate(90deg) translate(-1.75em, -1.5em);
        transform-origin: 1em 1em;
        opacity: 1;
    }
    100% {
        transform: rotate(90deg) translate(-1.75em, -1.5em);
        transform-origin: 1em 1em;
        background: #c59c00;
        opacity: 0;
    }
}

@keyframes demoLaptop {
    0% {
        -webkit-transform: rotate(-90deg) translate(1.75em, -1.5em);
        transform: rotate(-90deg) translate(1.75em, -1.5em);
        -webkit-transform-origin: 0 1em;
        transform-origin: 0 1em;
        opacity: 0;
    }
    30% {
        -webkit-transform: rotate(-90deg) translate(1.75em, -1.5em);
        transform: rotate(-90deg) translate(1.75em, -1.5em);
        -webkit-transform-origin: 0 1em;
        transform-origin: 0 1em;
        background: #147EC5;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    35% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #147EC5;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    40% {
        -webkit-transform: rotate(0deg) translate(0, 0) scale(10, 10);
        transform: rotate(0deg) translate(0, 0) scale(10, 10);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #ffc72c;
        opacity: 0;
    }
    55% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        opacity: 0;
    }
    60% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        opacity: 1;
    }
    65% {
        -webkit-transform: rotate(90deg) translate(-1.75em, -1.5em);
        transform: rotate(90deg) translate(-1.75em, -1.5em);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(90deg) translate(-1.75em, -1.5em);
        transform: rotate(90deg) translate(-1.75em, -1.5em);
        -webkit-transform-origin: 1em 1em;
        transform-origin: 1em 1em;
        background: #c59c00;
        opacity: 0;
    }
}

@-webkit-keyframes demoLaptopScreen {
    0%,
    35% {
        opacity: 0;
    }
    100%,
    40% {
        opacity: 1;
    }
}

@-ms-keyframes demoLaptopScreen {
    0%,
    35% {
        opacity: 0;
    }
    100%,
    40% {
        opacity: 1;
    }
}

@keyframes demoLaptopScreen {
    0%,
    35% {
        opacity: 0;
    }
    100%,
    40% {
        opacity: 1;
    }
}

@-webkit-keyframes demoLaptopContent {
    0%,
    40% {
        opacity: 0;
    }
    100%,
    45% {
        opacity: 1;
    }
}

@-ms-keyframes demoLaptopContent {
    0%,
    40% {
        opacity: 0;
    }
    100%,
    45% {
        opacity: 1;
    }
}

@keyframes demoLaptopContent {
    0%,
    40% {
        opacity: 0;
    }
    100%,
    45% {
        opacity: 1;
    }
}

@-webkit-keyframes demoLaptopBtn {
    0%,
    45% {
        opacity: 0;
    }
    100%,
    50% {
        opacity: 1;
    }
}

@-ms-keyframes demoLaptopBtn {
    0%,
    45% {
        opacity: 0;
    }
    100%,
    50% {
        opacity: 1;
    }
}

@keyframes demoLaptopBtn {
    0%,
    45% {
        opacity: 0;
    }
    100%,
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes demoPhone {
    0% {
        -webkit-transform: rotate(-90deg) translate(2.75em, -1.5em);
        transform: rotate(-90deg) translate(2.75em, -1.5em);
        -webkit-transform-origin: 0 1em;
        transform-origin: 0 1em;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
        opacity: 1;
    }
    65% {
        -webkit-transform: rotate(-90deg) translate(2.75em, -1.5em);
        transform: rotate(-90deg) translate(2.75em, -1.5em);
        -webkit-transform-origin: 0 1em;
        transform-origin: 0 1em;
        background: #ffc72c;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    70% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #ffc72c;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    75% {
        -webkit-transform: rotate(0deg) translate(0, 0) scale(10, 10);
        transform: rotate(0deg) translate(0, 0) scale(10, 10);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #fc4c02;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(-90deg) translate(2.75em, -1.5em);
        transform: rotate(-90deg) translate(2.75em, -1.5em);
        -webkit-transform-origin: 0 1em;
        transform-origin: 0 1em;
        opacity: 0;
    }
}

@-ms-keyframes demoPhone {
    0% {
        transform: rotate(-90deg) translate(2.75em, -1.5em);
        transform-origin: 0 1em;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
        opacity: 1;
    }
    65% {
        transform: rotate(-90deg) translate(2.75em, -1.5em);
        transform-origin: 0 1em;
        background: #ffc72c;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    70% {
        transform: rotate(0deg) translate(0, 0);
        transform-origin: center center;
        background: #ffc72c;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    75% {
        transform: rotate(0deg) translate(0, 0) scale(10, 10);
        transform-origin: center center;
        background: #fc4c02;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
        opacity: 0;
    }
    100% {
        transform: rotate(-90deg) translate(2.75em, -1.5em);
        transform-origin: 0 1em;
        opacity: 0;
    }
}

@keyframes demoPhone {
    0% {
        -webkit-transform: rotate(-90deg) translate(2.75em, -1.5em);
        transform: rotate(-90deg) translate(2.75em, -1.5em);
        -webkit-transform-origin: 0 1em;
        transform-origin: 0 1em;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
        opacity: 1;
    }
    65% {
        -webkit-transform: rotate(-90deg) translate(2.75em, -1.5em);
        transform: rotate(-90deg) translate(2.75em, -1.5em);
        -webkit-transform-origin: 0 1em;
        transform-origin: 0 1em;
        background: #ffc72c;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    70% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #ffc72c;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .33);
        opacity: 1;
    }
    75% {
        -webkit-transform: rotate(0deg) translate(0, 0) scale(10, 10);
        transform: rotate(0deg) translate(0, 0) scale(10, 10);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        background: #fc4c02;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(-90deg) translate(2.75em, -1.5em);
        transform: rotate(-90deg) translate(2.75em, -1.5em);
        -webkit-transform-origin: 0 1em;
        transform-origin: 0 1em;
        opacity: 0;
    }
}

@-webkit-keyframes demoPhoneScreen {
    0%,
    70% {
        opacity: 0;
    }
    100%,
    75% {
        opacity: 1;
    }
}

@-ms-keyframes demoPhoneScreen {
    0%,
    70% {
        opacity: 0;
    }
    100%,
    75% {
        opacity: 1;
    }
}

@keyframes demoPhoneScreen {
    0%,
    70% {
        opacity: 0;
    }
    100%,
    75% {
        opacity: 1;
    }
}

@-webkit-keyframes demoPhoneContent {
    0%,
    75% {
        opacity: 0;
    }
    100%,
    80% {
        opacity: 1;
    }
}

@-ms-keyframes demoPhoneContent {
    0%,
    75% {
        opacity: 0;
    }
    100%,
    80% {
        opacity: 1;
    }
}

@keyframes demoPhoneContent {
    0%,
    75% {
        opacity: 0;
    }
    100%,
    80% {
        opacity: 1;
    }
}

@-webkit-keyframes demoSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes demoSpinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes demoSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes solutionsTopBox {
    0%,
    70% {
        background: rgba(255, 255, 255, .25);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
        padding: .15em .25em;
        margin-right: 0;
    }
    75%,
    95% {
        background: 0 0;
        box-shadow: none;
        padding: .15em 0;
        margin-right: -2.5em;
    }
    100% {
        background: rgba(255, 255, 255, .25);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
        padding: .15em .25em;
        margin-right: 0;
    }
}

@-ms-keyframes solutionsTopBox {
    0%,
    70% {
        background: rgba(255, 255, 255, .25);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
        padding: .15em .25em;
        margin-right: 0;
    }
    75%,
    95% {
        background: 0 0;
        box-shadow: none;
        padding: .15em 0;
        margin-right: -2.5em;
    }
    100% {
        background: rgba(255, 255, 255, .25);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
        padding: .15em .25em;
        margin-right: 0;
    }
}

@keyframes solutionsTopBox {
    0%,
    70% {
        background: rgba(255, 255, 255, .25);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
        padding: .15em .25em;
        margin-right: 0;
    }
    75%,
    95% {
        background: 0 0;
        box-shadow: none;
        padding: .15em 0;
        margin-right: -2.5em;
    }
    100% {
        background: rgba(255, 255, 255, .25);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
        padding: .15em .25em;
        margin-right: 0;
    }
}

@-webkit-keyframes solutionsTop {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    10% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    12.5% {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    15%,
    25% {
        -webkit-transform: translate(0, -1.5em);
        transform: translate(0, -1.5em);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    27.5% {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    30%,
    40% {
        -webkit-transform: translate(0, -3em);
        transform: translate(0, -3em);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    42.5% {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    45%,
    55% {
        -webkit-transform: translate(0, -4.5em);
        transform: translate(0, -4.5em);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    57.5% {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    60% {
        -webkit-transform: translate(0, -6em);
        transform: translate(0, -6em);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    70% {
        -webkit-transform: translate(0, -6em);
        transform: translate(0, -6em);
    }
    75% {
        -webkit-transform: translate(0, -7.5em);
        transform: translate(0, -7.5em);
    }
    95% {
        -webkit-transform: translate(0, -7.5em);
        transform: translate(0, -7.5em);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    97.5% {
        -webkit-filter: blur(6px);
        filter: blur(6px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
}

@-ms-keyframes solutionsTop {
    0% {
        transform: translate(0, 0);
    }
    10% {
        transform: translate(0, 0);
        filter: blur(0em);
    }
    12.5% {
        filter: blur(3px);
    }
    15%,
    25% {
        transform: translate(0, -1.5em);
        filter: blur(0em);
    }
    27.5% {
        filter: blur(3px);
    }
    30%,
    40% {
        transform: translate(0, -3em);
        filter: blur(0em);
    }
    42.5% {
        filter: blur(3px);
    }
    45%,
    55% {
        transform: translate(0, -4.5em);
        filter: blur(0em);
    }
    57.5% {
        filter: blur(3px);
    }
    60% {
        transform: translate(0, -6em);
        filter: blur(0em);
    }
    70% {
        transform: translate(0, -6em);
    }
    75% {
        transform: translate(0, -7.5em);
    }
    95% {
        transform: translate(0, -7.5em);
        filter: blur(0em);
    }
    97.5% {
        filter: blur(6px);
    }
    100% {
        transform: translate(0, 0);
        filter: blur(0em);
    }
}

@keyframes solutionsTop {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    10% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    12.5% {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    15%,
    25% {
        -webkit-transform: translate(0, -1.5em);
        transform: translate(0, -1.5em);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    27.5% {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    30%,
    40% {
        -webkit-transform: translate(0, -3em);
        transform: translate(0, -3em);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    42.5% {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    45%,
    55% {
        -webkit-transform: translate(0, -4.5em);
        transform: translate(0, -4.5em);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    57.5% {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    60% {
        -webkit-transform: translate(0, -6em);
        transform: translate(0, -6em);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    70% {
        -webkit-transform: translate(0, -6em);
        transform: translate(0, -6em);
    }
    75% {
        -webkit-transform: translate(0, -7.5em);
        transform: translate(0, -7.5em);
    }
    95% {
        -webkit-transform: translate(0, -7.5em);
        transform: translate(0, -7.5em);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
    97.5% {
        -webkit-filter: blur(6px);
        filter: blur(6px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-filter: blur(0em);
        filter: blur(0em);
    }
}

body {
    background: url(../images/absurdidad.png) #f9f9f9;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 1em;
}

@media screen and (max-width:64em) {
    body {
        font-size: .925em;
    }
}

@media screen and (max-width:48em) {
    body {
        font-size: .85em;
    }
}

@media screen and (max-width:35.5em) {
    body {
        font-size: .75em;
    }
}

a {
    color: #65ad3d;
    transition: color ease .5s;
}

a:active,
a:focus,
a:hover {
    color: #598219;
    text-decoration: none;
}

h1 {
    color: #65ad3d;
}

h1 .icon {
    margin-right: .5em;
}

h2,
h3,
h4,
h5 {
    color: #65ad3d;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 100;
    text-shadow: 0 1px 0 #fff;
}

button {
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
}

code {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #65ad3d;
    display: inline-block;
    border-radius: .25rem;
    margin: 0 0 1em;
    font-size: 1.15em;
}

img {
    max-width: none;
}

#view {
    display: inline-block;
    width: 100%;
    min-height: 85vh;
}

#view>.page-container:nth-child(1) {
    margin-top: 5.25em;
}

.view-container.ng-enter {
    opacity: 0;
    transition: all ease .5s .5s;
    z-index: 1;
}

.view-container.ng-enter.ng-enter-active {
    opacity: 1;
    z-index: 1;
    transition: all ease .5s .5s;
}

.view-container.ng-leave {
    opacity: 1;
    z-index: 0;
    transition: none;
}

.view-container.ng-leave.ng-leave-active {
    opacity: 0;
    z-index: 0;
    transition: none;
}

.page-container {
    display: inline-block;
    margin: 0;
    position: relative;
    font-size: 1.25em;
    width: 100%;
    margin-top: -1px;
    overflow: hidden;
}

.page-container .lo-container {
    margin-top: 3em;
    margin-bottom: 3em;
}

@media screen and (min-width:80em) {
    .page-container .lo-container {
        max-width: 90%;
    }
}

@media screen and (max-width:35.5em) {
    .page-container .lo-container {
        width: 93%;
        margin-left: 3.5%;
        margin-right: 3.5%;
    }
}

.page-intro {
    font-size: 1.15em;
    margin: 1em 0 1.5em;
}

.intro-text {
    padding: 1.5em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
}

.intro-text.full-width {
    margin: 1em 1.5em;
    width: calc(100% - 3em);
}

.intro-text h1 {
    font-size: 3em;
    margin: .25em 0;
    line-height: 1.25;
}

.intro-text p {
    font-size: 1.25em;
    padding: .75em 0;
}

.section-bottom {
    margin-top: -.33em;
    margin-bottom: 1em;
}

.section-bottom .header-tag {
    font-size: 2.25em;
    line-height: 1.5;
    padding: 2em 1.5em;
    margin-bottom: 0;
    width: calc(100% - 3em);
}

@media screen and (max-width:64em) {
    .section-bottom .header-tag {
        font-size: 2.25em;
        padding: 1.75em 1em;
        width: calc(100% - 2em);
    }
}

@media screen and (max-width:48em) {
    .section-bottom .header-tag {
        font-size: 2em;
        padding: 1.75em .75em;
        width: calc(100% - 1.5em);
    }
}

@media screen and (max-width:35.5em) {
    .section-bottom .header-tag {
        font-size: 1.5em;
        padding: 1.67em .5em;
        width: calc(100% - 1em);
    }
}

.content-wrap.title {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 3em;
    padding-bottom: 3em;
}

.content-wrap.title h2,
.content-wrap.title h3 {
    padding: 0 2rem 1rem;
}

.section-bottom .content-wrap {
    margin: .5em 0;
}

.callout-bottom.content-wrap {
    margin-bottom: 3em;
}

.section-bottom .content-img img {
    width: 80%;
    margin-left: 10%;
}

.section-bottom .content-text h4 {
    font-size: 2em;
}

.section-bottom .content-text li {
    margin: .75em .25em;
    font-size: .925em;
}

.section-bottom .content-text li strong {
    color: #fc4c02;
}

.section-bottom .content-text p {
    font-size: .85em;
    margin: 1.25em 0;
}

.section-bottom .content-text .larger-text {
    font-size: 1.25em;
}

.section-bottom .content-text button {
    margin: 1em 0;
    font-size: .85em;
}

.page-content {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 2;
}

.page-content.accordion {
    font-size: .75em;
}

.page-content.accordion:nth-child(odd) {
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08) inset, 0 1px 1px rgba(0, 0, 0, .08);
}

.page-content.accordion.expanded {
    font-size: 1em;
}

.page-content.accordion.expanded .lo-container {
    margin-bottom: 3em;
}

.page-content.accordion.expanded .content-row {
    max-height: 100em;
    font-size: 1em;
    opacity: 1;
}

.page-content.accordion.expanded h2 {
    margin-bottom: 1.5em;
}

.page-content.accordion.expanded h2:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.page-content.accordion h2 {
    position: relative;
    padding: 1.33em 0 1.33em .67em;
    transition: color ease .25s;
    margin: 0;
    outline: 0;
    font-size: 2.5em;
}

.page-content.accordion h2:before {
    font-family: lo-icons;
    content: "";
    position: absolute;
    left: -.25em;
    top: 2.33em;
    font-size: .67em;
    transition: -webkit-transform ease .5s;
    transition: transform ease .5s;
}

.page-content.accordion h2:hover {
    color: #147EC5;
    cursor: pointer;
}

.page-content.accordion .lo-container {
    margin-top: 0;
    margin-bottom: 0;
}

.page-content.accordion .content-row {
    max-height: 0;
    opacity: 0;
    font-size: 0;
    overflow: hidden;
    display: block;
    transition: all ease .25s;
}

.content-white-bg {
    background: rgba(255, 255, 255, .85);
}

.header-tag {
    text-align: center;
    color: #fff;
    padding: 2em 1em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1em;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.33;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15) inset, 0 -4px 8px rgba(0, 0, 0, .15) inset;
    width: calc(100% - 2em);
}

.tag-green h2 {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.header-tag.tag-white {
    background: #fff;
}

.header-tag.tag-green {
    background-color: #68ae3e;
    background-image: url(../images/bg-paint-2.png);
    background-size: cover;
}

.header-tag.tag-green.alt2 {
    background-image: url(../images/bg-paint-3.png);
}

.header-tag.tag-green.alt3 {
    background-image: url(../images/bg-paint-1.png);
}

.header-tag.tag-blue {
    background: url(../images/bg-tag-blue.png) #147EC5;
}

.header-tag.tag-yellow {
    background: url(../images/bg-tag-yellow.png) #e0004d;
}

.header-tag h3 {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    font-size: 2.25em;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
}

.header-tag .lo-btn {
    margin: 2.25em auto .5em;
    display: block;
    float: none;
    font-size: .5em;
}

#lo-footer-NOT {
    position: relative;
    top: -.33em;
}

#lo-footer:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: #fff;
    top: 1em;
}

#lo-footer .skew-right {
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15) inset;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width:64em) {
    #lo-footer .skew-right {
        font-size: .925em;
    }
}

@media screen and (max-width:35.5em) {
    #lo-footer .skew-right {
        font-size: .85em;
    }
}

#lo-footer .footer-left {
    display: inline-block;
    padding: 1.75em 2em 0 2em;
    width: calc(100% - 9.25em - 2px);
}

@media screen and (max-width:48em) {
    #lo-footer .footer-left {
        width: calc(100% - 4em);
        text-align: center;
        padding: 1.75em 1em .5;
    }
}

#lo-footer .footer-left>img {
    float: left;
    height: 2.5em;
    margin: .5em 1.25em 0 0;
}

@media screen and (max-width:48em) {
    #lo-footer .footer-left>img {
        display: none;
    }
}

#lo-footer .footer-left .footer-links {
    margin: .5em 0;
    display: block;
    font-size: .85em;
}

#lo-footer .footer-left .footer-links>a {
    margin-right: .5em;
    padding-right: 1em;
    border-right: 1px dotted #9eda41;
    line-height: 1;
}

#lo-footer .footer-left .footer-links>a:last-child {
    border: 0;
}

#lo-footer .footer-left .footer-copy {
    margin: 1.5em 0;
    display: block;
    font-size: .85em;
}

#lo-footer .footer-left .footer-copy>img {
    height: 1.33em;
    display: inline-block;
    margin: 0 .5em 1em 0;
}

#lo-footer .footer-right {
    display: inline-block;
    padding-top: 1.75em;
    width: 5em;
    vertical-align: top;
}

@media screen and (max-width:48em) {
    #lo-footer .footer-right {
        width: 100%;
        text-align: center;
        padding: .75em 0 0;
    }
}

#lo-footer .footer-right>a {
    margin-left: .67em;
    font-size: 2.25em;
}

.callout-bottom {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.callout-bottom .anti-skew {
    padding: 3.33em 5.5em 5.75em;
}

@media screen and (max-width:64em) {
    .callout-bottom .anti-skew {
        padding: 3em 5.5em 5.25em;
    }
}

@media screen and (max-width:48em) {
    .callout-bottom .anti-skew {
        padding: 2.75em 4.25em 4.75em;
    }
}

@media screen and (max-width:35.5em) {
    .callout-bottom .anti-skew {
        padding: 2.5em 3.33em 4em;
    }
}

.callout-bottom .larger-text {
    line-height: 1.33;
}

.callout-bottom .lo-btn {
    margin-top: 1.5em;
}

ol.content-white-bg {
    padding: 1em;
    margin: 0;
}

ol.content-white-bg li {
    counter-increment: step-counter;
    min-height: 1.5em;
    position: relative;
    padding-left: 3.33em;
    list-style-type: none;
    margin: 0 0 1em;
}

ol.content-white-bg li:before {
    content: counter(step-counter);
    font-size: 1.15em;
    background: #147EC5;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    height: 1.75em;
    width: 1.75em;
    top: -.33em;
    text-align: center;
    line-height: 1.75em;
}

.color-primary {
    background: #65ad3d;
}

.color-primary-light {
    background: #9eda41;
}

.color-primary-dark {
    background: #68971e;
}

.color-secondary {
    background: #147EC5;
}

.color-tertiary {
    background: #e0004d;
}

.color-quaternary {
    background: #fc4c02;
}

.color-accent {
    background: #ffc72c;
}

.color-body-text {
    background: #444;
}

.color-dark {
    background: #111;
}

.color-white {
    background: #fff;
}

.color-light {
    background: #efefef;
}

.color-lighter {
    background: #f0f0f0;
}

.color-lightest {
    background: #f9f9f9;
}

.large-text {
    display: inline-block;
    font-size: 1.15em;
    font-weight: 300;
    line-height: 1.25;
}

.larger-text {
    display: block;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.15;
}

.green-text {
    color: #65ad3d;
}

.yellow-text {
    color: #ffc72c;
}

.skew-left,
.skew-right {
    position: relative;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-backface-visibility: hidden;
}

.skew-right {
    transform: skew(0, -1.15deg);
    -webkit-transform: skew(0, -1.15deg) translate3d(0, 0, 0) perspective(1px);
}

.skew-right .anti-skew {
    transform: skew(0, 1.15deg);
    -webkit-transform: skew(0, 1.15deg);
}

.skew-left {
    transform: skew(0, 1.15deg);
    -webkit-transform: skew(0, 1.15deg) translate3d(0, 0, 0) perspective(1px);
}

.skew-left .anti-skew {
    transform: skew(0, -1.15deg);
    -webkit-transform: skew(0, -1.15deg);
}

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

.point-down {
    background: rgba(255, 255, 255, .9);
    border-radius: 50%;
    padding: .33em;
    font-size: 1em;
    position: absolute;
    height: 1em;
    width: 1em;
    left: 0;
    right: 0;
    margin: auto;
    color: #68971e;
    bottom: -2.5em;
    line-height: 1.15;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
    transition: background ease .5s;
}

.point-down:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .33);
    opacity: 0;
    transition: opacity ease .5s;
}

.point-down:hover {
    cursor: pointer;
    background: #fff;
}

.point-down:hover:before {
    opacity: 1;
}

.img-circle {
    position: relative;
}

.img-circle:before {
    content: "";
    position: absolute;
    width: 15em;
    height: 15em;
    background: rgba(133, 194, 38, .75);
    border-radius: 50%;
    z-index: -1;
    left: -.75em;
    top: .15em;
}

.section-bg-wrap {
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    z-index: 1;
    margin-bottom: -.25em;
}

.section-bg-wrap .anti-skew {
    padding: 2em 3em;
    display: inline-block;
    width: calc(100% - 6em);
}

@media screen and (max-width:64em) {
    .section-bg-wrap .anti-skew {
        padding: 1.75em 2.5em;
        width: calc(100% - 5em);
    }
}

@media screen and (max-width:48em) {
    .section-bg-wrap .anti-skew {
        padding: 1.5em;
        width: calc(100% - 3em);
    }
}

@media screen and (max-width:35.5em) {
    .section-bg-wrap .anti-skew {
        padding: 1em 0;
        width: 100%;
    }
}

.section-bg-wrap .anti-skew h1 {
    font-size: 2.33em;
}

.section-bg-wrap .anti-skew p {
    font-size: 1.15em;
}

.section-bg-wrap .anti-skew button {
    font-size: .85em;
}

.section-bg {
    position: absolute;
    height: calc(100% + 1px);
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.section-bg>img {
    position: absolute;
    min-width: 100%;
    max-width: 100%;
    min-height: calc(100% + 3em);
    top: -1.5em;
    left: 0;
    opacity: .25;
    margin: 0;
}

@media screen and (max-width:64em) {
    .section-bg>img {
        max-width: 125%;
        left: -25%;
    }
}

@media screen and (max-width:48em) {
    .section-bg>img {
        opacity: .25 !important;
    }
}

.section-trans {
    background: 0 0;
}

.section-trans .anti-skew {
    padding: 2em 3em 3em;
}

.section-dark h1,
.section-dark h2,
.section-dark h3 {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .33);
}

.section-dark p {
    color: #fff;
}

.section-white {
    background: #fff;
}

.section-white h1,
.section-white h2,
.section-white h3 {
    text-shadow: 0 1px 0 #fff;
}

.section-white p {
    color: #444;
}

.content-wrap {
    display: inline-block;
    padding: 2em 3em;
    width: calc(100% - 6em);
}

@media screen and (max-width:64em) {
    .content-wrap {
        padding: 1.75em 2.5em;
        width: calc(100% - 5em);
    }
}

@media screen and (max-width:48em) {
    .content-wrap {
        padding: 1.5em 2em;
        width: calc(100% - 4em);
    }
}

@media screen and (max-width:35.5em) {
    .content-wrap {
        padding: 1em;
        width: calc(100% - 2em);
    }
}

.content-wrap.section-dark,
.content-wrap.section-white {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
}

.content-img {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

@media screen and (max-width:48em) {
    .content-img {
        display: none;
    }
}

.content-img img {
    width: 100%;
    height: auto;
}

.content-text {
    display: inline-block;
    width: calc(69% - 3em);
    padding: .5em 0 .5em 3em;
    vertical-align: top;
}

@media screen and (max-width:48em) {
    .content-text {
        padding: .5em;
        width: calc(100% - 1em);
    }
}

.content-text.content-secondary a,
.content-text.content-secondary h1,
.content-text.content-secondary h2,
.content-text.content-secondary h3,
.content-text.content-secondary h4,
.content-text.content-secondary h5 {
    color: #147EC5;
}

.content-text.content-tertiary a,
.content-text.content-tertiary h1,
.content-text.content-tertiary h2,
.content-text.content-tertiary h3,
.content-text.content-tertiary h4,
.content-text.content-tertiary h5 {
    color: #e0004d;
}

.content-text.content-quaternary a,
.content-text.content-quaternary h1,
.content-text.content-quaternary h2,
.content-text.content-quaternary h3,
.content-text.content-quaternary h4,
.content-text.content-quaternary h5 {
    color: #fc4c02;
}

.content-text.content-accent a,
.content-text.content-accent h1,
.content-text.content-accent h2,
.content-text.content-accent h3,
.content-text.content-accent h4,
.content-text.content-accent h5 {
    color: #ffc72c;
}

.content-text p {
    font-size: .85em;
}

.lo-btn.lo-btn-primary {
    color: #fff;
}

.lo-btn.lo-btn-primary.lo-btn-outline {
    color: #65ad3d;
}

.lo-btn.lo-btn-outline {
    text-shadow: 0 1px 0 #fff;
}

.lo-btn.lo-btn-secondary-light {
    background: #52afed;
    color: #222;
    text-shadow: none;
}

.lo-btn.lo-btn-secondary-light:focus,
.lo-btn.lo-btn-secondary-light:hover {
    background: #239ae9;
}

.lo-btn.lo-btn-secondary-light:active {
    background: #2d9eea;
}

.lo-btn.lo-btn-secondary-light.lo-btn-outline {
    background: 0 0;
    border-color: #00a9e0;
    color: #00a9e0;
}

.lo-btn.lo-btn-secondary-light.lo-btn-outline:focus,
.lo-btn.lo-btn-secondary-light.lo-btn-outline:hover {
    background: #b3dcf7;
}

.lo-btn.lo-btn-secondary-light.lo-btn-outline:active {
    background: #97cff4;
}

#DEBUG {
    display: none;
}