#ng-app[ng-app="wkarApp"]{
	display: flex;
	max-width: 1440px;
	clear: both;
	margin: 0 auto;
}

@media screen and (max-width: 1440px){

	#ng-app[ng-app="wkarApp"]{
	display: flex;
	max-width: 98%;
	clear: both;
	margin: 0 auto;
	}

	_:-ms-fullscreen, :root #ng-app[ng-app="wkarApp"].msie11 {
		max-width: 1024px;
	}

}

@media screen and (max-width: 1023px) {
	#ng-app[ng-app="wkarApp"]{
		display: none;
	}
}

div[ng-controller="FiltersCtrl"]{
	width: 20%;
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal,
[data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-align: left
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.remodal-overlay {
    background: rgba(43, 46, 56, .9)
}

.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
    animation-duration: .3s;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    animation-name: c
}

.remodal-overlay.remodal-is-closing {
    animation-name: d
}

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    transform: translateZ(0);
    color: #2b2e38;
    background: #fff
}

.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
    animation-duration: .3s;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    animation-name: a
}

.remodal.remodal-is-closing {
    animation-name: b
}

.remodal,
.remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent
}

.remodal-close:focus,
.remodal-close:hover {
    color: #2b2e38
}

.remodal-close:before {
    font-family: Arial, Helvetica CY, Nimbus Sans L, sans-serif!important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center
}

.remodal-cancel,
.remodal-confirm {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:focus,
.remodal-confirm:hover {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:focus,
.remodal-cancel:hover {
    background: #ef5350
}

.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner,
.remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}

@keyframes a {
    0% {
        transform: scale(1.05);
        opacity: 0
    }
    to {
        transform: none;
        opacity: 1
    }
}

@keyframes b {
    0% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(.95);
        opacity: 0
    }
}

@keyframes c {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes d {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (min-width:641px) {
    .remodal {
        max-width: 700px
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

#flotTip {
    padding: .1em .6em;
    font-size: 1em;
    border: 2px solid #fff;
    color: #fff;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .2);
    z-index: 999;
}

.learnalytics * {
    box-sizing: border-box
}

.learnalytics .charts-wrapper {
    float: left;
    width: 100%;
    margin: 0 0 1em
}

.learnalytics .charts-wrapper table {
    width: auto;
    margin: 0;
    font-size: .9em;
    border: none!important
}

.learnalytics .charts-wrapper table td,
.learnalytics .charts-wrapper table th {
    padding: 0;
    font-size: .9em;
    border: none!important
}

.learnalytics .charts-wrapper table td.legendColorBox>div,
.learnalytics .charts-wrapper table th.legendColorBox>div {
    background-color: #404040
}

.learnalytics .charts-wrapper aside {
    margin-right: 0
}

.learnalytics .charts-wrapper .tickLabels {
    font-size: .7em!important
}

.learnalytics .charts-wrapper .tip,
.learnalytics .charts-wrapper .tooltip {
    border: 2px solid #000
}

.learnalytics .charts-wrapper .onoffswitch {
    width: 285px;
    float: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.learnalytics .charts-wrapper .onoffswitch-checkbox {
    display: none
}

.learnalytics .charts-wrapper .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer
}

.learnalytics .charts-wrapper .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%
}

.learnalytics .charts-wrapper .onoffswitch-inner:after,
.learnalytics .charts-wrapper .onoffswitch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 39px;
    padding: 0;
    line-height: 39px;
    font-size: .8em;
    font-weight: 400;
    box-sizing: border-box
}

.learnalytics .charts-wrapper .onoffswitch-inner:before {
    content: "See total instructional hours saved this school year »";
    padding-left: 7px;
    color: #34ace8;
    text-align: right
}

.learnalytics .charts-wrapper .onoffswitch-inner:after {
    content: "See assessments completed »";
    padding-left: 7px;
    color: #34ace8;
    text-align: right
}

.learnalytics .charts-wrapper .onoffswitch-switch {
    display: block;
    width: 15px;
    margin: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 200px
}

.learnalytics .charts-wrapper .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.learnalytics .charts-wrapper .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}

@media screen and (max-width:768px) {
    .learnalytics .charts-wrapper .toggleMedium {
        margin-left: 35px;
        padding-top: 0;
        margin-top: 0;
        float: left
    }
    .learnalytics .charts-wrapper .onoffswitch-inner:before {
        content: "See Total Instructional Hours Saved";
        padding-left: 7px;
        padding-right: 7px;
        color: #34ace8;
        text-align: left
    }
    .learnalytics .charts-wrapper .onoffswitch-inner:after {
        content: "See Assessments Completed";
        padding-left: 7px;
        padding-right: 7px;
        color: #34ace8;
        text-align: left
    }
}

@media screen and (max-width:585px) {
    .learnalytics .charts-wrapper .toggleMedium {
        margin-left: 33px;
        padding-top: 0;
        float: left
    }
    .learnalytics .charts-wrapper .onoffswitch-inner:before {
        content: "See Total Instructional Hours Saved";
        padding-left: 7px;
        padding-right: 7px;
        color: #34ace8;
        text-align: left
    }
    .learnalytics .charts-wrapper .onoffswitch-inner:after {
        content: "See Assessments Completed";
        padding-left: 7px;
        padding-right: 7px;
        color: #34ace8;
        text-align: left
    }
}

@media screen and (max-width:550px) {
    .learnalytics .charts-wrapper .toggleSemiSmall {
        margin-left: 33px;
        padding-top: 0;
        float: left
    }
    .learnalytics .charts-wrapper .onoffswitch-inner:before {
        content: "See Total Instructional Hours Saved";
        padding-left: 7px;
        padding-right: 7px;
        color: #34ace8;
        text-align: left
    }
    .learnalytics .charts-wrapper .onoffswitch-inner:after {
        content: "See Assessments Completed";
        padding-left: 7px;
        padding-right: 7px;
        color: #34ace8;
        text-align: left
    }
}

@media screen and (max-width:420px) {
    .learnalytics .charts-wrapper .toggleSmall {
        margin-left: 25px;
        padding-top: 0;
        float: left
    }
    .learnalytics .charts-wrapper .onoffswitch-inner:before {
        content: "See Total Instructional Hours Saved";
        padding-left: 7px;
        padding-right: 7px;
        color: #34ace8;
        text-align: left
    }
    .learnalytics .charts-wrapper .onoffswitch-inner:after {
        content: "See Assessments Completed";
        padding-left: 7px;
        padding-right: 7px;
        color: #34ace8;
        text-align: left
    }
}

.learnalytics section.chart-holder {
    float: left;
    width: 100%;
    clear: both;
    *zoom: 1;
    margin-left: auto;
    margin-right: auto
}

.learnalytics section.chart-holder.expanded {
    margin-bottom: 30px
}

.learnalytics section aside {
    position: relative;
    float: right;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.learnalytics section aside:last-child {
    margin-right: 0
}

.learnalytics section article {
    position: relative;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 43%
}

.learnalytics section article:last-child {
    margin-right: 0
}

.learnalytics hr {
    border: none;
    border-bottom: 1px solid #707070
}

.learnalytics .header {
    background: url(../images/header-bg.png) no-repeat top #146e9a
}

.learnalytics .brick {
    font-size: 23.94px;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 2px;
    background: #ff8100;
    padding: 14px 40px;
    margin: 40px 0 124px
}

.learnalytics .callout {
    font-size: 95.94px;
    font-weight: 200;
    line-height: .8;
    margin-bottom: 100px
}

.learnalytics .callout strong {
    line-height: .8
}

.learnalytics .stat-title {
    font-size: 18px;
    font-weight: 600
}

.learnalytics .logo-wrap {
    margin-top: 37px
}

.learnalytics .logo-wrap span {
    font-size: 11.88px;
    font-weight: 200
}

.learnalytics .logo-wrap img {
    display: block;
    margin-top: -14px;
    width: 239px
}

.learnalytics .big-stat {
    font-size: 50px;
    font-weight: 800;
    line-height: .67;
    letter-spacing: -2px;
    color: #fff
}

.learnalytics .big-stat-subtitle {
    margin-top: 8px
}

.learnalytics .small-stat {
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
    margin: 18px 0 3px
}

.learnalytics .blue {
    color: #34ace8
}

.learnalytics .orange {
    color: #ff8100
}

.learnalytics .section-heading-wrap {
    position: relative;
    margin: 24px auto;
    padding: 0 56px 0 0;
    background-color: #404040;
    color: #fff;
    height: 100px
}

.learnalytics .section-heading-wrap .logo {
    position: relative;
    height: 100px;
    margin-left: 20px
}

.learnalytics .section-heading-wrap .heading-text,
.learnalytics .section-heading-wrap .logo img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.learnalytics .section-heading-wrap .heading-text {
    left: 375px
}

.learnalytics .section-heading-wrap .devider-line {
    position: absolute;
    top: 50%;
    left: 550px;
    right: 55px;
    height: 1px;
    border-bottom: 1px solid #707070;
    z-index: 10
}

.learnalytics .section-heading-wrap .timestamp {
    position: absolute;
    bottom: 10px;
    right: 55px;
    font-size: 12.996px;
    color: #bbb;
    text-align: right
}

.learnalytics .section-heading-wrap:after {
    content: url(../img/collapsible-icon-hover.png);
    position: absolute;
    top: 50%;
    right: 10px;
    width: 36px;
    height: 36px;
    margin-top: -18px
}

.learnalytics .section-heading-wrap.expanded:after {
    content: url(../img/collapsible-icon-close-hover.png)
}

.learnalytics .section-heading-wrap.expanded .devider-line {
    left: 400px
}

.learnalytics .section-heading-wrap.reader {

}

.learnalytics .section-heading {
    font-size: 14.994px;
    width: 390px;
    background-color: #404040;
    line-height: 1.1
}

.learnalytics .section-heading .logo img {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

.learnalytics .section-heading .heading-text {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    padding-top: 5px
}

.learnalytics .section-heading .heading-text span {
    font-size: 1.8em;
    font-weight: 700
}

.learnalytics .section-heading-wrap.expanded .heading-text {
    display: none
}

.learnalytics .graph-stats {
    margin-bottom: 40px
}

.learnalytics .graph-stats-tip {
    margin-bottom: 0;
    padding-top: 30px;
    font-size: .8em
}

.learnalytics .section-heading .subtitle {
    font-weight: 200
}

.learnalytics .quote {
    font-size: 41.94px;
    line-height: 1.04;
    font-weight: 200;
    font-style: italic
}

.learnalytics .quote i {
    margin-left: -10px
}

.learnalytics .icon-column {
    float: left
}

.learnalytics .icon-column img {
    width: 20px;
    margin-top: 0
}

.learnalytics .icon-column img.icon-mglass {
    margin-top: 5px
}

.learnalytics .text-column {
    padding-left: 40px;
    font-weight: 400
}

.learnalytics .text-column .title {
    font-size: 24px;
    margin: 2px 0 20px;
    font-weight: 200
}

.learnalytics .text-column .title span {
    font-size: 16px;
    vertical-align: 6px
}

.learnalytics .graph {
    width: 75%;
    display: block;
    max-width: 347px
}

.learnalytics .graph.wide {
    width: 100%;
    max-width: 448px
}

.learnalytics .graph-reader-stats {
    margin-top: 18px
}

.learnalytics .graph-math {
    margin-top: 12px
}

.learnalytics .pdf-text {
    font-size: 13.86px;
    line-height: 1.1;
    margin: 44px 0 80px
}

.learnalytics .assignments-scored {
    margin-top: 18px
}

.learnalytics .star-text {
    font-size: 59.94px;
    font-weight: 200;
    line-height: .87
}

.learnalytics .star-text strong {
    font-weight: 400
}

.learnalytics .star-text .big-stat {
    line-height: .87
}

.learnalytics .marginless {
    margin-top: 0
}

.learnalytics .placeholder {
    margin: 0;
    padding: 0;
    font-size: 18px
}

.learnalytics .large .placeholder {
    width: 420px;
    height: 250px
}

.learnalytics .small .placeholder {
    width: 260px;
    height: 156px
}

.learnalytics .small .placeholder.loaded {
    display: none
}

@media screen and (max-width:1239px) {
    .learnalytics .large .placeholder.loaded {
        display: none
    }
    .learnalytics .small .placeholder.loaded {
        display: block
    }
}

@media screen and (min-width:769px) and (max-width:1040px) {
    .learnalytics .callout {
        font-size: 63.96px
    }
    .learnalytics .big-stat {
        font-size: 42.6px
    }
    .learnalytics .small-stat {
        font-size: 24px
    }
    .learnalytics .quote {
        font-size: 27.96px
    }
    .learnalytics .star-text {
        font-size: 39.96px
    }
    .learnalytics .placeholder.loaded div.legend {
        /* display: none */
    }
}

@media screen and (max-width:768px) {
    .learnalytics .top-books {
        width: 100%!important;
        padding-bottom: 70%;
        clear: both
    }
    .learnalytics div.page-content {
        padding: 0 20px
    }
    .learnalytics section {
        padding: 0 0 0 20px
    }
    .learnalytics section aside {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 100%
    }
    .learnalytics section aside:last-child {
        margin-right: 0
    }
    .learnalytics section article {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 100%
    }
    .learnalytics section article:last-child {
        margin-right: 0
    }
    .learnalytics hr {
        margin-right: 20px
    }
    .learnalytics .section-heading-wrap {
        margin-top: 30px;
        padding: 0
    }
    .learnalytics .section-heading-wrap.reader {
        margin-top: 30px
    }
    .learnalytics .graph-math {
        margin-top: 0
    }
    .learnalytics aside {
        padding-left: 40px
    }
    .learnalytics .brick {
        margin-left: 40px
    }
    .learnalytics article {
        margin-top: 40px
    }
    .learnalytics article.assignments {
        margin-top: 0
    }
    .learnalytics .logo-wrap {
        margin-bottom: 44px
    }
    .learnalytics .graph-reader-stats {
        padding-right: 20px
    }
    .learnalytics .large .placeholder.loaded {
        display: block
    }
    .learnalytics .small .placeholder.loaded {
        display: none
    }
}

@media screen and (max-width:585px) {
    .learnalytics .large .placeholder.loaded {
        display: none
    }
    .learnalytics .small .placeholder.loaded {
        display: block
    }
}

@media screen and (max-width:550px) {
    .learnalytics .brick {
        margin-bottom: 60px
    }
    .learnalytics .callout {
        font-size: 55.92px;
        margin-bottom: 60px
    }
    .learnalytics .big-stat {
        font-size: 42.6px
    }
    .learnalytics .small-stat {
        font-size: 24px
    }
    .learnalytics .quote {
        font-size: 27.96px
    }
    .learnalytics .star-text {
        font-size: 39.96px
    }
}

@media screen and (max-width:420px) {
    .learnalytics section {
        padding: 0 0 0 14px
    }
    .learnalytics .section-heading-wrap {
        padding: 0 60px 0 0
    }
    .learnalytics .page-content {
        padding-top: 30px!important
    }
    .learnalytics hr {
        margin-right: 0
    }
    .learnalytics aside {
        padding-left: 30px
    }
    .learnalytics .brick {
        margin-left: 30px
    }
    .learnalytics .icon-column {
        float: left
    }
    .learnalytics .icon-column img {
        width: 20px;
        margin-top: 10px
    }
    .learnalytics .icon-column img.icon-check {
        margin-top: 2px
    }
    .learnalytics .icon-column img.icon-pdf {
        margin-top: 0
    }
    .learnalytics .icon-column img.icon-checkbox {
        margin-top: 9px
    }
    .learnalytics .text-column {
        padding-left: 30px
    }
    .learnalytics .timestamp {
        display: none
    }
    .learnalytics .pdf-text {
        font-size: 13px
    }
    .learnalytics .placeholder.loaded div.legend {
        display: none
    }
}

.learnalytics .ie8 body section article {
    width: 37%
}

.learnalytics .ie8 body .graph-stats,
.learnalytics .ie8 body .graph-stats-tip {
    display: none
}

.learnalytics .home-hero {
    position: relative;
    padding: 6em 0;
    background: url(../img/index-bg-2.jpg) 50% no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff
}

.learnalytics .home-hero a,
.learnalytics .home-hero h2 {
    color: #fff
}

.learnalytics .home-hero .content {
    position: relative;
    z-index: 12;
    width: 60%;
    margin: 0 auto
}

.learnalytics .home-hero .content a {
    position: relative;
    display: block;
    padding: 15px 150px 0;
    transition: all .3s ease
}

.learnalytics .home-hero .content a:hover {
    transform: translateY(-15px);
    text-decoration: none
}

.learnalytics .home-hero .content a:hover:after {
    transform: translateY(20px);
    opacity: 1
}

.learnalytics .home-hero .content a:after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 16px;
    height: 9px;
    margin-left: -8px;
    background: url(../img/down-arrow.svg) 0 0 no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all .3s ease
}

.learnalytics .home-hero:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background: rgba(20, 110, 154, .8)
}

@media (max-width:1240px) {
    .learnalytics .home-hero .content {
        width: 85%
    }
}

@media (max-width:768px) {
    .learnalytics .home-hero .content {
        width: 95%
    }
    .learnalytics .home-hero .content a {
        padding: 15px 40px 0
    }
}

.learnalytics .home-jump-links {
    padding: 40px 0;
    background-color: #404040;
    color: #fff;
    text-align: center
}

.learnalytics .home-jump-links a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 24%;
    margin: 0 1%;
    padding: 6px 0 0;
    color: #fff;
    transition: all .3s ease
}

.learnalytics .home-jump-links a:hover {
    text-decoration: none
}

.learnalytics .home-jump-links a:hover .title {
    transform: translateY(-5px);
    background-color: hsla(0, 0%, 100%, .2)
}

.learnalytics .home-jump-links a:hover .description {
    transform: translateY(-15px)
}

.learnalytics .home-jump-links a:hover:after {
    opacity: 1;
    bottom: 0
}

.learnalytics .home-jump-links a:after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 16px;
    height: 9px;
    margin-left: -8px;
    background: url(../img/down-arrow.svg) 0 0 no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all .3s ease
}

.learnalytics .home-jump-links a .title {
    padding: 6px 0;
    border: 2px solid #fff;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 1.2em;
    transition: all .3s ease
}

.learnalytics .home-jump-links a .title strong {
    font-weight: 800
}

.learnalytics .home-jump-links a .description {
    position: relative;
    padding: 26px 0 0;
    transition: all .3s ease
}

.learnalytics .home-jump-links a .description p {
    color: #fff
}

@media (max-width:768px) {
    .learnalytics .home-jump-links a {
        display: block;
        width: 95%;
        margin: 0 auto 40px
    }
}

.learnalytics [class*=" icon-"]:before,
.learnalytics [class^=icon-]:before {
    font-family: learnalytics;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.learnalytics .icon-navicon:before {
    content: "\f0c9"
}

.learnalytics .icon-angle-left:before {
    content: "\f104"
}

.learnalytics .icon-angle-right:before {
    content: "\f105"
}

.learnalytics .icon-angle-up:before {
    content: "\f106"
}

.learnalytics .icon-angle-down:before {
    content: "\f107"
}

.learnalytics .icon-light-bulb:before {
    content: "\e601"
}

.learnalytics .icon-question:before {
    content: "\e603"
}

.learnalytics .icon-graduation:before {
    content: "\e600"
}

.learnalytics .icon-multiply:before {
    content: "\e604"
}

.learnalytics .icon-arrow-down:before {
    content: "\e602"
}

.learnalytics .question-answer {
    padding: 50px 0
}

.learnalytics .qa-container {
    position: relative;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    min-width: 18.25em;
    padding: 0 40px
}

.learnalytics .problem-title {
    text-align: center
}

.learnalytics .problem-avatar {
    float: left;
    display: block;
    width: 19.0796%
}

.learnalytics .problem-avatar:last-child {
    width: 17.32172%
}

.learnalytics .problem-avatar__inner {
    box-sizing: content-box;
    border-radius: 200px
}

.learnalytics .avatar {
    box-sizing: content-box;
    height: 0;
    width: 100%;
    padding-bottom: 101%;
    overflow: hidden
}

.learnalytics .avatar img {
    border-radius: 200px;
    border: 2px solid #ff8100
}

.learnalytics .problem-info {
    float: left;
    display: block;
    margin-right: 1.75788%;
    width: 80.9204%;
    padding-top: 7.4%
}

.learnalytics .problem-info:last-child {
    margin-right: 0
}

@media screen and (max-width:1000px) {
    .learnalytics .problem-info {
        padding-top: 6.8%
    }
}

@media screen and (max-width:768px) {
    .learnalytics .problem-info {
        padding-top: 6.6%
    }
}

@media screen and (max-width:639px) {
    .learnalytics .problem-info {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        padding-top: 40px
    }
    .learnalytics .problem-info:last-child {
        margin-right: 0
    }
}

.learnalytics .problem-answer,
.learnalytics .problem-question {
    position: relative;
    display: block
}

.learnalytics .problem-answer:after,
.learnalytics .problem-question:after {
    content: "";
    display: table;
    clear: both
}

.learnalytics .problem-question {
    padding-bottom: 1.5em
}

.learnalytics .problem-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15.71882%;
    font-size: 1.25em;
    text-align: center;
    color: #999
}

.learnalytics .problem-icon:after,
.learnalytics .problem-icon:before {
    content: " ";
    position: absolute;
    z-index: 0
}

.learnalytics .problem-icon:after {
    top: 20px;
    bottom: 0;
    left: 50%;
    border-right: 2px solid
}

@media screen and (max-width:639px) {
    .learnalytics .problem-icon {
        width: 19.0796%;
        font-size: 1em
    }
}

.learnalytics .problem-icon--question {
    color: #ff8100
}

.learnalytics .problem-icon--question:before {
    top: 19px;
    left: 4px;
    right: 50%;
    border-top: 2px solid #ff8100
}

@media screen and (max-width:639px) {
    .learnalytics .problem-icon--question:before {
        top: auto;
        bottom: 100%;
        left: 50%;
        right: auto;
        height: 37px;
        border-top-width: 0;
        border-right: 2px solid
    }
}

.learnalytics .problem-icon--answer {
    color: #5094de
}

.learnalytics .problem-icon__inner {
    position: relative;
    display: inline-block;
    left: 1px;
    z-index: 2
}

.learnalytics .problem-icon__wrap {
    display: table;
    background-color: #999;
    color: #fff;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    padding-top: 2px;
    border: 2px solid #fff
}

.learnalytics .problem-icon__wrap>div {
    display: table-cell;
    vertical-align: middle
}

.learnalytics .problem-icon--question .problem-icon__wrap {
    background-color: #ff8100
}

.learnalytics .problem-icon--answer .problem-icon__wrap {
    background-color: #5094de
}

@media screen and (max-width:639px) {
    .learnalytics .problem-icon__wrap {
        height: 30px;
        width: 30px
    }
}

.learnalytics .problem-text {
    position: relative;
    float: left;
    display: block;
    margin-right: 2.17235%;
    width: 84.28118%;
    margin-left: 15.71882%;
    padding-left: 14px;
    border-left: 3px solid #ddd
}

.learnalytics .problem-text:last-child {
    margin-right: 0
}

.learnalytics .problem-text:before {
    position: absolute;
    top: 10px;
    right: 100%;
    content: " ";
    height: 0;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ddd
}

@media screen and (max-width:639px) {
    .learnalytics .problem-text {
        float: left;
        display: block;
        margin-right: 1.75788%;
        width: 80.9204%;
        margin-left: 19.0796%;
        padding-left: 7px;
        border-left-width: 2px
    }
    .learnalytics .problem-text:last-child {
        margin-right: 0
    }
    .learnalytics .problem-text:before {
        top: 7.5px;
        height: 0;
        width: 0;
        border-top: 7.5px solid transparent;
        border-bottom: 7.5px solid transparent;
        border-right: 7.5px solid #ddd
    }
}

.learnalytics .problem-line {
    height: 6em;
    color: #5094de
}

.learnalytics .problem-line:after {
    content: "";
    display: table;
    clear: both
}

.learnalytics .problem-line__left {
    position: relative;
    float: left;
    display: block;
    width: 15.71882%;
    height: 100%
}

.learnalytics .problem-line__left:last-child {
    width: 13.54647%
}

.learnalytics .problem-line__left:after,
.learnalytics .problem-line__left:before {
    content: " ";
    position: absolute
}

.learnalytics .problem-line__left:before {
    top: 0;
    left: 50%;
    bottom: 48%;
    right: 0;
    border-left: 2px solid
}

.learnalytics .problem-line__left:after {
    top: 0;
    left: 50%;
    bottom: 48%;
    right: 0;
    border-bottom: 2px solid
}

@media screen and (max-width:639px) {
    .learnalytics .problem-line__left {
        float: left;
        display: block;
        width: 19.0796%
    }
    .learnalytics .problem-line__left:last-child {
        width: 17.32172%
    }
}

.learnalytics .problem-line__right {
    position: relative;
    float: left;
    display: block;
    margin-right: 2.17235%;
    width: 44.98412%;
    height: 100%
}

.learnalytics .problem-line__right:last-child {
    margin-right: 0
}

.learnalytics .problem-line__right:after,
.learnalytics .problem-line__right:before {
    content: " ";
    position: absolute;
    z-index: 10
}

.learnalytics .problem-line__right:before {
    top: 50%;
    left: 50%;
    bottom: -22px;
    right: 0;
    border-left: 2px solid
}

.learnalytics .problem-line__right:after {
    top: 0;
    left: 0;
    bottom: 48%;
    right: 50%;
    border-bottom: 2px solid
}

@media screen and (max-width:639px) {
    .learnalytics .problem-line__right {
        float: left;
        display: block;
        margin-right: 1.75788%;
        width: 61.8408%
    }
    .learnalytics .problem-line__right:last-child {
        margin-right: 0
    }
    .learnalytics .problem-line__right:before {
        bottom: -11px
    }
}

.learnalytics .color-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10
}

.learnalytics .color-bg__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/index-bg-2-blurred.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.learnalytics .color-bg__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(20, 110, 154, .75)
}

.learnalytics .home-feature {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.learnalytics .home-feature h4 {
    color: #fff
}

.learnalytics .home-feature__inner {
    position: relative;
    background-color: rgba(20, 110, 154, .8);
    padding-bottom: 0
}

.learnalytics .home-feature__inner:after,
.learnalytics .home-feature__inner:before {
    content: " ";
    z-index: 1;
    position: absolute
}

.learnalytics .home-feature__inner:before {
    top: 0;
    left: 50%;
    margin-left: -64px;
    height: 0;
    width: 0;
    border-left: 64px solid transparent;
    border-right: 64px solid transparent;
    border-top: 32px solid #fcfcfc
}

@media screen and (max-width:479px) {
    .learnalytics .home-feature__inner:before {
        margin-left: -44px;
        height: 0;
        width: 0;
        border-left: 44px solid transparent;
        border-right: 44px solid transparent;
        border-top: 22px solid #fff
    }
}

.learnalytics .feature-title {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-top: 3.75em;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.learnalytics .feature-title:last-child {
    margin-right: 0
}

.learnalytics .feature-title h4 {
    font-weight: 600;
    letter-spacing: 1px
}

@media screen and (max-width:639px) {
    .learnalytics .feature-title {
        font-size: .8em;
        margin-top: 3em
    }
}

.learnalytics .feature-button {
    float: left;
    display: block;
    width: 100%;
    margin: 3em 0;
    text-align: center
}

.learnalytics .feature-button:last-child {
    margin-right: 0
}

.learnalytics .feature-demo--canvas~.feature-button {
    margin: 1.5em 0 5.25em
}

@media screen and (max-width:639px) {
    .learnalytics .feature-button {
        margin: 1.5em 0
    }
    .learnalytics .feature-demo--canvas~.feature-button {
        margin: .75em 0 3.75em
    }
}

.learnalytics .feature-text-block {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-top: 2.25em;
    margin-bottom: 2.25em;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: .5em
}

.learnalytics .feature-text-block p {
    color: #fff
}

.learnalytics .feature-text-block:last-child {
    margin-right: 0
}

.learnalytics .feature-text-block+.feature-button {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-left: 8.5298%
}

.learnalytics .feature-text-block+.feature-button:last-child {
    margin-right: 0
}

.learnalytics .feature-text-block+.feature-button a {
    white-space: normal
}

@media screen and (max-width:768px) {
    .learnalytics .feature-text-block+.feature-button {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }
    .learnalytics .feature-text-block+.feature-button:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .learnalytics .feature-text-block {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-left: 0
    }
    .learnalytics .feature-text-block:last-child {
        margin-right: 0
    }
}

.learnalytics .feature-info__bottom {
    float: left;
    display: block;
    width: 88.53684%;
    margin: 20px 0;
    padding-left: 20px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.learnalytics .feature-info__bottom:last-child {
    margin-right: 0
}

.learnalytics .no-touch .feature-info__bottom {
    opacity: 0
}

.learnalytics .touch .feature-info__bottom {
    padding-left: 0
}

@media screen and (max-width:1000px) {
    .learnalytics .feature-info__bottom {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .learnalytics .feature-info__bottom:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .learnalytics .feature-info__bottom {
        padding-left: 0;
        font-size: .86957em
    }
}

.learnalytics .home-feature-demo {
    position: relative;
    width: 100%;
    padding-top: 3em
}

@media screen and (max-width:639px) {
    .learnalytics .home-feature-demo {
        padding-top: 1.5em
    }
}

.learnalytics .feature-demo--device {
    position: relative;
    width: 100%
}

.learnalytics .no-touch .feature-demo--device {
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:639px) {
    .learnalytics .feature-demo--device {
        margin: 0 auto;
        width: 32em;
        max-width: 100%
    }
}

@media screen and (max-width:335px) {
    .learnalytics .feature-demo--device {
        max-width: 92.5%
    }
}

.learnalytics .feature-device {
    padding: 40px 10px 10px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2)
}

@media screen and (max-width:1000px) {
    .learnalytics .feature-device {
        padding: 10px 80px;
        background-color: #333;
        border-radius: 20px
    }
}

@media screen and (max-width:639px) {
    .learnalytics .feature-device {
        padding: 6px 48px;
        background-color: #333;
        border-radius: 20px
    }
}

.learnalytics .feature-demo--canvas {
    position: relative;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 20px
}

.learnalytics .feature-demo--canvas:last-child {
    margin-right: 0
}

.learnalytics .sea-of-books {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    overflow: hidden;
    z-index: 10
}

.learnalytics .sea-of-books img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:479px) {
    .learnalytics .sea-of-books {
        height: 30px
    }
    .learnalytics .sea-of-books img {
        width: 812px;
        margin-left: -406px
    }
}

.learnalytics .wkar-book {
    position: relative;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    z-index: 1
}

.learnalytics .wkar-book:last-child {
    margin-right: 0
}

.learnalytics .no-touch .wkar-book {
    visibility: hidden
}

@media screen and (max-width:479px) {
    .learnalytics .wkar-book {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-bottom: 2.35765%
    }
    .learnalytics .wkar-book:last-child,
    .learnalytics .wkar-book:nth-child(2) {
        margin-right: 0
    }
    .learnalytics .wkar-book:nth-child(2+1) {
        clear: left
    }
}

.learnalytics .wkar-book__inner {
    z-index: 2;
    background-color: #fff;
    border: 4px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    padding-bottom: 140%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.learnalytics .wkar-book__inner:after,
.learnalytics .wkar-book__inner:before {
    display: block;
    content: " ";
    z-index: -1;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2)
}

.learnalytics .wkar-book__inner:before {
    position: absolute;
    top: -8px;
    right: 6px;
    bottom: 8px;
    left: 6px;
    background-color: #ccc
}

.learnalytics .wkar-book__inner:after {
    position: absolute;
    top: -4px;
    right: 3px;
    bottom: 4px;
    left: 3px;
    background-color: #e5e5e5
}

.learnalytics .book-1 .wkar-book__inner:before {
    left: 16px;
    right: -6px
}

.learnalytics .book-1 .wkar-book__inner:after {
    left: 8px;
    right: -3px
}

.learnalytics .book-2 .wkar-book__inner:after {
    left: 4px;
    right: 1px
}

.learnalytics .book-2 .wkar-book__inner:before {
    left: 8px;
    right: 2px
}

.learnalytics .book-3 .wkar-book__inner:after {
    left: 1px;
    right: 4px
}

.learnalytics .book-3 .wkar-book__inner:before {
    left: 2px;
    right: 8px
}

.learnalytics .book-4 .wkar-book__inner:before {
    left: -6px;
    right: 16px
}

.learnalytics .book-4 .wkar-book__inner:after {
    left: -3px;
    right: 8px
}

@media screen and (max-width:479px) {
    .learnalytics .wkar-book__inner:after,
    .learnalytics .wkar-book__inner:before {
        display: none
    }
}

.learnalytics::-webkit-media-controls {
    min-width: 0
}

.learnalytics .device__ui {
    position: absolute;
    top: 5px;
    left: 5px
}

.learnalytics .device__ui:after {
    content: "";
    display: table;
    clear: both
}

.learnalytics .device__ui .ui__circle {
    float: left;
    margin: 10px 0 0 10px;
    height: 10px;
    width: 10px;
    border-radius: 100px;
    background-color: #999
}

@media screen and (max-width:1000px) {
    .learnalytics .device__ui {
        position: static
    }
    .learnalytics .device__ui .ui__circle {
        position: absolute;
        background-color: #000
    }
    .learnalytics .device__ui .ui__circle.circle-1 {
        height: 10px;
        width: 10px;
        left: 25px;
        top: 50%;
        margin-top: -5px
    }
    .learnalytics .device__ui .ui__circle.circle-2 {
        height: 40px;
        width: 40px;
        right: 20px;
        top: 50%;
        margin-top: -20px
    }
    .learnalytics .device__ui .ui__circle.circle-3 {
        height: 20px;
        width: 20px;
        right: 30px;
        top: 50%;
        margin-top: -10px;
        background-color: transparent;
        border: 2px solid #333;
        border-radius: 4px
    }
}

@media screen and (max-width:639px) {
    .learnalytics .device__ui {
        position: static
    }
    .learnalytics .device__ui .ui__circle.circle-1 {
        height: 6px;
        width: 6px;
        left: 11px;
        top: 50%;
        margin-top: -3px
    }
    .learnalytics .device__ui .ui__circle.circle-2 {
        height: 24px;
        width: 24px;
        right: 12px;
        top: 50%;
        margin-top: -12px
    }
    .learnalytics .device__ui .ui__circle.circle-3 {
        height: 12px;
        width: 12px;
        right: 17.75px;
        top: 50%;
        margin-top: -6px;
        border-radius: 3px;
        border-width: 1px
    }
}

.learnalytics .device__viewport {
    position: relative;
    padding-bottom: 55.9%;
    background-color: #fff
}

.learnalytics .device__viewport img,
.learnalytics .device__viewport video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.learnalytics .device__viewport video {
    height: 100%;
    background-size: cover
}

.learnalytics .container {
    position: relative;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    min-width: 18.25em;
    padding: 0 40px
}

.learnalytics .container:after {
    content: "";
    display: table;
    clear: both
}

.learnalytics .bg-opacity {
    opacity: .2
}

.learnalytics .container.device-container {
    max-width: 70%
}

@media (max-width:1240px) {
    .learnalytics .container.device-container {
        max-width: 80%
    }
}

.learnalytics .home-feature {
    width: 100%
}

.learnalytics .btn,
.learnalytics input[type=submit] {
    -webkit-font-smoothing: antialiased;
    border-radius: 2px;
    border: none;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    background-clip: padding-box;
    background-color: #5094de;
    color: #fff;
    font-size: 1em;
    padding: 8px 18px 10px
}

.learnalytics .btn.btn-white,
.learnalytics input[type=submit].btn-white {
    background: transparent;
    border: 2px solid #fff
}

.learnalytics .btn:hover,
.learnalytics input[type=submit]:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.learnalytics .wkar-content {
    /*! Light tooltip style */
    /*! Dark tooltip style */
    /*! Cream tooltip style */
    /*! Red tooltip style */
    /*! Green tooltip style */
    /*! Blue tooltip style */
}

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

.learnalytics .wkar-content article,
.learnalytics .wkar-content aside,
.learnalytics .wkar-content details,
.learnalytics .wkar-content figcaption,
.learnalytics .wkar-content figure,
.learnalytics .wkar-content footer,
.learnalytics .wkar-content header,
.learnalytics .wkar-content hgroup,
.learnalytics .wkar-content menu,
.learnalytics .wkar-content nav,
.learnalytics .wkar-content section {
    display: block
}

.learnalytics .wkar-content body {
    line-height: 1
}

.learnalytics .wkar-content ol,
.learnalytics .wkar-content ul {
    list-style: none
}

.learnalytics .wkar-content blockquote,
.learnalytics .wkar-content q {
    quotes: none
}

.learnalytics .wkar-content blockquote:after,
.learnalytics .wkar-content blockquote:before,
.learnalytics .wkar-content q:after,
.learnalytics .wkar-content q:before {
    content: '';
    content: none
}

.learnalytics .wkar-content table {
    border-collapse: collapse;
    border-spacing: 0
}

.learnalytics .wkar-content *,
.learnalytics .wkar-content:after,
.learnalytics .wkar-content:before {
    box-sizing: border-box
}

.learnalytics .wkar-content h2 {
    font-size: 1.857em;
    font-weight: 300;
    line-height: 1.2
}

.learnalytics .wkar-content h2 em {
    font-weight: 900
}

.learnalytics .wkar-content h2 a {
    color: #34ace8
}

.learnalytics .wkar-content a {
    text-decoration: none
}

.learnalytics .wkar-content sup {
    font-size: 50%;
    vertical-align: super
}

.learnalytics .wkar-content strong {
    font-weight: 700
}

.learnalytics .wkar-content small {
    font-size: .8em
}

.learnalytics .wkar-content .right-align {
    text-align: right
}

.learnalytics .wkar-content img.align-left {
    float: left;
    margin: 0 20px 20px 0
}

.learnalytics .wkar-content img.align-right {
    float: right;
    margin: 0 0 20px 20px
}

.learnalytics .wkar-content img {
    max-width: 100%
}

.learnalytics .wkar-content .btn {
    display: inline-block;
    vertical-align: top;
    padding: 10px 13px;
    border-radius: 4px;
    background-color: #34ace8;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.learnalytics .wkar-content .btn:hover {
    text-decoration: none;
    background-color: #00a0fd
}

.learnalytics .wkar-content .btn.gray {
    background-color: #555
}

.learnalytics .wkar-content .btn.gray:hover {
    background-color: #3b3b3b
}

.learnalytics .wkar-content .btn.orange {
    background-color: #fc6b00
}

.learnalytics .wkar-content .btn.orange:hover {
    background-color: #c95500
}

.learnalytics .wkar-content .btn.gray-light {
    background-color: #969696
}

.learnalytics .wkar-content .btn.gray-light:hover {
    background-color: #7d7d7d
}

.learnalytics .wkar-content .content-holder {
    max-width: 90%;
    margin: 0 auto
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .content-holder {
        width: 100%;
        max-width: 640px
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .content-holder {
        max-width: 580px;
        width: auto;
        padding: 0 30px
    }
    .learnalytics .wkar-content .content-holder.collapsed-content {
        padding: 22px 30px!important
    }
}

.learnalytics .wkar-content header.primary {
    position: relative;
    width: 200px;
    background-color: #fff;
}

.learnalytics .wkar-content header.primary h1 {
    padding: 4px 30px;
    background-color: #555;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    letter-spacing: .1625em;
    font-weight: 600
}

.learnalytics .wkar-content header.primary h1 a {
    color: #fff
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content header.primary h1 {
        padding: 4px 16px;
        font-size: 12px
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content header.primary h1 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 32;
        padding: 4px 10px;
        font-size: 12px
    }
}

.learnalytics .wkar-content header.primary h2 {
    display: block;
    padding: 0 25px;
    background-color: #fc6b00;
    color: #fff;
    line-height: 60px
}

.learnalytics .wkar-content header.primary h2 a {
    color: #fff
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content header.primary h2 {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 4px 16px;

    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content header.primary h2 {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 4px 16px;
        text-align: center;

    }
}

.learnalytics .wkar-content header.primary .filters-bar {
    position: relative;
    padding-right: 15px;
	border-right: 1px solid #ddd;
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters {
    padding-right: 240px;
    padding-left: 330px;
    vertical-align: top
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters.expanded .launch-filters:after {
    content: url(../img/icon-filter-close.png)
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters .current-filters {
    display: inline-block;
    vertical-align: top;
    min-height: 60px
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters .current-filters .filter-label {
    display: inline-block;
    margin: 0 12px;
    font-weight: 700;
    font-size: 1.2em
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters .filter {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 26px;
    margin: 16px 0 15px 9px;
    padding: 6px 7px 6px 14px;
    background: url(../img/selected-filter-bg-tile.png) 0 repeat-x;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    line-height: 1
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters .filter:after {
    content: url(../img/selected-filter-delete-icon.png);
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    margin: 2px 0 0 12px;
    padding: 0
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters.selected-filters-mobile {
    display: none
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters {
    display: inline-block;
    margin: 10px 10px 10px 18px;
    padding: 5px 5px 5px 16px;
    border: 1px dashed #e5e5e5;
    border-radius: 3px;
    font-size: 16px;
    line-height: 26px;
    color: #333
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters.mobile {
    display: none
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters:after {
    content: url(../img/icon-filter-add.png);
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    padding: 0
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters.minimize {
    margin: 16px 15px 16px 6px;
    padding: 0;
    border: none
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters.minimize:after {
    margin-left: 0
}

.learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters.minimize span {
    display: none
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters {
        margin-left: 16px
    }
}

@media (max-width:1240px) {
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters {
        padding-left: 240px
    }
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters {
        padding-left: 0;
        padding-right: 0
    }
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters .current-filters .desktop-filter {
        display: none!important
    }
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters {
        display: none
    }
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters.mobile {
        display: inline-block
    }
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters.selected-filters-mobile {
        display: none;
        border-bottom: 1px solid #e5e5e5
    }
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters.selected-filters-mobile .filter {
        display: none;
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters {
        padding-right: 0;
        padding-left: 0
    }
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters .current-filters .desktop-filter {
        display: none!important
    }
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters {
        display: none
    }
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters .launch-filters.mobile {
        display: inline-block
    }
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters.selected-filters-mobile {
        display: block;
        border-bottom: 1px solid #e5e5e5
    }
    .learnalytics .wkar-content header.primary .filters-bar .selected-filters.selected-filters-mobile .filter {
        display: inline-block
    }
}

.learnalytics .wkar-content header.primary .filters-bar .controls {
    position: absolute;
    top: 10px;
    right: 30px
}

.learnalytics .wkar-content header.primary .filters-bar .controls a {
    display: inline-block;
    margin-left: 3px;
    padding: 10px 14px;
    border-radius: 3px;
    border: 1px solid transparent;
    font-weight: 900;
    color: #555
}

.learnalytics .wkar-content header.primary .filters-bar .controls a:hover {
    border: 1px solid #e5e5e5;
    text-decoration: none
}

.learnalytics .wkar-content header.primary .filters-bar .controls a.share:after {
    content: url(../img/header-control-icon-share.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content header.primary .filters-bar .controls a.share {
        display: none
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content header.primary .filters-bar .controls a.share {
        display: none
    }
}

.learnalytics .wkar-content header.primary .filters-bar .controls a.report:after {
    content: url(../img/header-control-icon-report.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content header.primary .filters-bar .controls a.report {
        font-size: 0
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content header.primary .filters-bar .controls {
        right: 0
    }
}

.learnalytics .wkar-content header.primary .filters-bar .filters {
    position: relative;
    margin: 0 auto;
	z-index: 2;
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content header.primary .filters-bar .filters {
        width: 100%
    }
}

.learnalytics .wkar-content header.primary .filters-bar .filters .close-filters {
    width: 660px;
    margin: 0 auto 20px;
    text-align: right
}

.learnalytics .wkar-content header.primary .filters-bar .filters .close-filters .close-filters-btn {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    padding-right: 33px;
    line-height: 26px;
    color: #555;
    background: url(../img/icon-filter-close.png) right 0 no-repeat
}

.learnalytics .wkar-content header.primary .filters-bar .filters nav {
    text-align: center;
    font-size: .1px;
	display: flex;
	flex-direction: column;
}

.learnalytics .wkar-content header.primary .filters-bar .filters nav a {
    display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
    color: #000;
	font-weight: 900;
	font-family: roboto slab, roboto, sans-serif;
    font-size: 16px;
}

.learnalytics .wkar-content header.primary .filters-bar .filters nav a.active {
    background-color: #555;
    color: #fff
}

.learnalytics .wkar-content header.primary .filters-bar .filters .filter .options {
    width: 100%;
	margin: 2px;
    border-radius: 4px;
    text-align: center;
    font-size: .1px;
	display: flex;
	flex-wrap: wrap;
}

.learnalytics .wkar-content header.primary .filters-bar .filters .filter .options a {
    display: inline-block;
	font-family: roboto, sans-serif;
    padding: 6px;
    text-align: center;
    font-size: 16px;
	font-weight: normal;
    color: #969696;
    text-decoration: none;
	transition: all .3s ease;
}

.learnalytics hr {
	margin: 5px 0;
}

.learnalytics .wkar-content header.primary .filters-bar .filters .filter .options a:hover {
	background-color: #71C5EF;
	color: #eee;
}

.learnalytics .wkar-content header.primary .filters-bar .filters .filter .options a.disabled {
    color: #e5e5e5
}

.learnalytics .wkar-content header.primary .filters-bar .filters .filter .options a.selected {
    background-color: #34ace8;
	color: #fff;
}

.learnalytics .wkar-content header.primary .filters-bar .filters .filter.state select {
    width: 100%;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #969696
}

.learnalytics .wkar-content header.primary .filters-bar .filters .filter.keyword input {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 13px 15px;
    font-size: 16px;
    color: #969696
}

.wkar-content .filters-bar .filters p.filterheading{
	text-align:center;
	font-size: 18px;
	padding: 10px 0;
}

.learnalytics .wkar-content header.primary .filters-bar .filters .add-filter {
    text-align: center;
}

.learnalytics .wkar-content header.primary .filters-bar .filters .add-filter a {
    display: inline-block;
    padding: 14px 34px;
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #fc6b00;
    font-size: 14px
}

.learnalytics .wkar-content header.primary .filters-bar .filters .add-filter a.disabled {
    background-color: #e5e5e5
}

.learnalytics .wkar-content header.primary .filters-bar .filters .description {
    position: absolute;
    bottom: 20px;
    left: 85px;
    width: 520px;
    height: 60px;
    font-size: 12px;
    line-height: 1.4;
    color: #333
}

.learnalytics .wkar-content header.primary .filters-bar .filters .description strong {
    text-transform: uppercase
}

.learnalytics .wkar-content header.primary .filters-bar .mobile-filters {
    display: none
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters {
        display: block
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .close-filters {
        position: absolute;
        top: 16px;
        right: 20px
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .close-filters .close-filters-btn {
        display: inline-block;
        vertical-align: top;
        height: 26px;
        padding-right: 33px;
        line-height: 26px;
        color: #555;
        background: url(../img/icon-filter-close.png) right 0 no-repeat
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters ul li {
        background: url(../img/filters-mobile-closed.png) 100% 0 no-repeat;
        padding: 14px;
        border-bottom: 1px solid #e5e5e5
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters ul li.active {
        background: url(../img/filters-mobile-open.png) 100% 0 no-repeat
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters ul li a.filter-menu-item {
        display: block;
        text-transform: uppercase;
        font-size: 16px;
        color: #555;
        text-decoration: none
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter .options {
        width: 100%;
        margin-top: 18px;
        text-align: center;
        font-size: .1px
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter .options a {
        display: block;
        margin: -1px 0 0 -1px;
        padding: 14px 6px;
        border: 1px solid #e5e5e5;
        font-size: 16px;
        color: #969696;
        background-color: #fff;
        text-decoration: none
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter .options a.disabled {
        color: #e5e5e5
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter .options a.selected {
        background-color: #f2f2f2;
        box-shadow: inset 0 0 10px rgba(0, 0, 0, .3)
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter.grade .options {
        margin-top: 18px
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter.grade .options a {
        display: inline-block;
        width: 46px
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter.atos,
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter.keyword {
        padding-top: 18px
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter.atos .info-icon,
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter.keyword .info-icon {
        margin-top: 0
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter.atos input,
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter.keyword input {
        width: 100%;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        padding: 13px 15px;
        font-size: 16px;
        color: #969696
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter.state select {
        border: 1px solid #555;
        padding: .5em;
        font-size: 15px;
        line-height: 1.2em;
        width: 80%;
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
        -webkit-appearance: none;
        -webkit-box-shadow: 1px 1px 1px #fff;
        -webkit-border-radius: .5em
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .filter .description {
        display: none
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .info-icon {
        float: left;
        width: 25%;
        margin: 18px 0 0
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .add-filter {
        width: 100%;
        margin: 18px auto 0;
        text-align: right
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .add-filter a {
        display: inline-block;
        padding: 10px 34px;
        border-radius: 3px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        background-color: #fc6b00;
        font-size: 14px
    }
    .learnalytics .wkar-content header.primary .filters-bar .mobile-filters .add-filter a.disabled {
        background-color: #e5e5e5
    }
    .learnalytics .wkar-content header.primary .filters-bar .filters {
        display: none
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content header.primary.filters-expanded {
        height: 100%;
        overflow-y: scroll
    }
}

.learnalytics .wkar-content.wkar-results header.primary h2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    display: inline-block;
    padding: 0 25px;
    background-color: #fc6b00;
    color: #fff;
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 60px
}

.learnalytics .wkar-content.wkar-results header.primary .filters-bar {
    position: relative;
}

.learnalytics .wkar-content .book-list {
    float: left;
    width: 100%;
    min-height: 800px
}

.learnalytics .wkar-content .book-list div#content-header {
    display: flex;
    justify-content: space-between;
}

.learnalytics .wkar-content .book-list .results-sentence {
    padding: 0 0 15px
}

.learnalytics .wkar-content .book-list .results-sentence h3 {
    font-size: 18px;
    color: #34ace8;
	font-family: roboto slab, roboto, sans-serif;
	margin: 0 15px;
	max-width: 66%;
}

.learnalytics .wkar-content .book-list .results-sentence a {
    color: #34ace8;
	font-weight: 900;
}

.learnalytics .wkar-content .book-list .download-pdf {
/*    float: right; */
    font-size: 16px;
}

.learnalytics .wkar-content .book-list .no-results {
    text-align: center;
	padding: 200px 0 40px;
    font-weight: 700;
    font-size: 20px;
    color: #e5e5e5
}

.learnalytics .wkar-content .book-list header {
	margin-left: 15px;
    width: 100%;
	margin: 14px 0;
    padding: 0 0 14px 0;
    color: #969696;
    opacity: .98;
	z-index: 1;
}

.learnalytics .wkar-content .book-list header:after {
    position: absolute;
    right: 0;
    bottom: -29px;
    left: 0;
    z-index: 40;
    display: block;
    width: 100%;
    height: 29px;
    content: url(../img/hr-shadow.png) center 0 no-repeat
}

.learnalytics .wkar-content .book-list header .sort-by {
    position: relative;
    display: inline-block;
    vertical-align: top;
	margin-left: 15px;
}

.learnalytics .wkar-content .book-list header .sort-by h3 {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
	font-weight: 900;
    padding-right: 10px;
    border-right: 1px solid #969696
}

.learnalytics .wkar-content .book-list header .sort-by a {
    display: inline-block;
    vertical-align: top;
    margin-right: 11px;
    padding-right: 20px;
    color: #969696
}

.learnalytics .wkar-content .book-list header .sort-by a.active {
    color: #000;
    background: url(../img/icon-sort-ascending.png) 100% no-repeat
}

.learnalytics .wkar-content .book-list header .sort-by a.active.descending {
    background: url(../img/icon-sort-descending.png) 100% no-repeat
}

.learnalytics .wkar-content .book-list header .sort-by a.active.popularity {
    background: none
}

.learnalytics .wkar-content .book-list header .sort-by .sort-by-mobile {
    display: none
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .book-list header .sort-by {
        width: auto
    }
    .learnalytics .wkar-content .book-list header .sort-by .sort-by-mobile {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        display: block;
        width: 100%;
        border: none;
        color: transparent;
        font-size: 15px;
        background: transparent;
        -webkit-appearance: none
    }
    .learnalytics .wkar-content .book-list header .sort-by a {
        display: none
    }
    .learnalytics .wkar-content .book-list header .sort-by a.active {
        display: inline-block
    }
}

.learnalytics .wkar-content .book-list .mobile-pager,
.learnalytics .wkar-content .book-list .pager {
    display: block;
    text-align: right;
	float: right;
}

.learnalytics .wkar-content .book-list .mobile-pager a,
.learnalytics .wkar-content .book-list .pager a {
    display: inline-block;
    vertical-align: top;
    padding: 0 8px;
    color: #969696
}

.learnalytics .wkar-content .book-list .mobile-pager .active,
.learnalytics .wkar-content .book-list .pager .active {
    color: #fff
}

.learnalytics .wkar-content .book-list .mobile-pager .prev:before,
.learnalytics .wkar-content .book-list .pager .prev:before {
    content: "\2039";
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.learnalytics .wkar-content .book-list .mobile-pager .next:after,
.learnalytics .wkar-content .book-list .pager .next:after {
    content: "\203A";
    display: inline-block;
    vertical-align: top;
    margin-left: 5px
}

.learnalytics .wkar-content .book-list .books {
    width: 100%;
    padding-top: 20px;
    margin-left: -18px;
    text-align: left;
    font-size: .1px;
	border-top: 1px solid #ccc;
}

.learnalytics .wkar-content .book-list .books .book {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    margin-left: 4%;
	margin-bottom: 3%;
    text-align: center;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    font-size: 14px;
	padding-bottom: 10px;
	transition: all .3s ease;
}

.learnalytics .wkar-content .book-list .books .book:hover {
		transform: translateY(-4px);
    	box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
		text-decoration: none;
}

.learnalytics .wkar-content .book-list .books .book .book-cover {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.learnalytics .wkar-content .book-list .books .book .book-cover img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

.learnalytics .wkar-content .book-list .books .book .popularity {
    display: none;
	margin-bottom: 4px;
    font-size: .857em;
    color: #fc6b00
}

.learnalytics .wkar-content .book-list .books .book .attributes {
    margin-bottom: 4px;
    font-size: .857em;
    font-weight: 700;
    color: #969696
}

.learnalytics .wkar-content .book-list .books .book .attributes span:before {
    content: '\2022';
    display: inline-block;
    margin-right: 3px
}

.learnalytics .wkar-content .book-list .books .book .attributes span:first-child:before {
    display: none
}

.learnalytics .wkar-content .book-list .books .book .author {
    margin-bottom: 2px;
    font-weight: 400;
	margin: 0 10px;
}

.learnalytics .wkar-content .book-list .books .book .title {
    margin-bottom: 2px;
    font-size: 1.286em;
    font-weight: 400;
	margin: 0 10px;
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-value.ngrs-value-min {
	top: 7px;
}

.learnalytics .wkar-content .book-list .books .break {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: .1px
}

.learnalytics .wkar-content .book-list .mobile-pager {
    display: none
}

.learnalytics .wkar-content .book-list footer .pager {
    width: 100%;
    padding: 20px 40px;
    text-align: right;
    color: #969696
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .book-list header .pager {
        display: none
    }
    .learnalytics .wkar-content .book-list .books {
        background: url(../img/hr-shadow-tablet.png) top no-repeat
    }
    .learnalytics .wkar-content .book-list .books .book {
        width: 140px;
        padding-bottom: 30px;
    }
    .learnalytics .wkar-content .book-list footer {
        padding: 26px 0 13px;
        background: url(../img/pager-shadow-tablet.png) top no-repeat;
        color: #969696
    }
    .learnalytics .wkar-content .book-list footer .pager {
        display: block;
        width: 640px;
        margin: 0 auto;
        text-align: center;
        font-size: 18px
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .book-list header .pager {
        display: none
    }
    .learnalytics .wkar-content .book-list .books {
        background: url(../img/hr-shadow-mobile.png) top no-repeat
    }
    .learnalytics .wkar-content .book-list .books .book {
        width: 45%;
        padding-bottom: 30px
    }
    .learnalytics .wkar-content .book-list .mobile-pager {
        display: block;
        width: 100%;
        padding: 0 0 13px;
        color: #969696;
        text-align: center;
        font-size: 18px
    }
    .learnalytics .wkar-content .book-list footer {
        padding: 26px 0 13px;
        color: #969696
    }
    .learnalytics .wkar-content .book-list footer .pager {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 18px
    }
}

.learnalytics .wkar-content .info-box {
    position: relative
}

.learnalytics .wkar-content .toggle-mobile-filters {
    display: none
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .toggle-mobile-filters {
        display: none;
        padding: .4em 1.5em;
        color: #fc6b00
    }
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .toggle-mobile-filters {
        display: none;
        padding: .4em 1.5em;
        color: #fc6b00
    }
}

.learnalytics .wkar-content body.info-graphics header.primary h2 {
    width: 100%
}

.learnalytics .wkar-content .page-title {
    position: fixed;
    width: 100%;
    z-index: 30;
    top: 30px;
    background-color: #fff
}

.learnalytics .wkar-content .page-title h1 {
    font-size: 3em;
    color: #555;
    font-weight: 700
}

.learnalytics .wkar-content section.info-graphics {
    width: 100%;
    background-color: #fff;
}

.learnalytics .wkar-content .info-graphic {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 130px;
	border-top: 1px solid #ccc;
}

.learnalytics .wkar-content .info-graphic.what-the-data-show {
	padding-bottom: 0;
}

.learnalytics .wkar-content .info-graphic.first-item {
    background: none;
	border-top: none;
	left: 15%;
}

.learnalytics .wkar-content .info-graphic.primary {
    border-top: none
}

.learnalytics .wkar-content .info-graphic.primary .content-holder {
    border-top: 1px solid #ccc
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .info-graphic {
        background: #fff url(../img/hr-shadow-tablet.png) top no-repeat
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .info-graphic {
        border-top: none;
        background: #fff url(../img/hr-shadow-mobile.png) top no-repeat
    }
    .learnalytics .wkar-content .info-graphic .content-holder {
        padding: 20px 16px
    }
}

.learnalytics .wkar-content .top-books {
    position: relative;
    float: right;
    width: 320px;
    height: 0;
    padding-bottom: 20%;
    text-align: center
}

.learnalytics .wkar-content .top-books>div {
    position: relative;
    width: 200%;
	left: 100%;
	margin-top: -32%;
}

.learnalytics .wkar-content .top-books h3 {
    text-transform: uppercase
}

.learnalytics .wkar-content .top-books p {
    padding-top: 88%
}

.learnalytics .wkar-content .top-books .insufficient {
    padding-top: 30px;
    text-align: left;
    font-weight: 700
}

.learnalytics .wkar-content .top-books div.book {
    cursor: auto
}

.learnalytics .wkar-content .top-books .book {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 10;
    display: inline-block;
    width: 40%;
    cursor: pointer;
    transition: top .2s ease, left .2s ease;
    color: #4c4c4c;
    text-decoration: none;
    box-shadow: none!important
}

.learnalytics .wkar-content .top-books .book h5 {
    margin-bottom: 8px;
    font-size: 11px
}

.learnalytics .wkar-content .top-books .book figure {
    width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.learnalytics .wkar-content .top-books .book figure img {
    display: block;
    width: 100%;
    height: auto;
    border: 4px solid #fff
}

.learnalytics .wkar-content .top-books .book.book-1,
.learnalytics .wkar-content .top-books .book.first {
    top: 14%;
    left: 0;
    transform: translateX(0)
}

.learnalytics .wkar-content .top-books .book.book-0,
.learnalytics .wkar-content .top-books .book.second {
    top: 10%;
    left: 50%;
    z-index: 11;
    transform: translateX(-50%)
}

.learnalytics .wkar-content .top-books .book.book-2,
.learnalytics .wkar-content .top-books .book.third {
    top: 14%;
    left: auto;
    right: 0
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .top-books {
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 500px
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .top-books {
        float: none;
        width: 100%
    }
}

.learnalytics .wkar-content .collapsible {
    position: relative
}

.learnalytics .wkar-content .collapsible:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 8;
    display: block;
    width: 100%;
    height: 29px;
    background: url(../img/hr-shadow.png) center 0 no-repeat
}

.learnalytics .wkar-content .collapsible:after {
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 29px;
    background: url(../img/collapsed-shadow.png) center 0 no-repeat
}

.learnalytics .wkar-content .collapsible.collapsed {
    padding-bottom: 0
}

.learnalytics .wkar-content .collapsible.collapsed:after {
    display: block
}

.learnalytics .wkar-content .collapsible.popular-by-grade-graphic .collapsed-title {
    position: relative
}

.learnalytics .wkar-content .collapsible.popular-by-grade-graphic .collapsed-title:hover:before {
    content: url(../img/collapsible-hover-4.png)
}

.learnalytics .wkar-content .collapsible.popular-across-country-graphic .collapsed-title {
    position: relative
}

.learnalytics .wkar-content .collapsible.popular-across-country-graphic .collapsed-title:hover:before {
    content: url(../img/collapsible-hover-5.jpg);
    left: 120px
}

.learnalytics .wkar-content .collapsible.new-vs-modern-graphic .collapsed-title {
    position: relative
}

.learnalytics .wkar-content .collapsible.new-vs-modern-graphic .collapsed-title:hover:before {
    content: url(../img/collapsible-hover-6.png);
    left: 40px
}

.learnalytics .wkar-content .collapsible.most-distinctive .collapsed-title {
    position: relative
}

.learnalytics .wkar-content .collapsible.most-distinctive .collapsed-title:hover:before {
    content: url(../img/collapsible-hover-7.jpg);
    left: 100px
}

.learnalytics .wkar-content .collapsible.how-are-kids-reading .collapsed-title {
    position: relative
}

.learnalytics .wkar-content .collapsible.how-are-kids-reading .collapsed-title:hover:before {
    content: url(../img/collapsible-hover-8.png);
    left: 40px
}

.learnalytics .wkar-content .collapsible.why-it-matters .collapsed-title {
    position: relative
}

.learnalytics .wkar-content .collapsible.why-it-matters .collapsed-title:hover:before {
    content: url(../img/collapsible-hover-9.png);
    left: 40px
}

.learnalytics .wkar-content .collapsible.get-the-report .collapsed-title {
    position: relative
}

.learnalytics .wkar-content .collapsible.get-the-report .collapsed-title:hover:before {
    content: url(../img/collapsible-hover-10.png);
    left: 40px
}

.learnalytics .wkar-content .collapsible.what-the-data-show .collapsed-title {
    position: relative
}

.learnalytics .wkar-content .collapsible.what-the-data-show .collapsed-title:hover:before {
    content: url(../img/collapsible-hover-11.png);
    left: 40px
}

.learnalytics .wkar-content .collapsible .collapsed-title {
    padding: 22px 0;
    cursor: pointer
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .collapsible .collapsed-title {
        background: url(../img/pager-shadow-tablet.png) bottom no-repeat
    }
}

.learnalytics .wkar-content .collapsible .collapsed-title:hover:before {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 4
}

.learnalytics .wkar-content .collapsible .collapsed-title:hover h2 {
    color: transparent
}

.learnalytics .wkar-content .collapsible .collapsed-title h2 {
    position: relative;
    cursor: pointer;
    height: 36px;
    margin-top: 0;
    line-height: 36px
}

.learnalytics .wkar-content .collapsible .collapsed-title h2:after {
    content: url(../img/collapsible-icon-open.png);
    position: absolute;
    top: 0;
    left: 844px;
    display: block;
    width: 36px;
    height: 36px
}

.learnalytics .wkar-content .collapsible .collapsed-title:hover h2:after {
    content: url(../img/collapsible-icon-hover.png)
}

.learnalytics .wkar-content .collapsible .collapsed-content {
    padding: 22px 0
}

.learnalytics .wkar-content .collapsible .collapsed-content h2.collapse-title {
    position: relative;
    cursor: pointer;
    height: 36px;
    margin-bottom: 30px;
    margin-top: 0;
    line-height: 36px;
}

.learnalytics .wkar-content .collapsible .collapsed-content h2.collapse-title:after {
    content: url(../img/collapsible-icon-close.png);
    position: absolute;
    top: 0;
    left: 844px;
    display: block;
    width: 36px;
    height: 36px
}

.learnalytics .wkar-content .collapsible .collapsed-content:hover h2.collapse-title:after {
    content: url(../img/collapsible-icon-close-hover.png)
}

.learnalytics .wkar-content .collapsible .collapse-icon {
    position: absolute;
    top: -10px;
    left: 844px;
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    font-size: .1px;
    line-height: 0;
    background: url(../img/collapsible-icon-close.png) 0 0 no-repeat
}

.learnalytics .wkar-content .popout {
    position: absolute;
    top: 40px;
    right: 160px;
    width: 426px;
    padding-top: 17px;
    background: url(../img/popout-window-bg-top.png) 0 0 no-repeat
}

.learnalytics .wkar-content .popout.report {
    right: 54px;
    line-height: 1.4;
    color: #7d7d7d
}

.learnalytics .wkar-content .popout.report h4 {
    text-align: center
}

.learnalytics .wkar-content .popout p {
    margin-bottom: 12px
}

.learnalytics .wkar-content .popout .content {
    width: 426px;
    padding: 24px 38px;
    background: url(../img/popout-window-bg-btm.png) 0 bottom no-repeat
}

.learnalytics .wkar-content .popout h3 {
    color: #969696;
    text-align: center
}

.learnalytics .wkar-content .popout h3,
.learnalytics .wkar-content .popout h4 {
    margin-bottom: 8px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600
}

.learnalytics .wkar-content .popout .control-row {
    margin-bottom: 20px;
    font-size: 0
}

.learnalytics .wkar-content .popout input[type=text] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 8px 15px;
    font-size: 16px;
    color: #969696
}

.learnalytics .wkar-content .popout .btn {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    padding: 9px 12px;
    margin-left: 10px;
    font-size: 16px;
    text-transform: none
}

.learnalytics .wkar-content .popout .options {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: center;
    font-size: .1px
}

.learnalytics .wkar-content .popout .options a {
    display: inline-block;
    width: 25%;
    padding: 8px;
    border-left: 1px solid #e5e5e5;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #969696;
    text-decoration: none
}

.learnalytics .wkar-content .popout .options a.selected {
    background-color: #f2f2f2;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .3)
}

.learnalytics .wkar-content .popout .options a.first {
    border-left: none;
    border-radius: 4px 0 0 4px
}

.learnalytics .wkar-content .popout .options a.last {
    border-radius: 0 4px 4px 0
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .popout.report {
        right: 0;
        width: 100%;
        background: url(../img/popout-window-bg-top-mobile.png) 100% 0 no-repeat
    }
    .learnalytics .wkar-content .popout.report .content {
        width: 100%;
        background: none;
        border-bottom: 1px solid #e5e5e5
    }
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .overflow-scroll {
        overflow: scroll;
        width: 100%;
        padding-bottom: 20px
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .overflow-scroll {
        overflow: scroll;
        width: 100%;
        padding-bottom: 20px
    }
}

.learnalytics .wkar-content .ng-cloak,
.learnalytics .wkar-content .x-ng-cloak,
.learnalytics .wkar-content [data-ng-cloak],
.learnalytics .wkar-content [ng-cloak],
.learnalytics .wkar-content [ng\:cloak],
.learnalytics .wkar-content [x-ng-cloak] {
    display: none!important
}

.learnalytics .wkar-content .modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200
}

.learnalytics .wkar-content .modal-overlay .info-modal {
    width: 80%;
    margin: 80px auto 0;
    border-radius: 6px;
    background-color: #e1e4e4;
    text-align: center;
    font-size: 17px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2)
}

.learnalytics .wkar-content .modal-overlay .info-modal h3 {
    padding: 12px 0 6px;
    font-size: 17px;
    font-weight: 700
}

.learnalytics .wkar-content .modal-overlay .info-modal p {
    padding: 0 16px 12px;
    line-height: 1.2;
    font-weight: 300
}

.learnalytics .wkar-content .modal-overlay .info-modal .close {
    border-top: 1px solid #969696
}

.learnalytics .wkar-content .modal-overlay .info-modal .close a {
    display: block;
    padding: 8px 0;
    color: #34ace8;
    font-weight: 600
}

.learnalytics .wkar-content .fade {
    transition: opacity .2s ease
}

.learnalytics .wkar-content .fade.mobile-filters {
    transition: none
}

.learnalytics .wkar-content .ng-show {
    opacity: 1
}

.learnalytics .wkar-content .ng-hide {
    opacity: 0
}

.learnalytics .wkar-content .mobile-filters.fade {
    transition: none
}

.learnalytics .wkar-content .desktop-filters {
    transition: opacity .2s ease, height .2s ease;
    overflow: hidden;
}

.learnalytics .wkar-content .desktop-filters.ng-hide {
    max-height: 0
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .fade.desktop-filters {
        transition: none
    }
    .learnalytics .wkar-content .fade.mobile-filters {
        transition: opacity .2s ease
    }
}

.learnalytics .wkar-content .primary-tooltip {
    position: absolute;
    z-index: 100;
    width: 200px;
    text-align: center;
    padding: 8px 12px;
    border-radius: 4px;
    background-color: #555;
    color: #fff;
    font-size: 14px
}

.learnalytics .wkar-content .primary-tooltip:after {
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    content: url(../img/tooltip-arrow-btm.png);
    display: block;
    width: 100%;
    height: 11px
}

.learnalytics .wkar-content .basic-grid-table {
    width: 80%;
    margin: 0 auto 20px;
    background-color: #fff
}

.learnalytics .wkar-content .basic-grid-table td {
    padding: 2px 6px;
    border: 1px solid #555;
    text-align: center
}

.learnalytics .wkar-content .basic-grid-table th {
    padding: 8px;
    border: 1px solid #555;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: bottom
}

.learnalytics .wkar-content .basic-grid-table thead {
    background-color: #fc6b00
}

.learnalytics .wkar-content .basic-grid-table tbody {
    color: #555
}

.learnalytics .wkar-content .basic-grid-table tbody td:first-child {
    font-weight: 700
}

.learnalytics .wkar-content .basic-grid-table tfoot {
    background-color: #e5e5e5;
    color: #555
}

.learnalytics .wkar-content .responsive-table {
    width: 100%;
    overflow: scroll
}

.learnalytics .wkar-content .title-content {
    float: left;
    width: 100%;
    margin-bottom: 8px
}

.learnalytics .wkar-content .text-content {
    float: left;
    width: 360px;
    line-height: 1.6
}

.learnalytics .wkar-content .text-content.wide {
    width: 100%
}

.learnalytics .wkar-content .text-content p {
    margin-bottom: 12px
}

.learnalytics .wkar-content .text-content a {
    color: #fc6b00
}

.learnalytics .wkar-content .text-content em {
    font-style: italic
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .text-content {
        width: 100%;
        padding-bottom: 2em
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .text-content {
        width: 100%
    }
}

.learnalytics .wkar-content .image-content {
    float: left;
    width: 250px;
    margin-right: 20px
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .image-content {
        width: 100%
    }
}

.learnalytics .wkar-content .launch-filters {
    display: inline-block;
    margin-top: 30px;
    padding: 6px 6px 6px 12px;
    border: 1px dotted #969696;
    color: #4c4c4c;
    border-radius: 4px;
    font-size: 1.3em;
    line-height: 25px
}

.learnalytics .wkar-content .launch-filters:after {
    content: url(../img/icon-filter-add.png);
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    padding: 0
}

.learnalytics .wkar-content .launch-filters:hover {
    border-color: #fc6b00;
    color: #fc6b00;
    text-decoration: none
}

.learnalytics .wkar-content .states-map {
    width: 540px
}

.learnalytics .wkar-content .states-map h2 {
    font-size: 1.3em;
    margin-bottom: 16px
}

.learnalytics .wkar-content .states-map .map {
    width: 100%
}

.learnalytics .wkar-content .states-map .map #usmap {
	float: left;
}

.learnalytics .wkar-content .states-map .map .top-books {
    width: 220px;
    margin-top: -20px
}

.learnalytics .wkar-content .states-map .map .top-books .book figure img {
    border: 2px solid #fff
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .states-map {
        width: 100%;
        padding-top: 1em
    }
    .learnalytics .wkar-content .states-map .map #usmap {
        width: 45%;
        height: 300px
    }
    .learnalytics .wkar-content .states-map .map .top-books {
        float: right;
        width: 45%!important;
        clear: none
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .states-map {
        display: none
    }
}

.learnalytics .wkar-content .states-map .mobile-states-dropdown {
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 18;
    display: none;
    width: 100%;
    height: 30px;
    background: transparent;
    border: none;
    color: transparent;
    font-size: 18px
}

.learnalytics .wkar-content .states-map .book-detail {
    position: relative;
    z-index: 10;
    float: right;
    width: 380px;
    margin-right: 30px
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .states-map .book-detail {
        width: 510px
    }
    .learnalytics .wkar-content .states-map .book-detail figure {
        margin-right: 30px
    }
}

.learnalytics .wkar-content .states-map .book-detail figure {
    float: left;
    width: 192px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.learnalytics .wkar-content .states-map .book-detail figure img {
    display: block;
    width: 100%;
    height: auto;
    border: 4px solid #fff
}

.learnalytics .wkar-content .states-map .book-detail .details {
    float: right;
    width: 170px;
    min-height: 250px
}

.learnalytics .wkar-content .states-map .book-detail .details h4 {
    padding-bottom: 10px
}

.learnalytics .wkar-content .states-map .book-detail .details h4:first-child {
    padding-bottom: 0;
    text-transform: uppercase
}

.learnalytics .wkar-content .states-map .book-detail .details .author {
    font-size: 14px
}

.learnalytics .wkar-content .states-map .book-detail .details .title {
    margin-bottom: 20px;
    font-size: 24px
}

.learnalytics .wkar-content .states-map .book-detail .details .popularity {
    margin-bottom: 20px
}

.learnalytics .wkar-content .states-map .book-detail .details .popularity .boys {
    color: #34ace8
}

.learnalytics .wkar-content .states-map .book-detail .details .popularity .girls {
    color: #4c4c4c
}

.learnalytics .wkar-content .states-map .book-detail .details .popularity .rating {
    margin-top: 3px;
    font-size: 0
}

.learnalytics .wkar-content .states-map .book-detail .details .popularity .rating .grade {
    display: inline-block;
    margin-right: 4px;
    font-size: 10px;
    font-weight: 700
}

.learnalytics .wkar-content .states-map .book-detail .details .popularity .rating .bar-holder {
    display: inline-block;
    vertical-align: middle
}

.learnalytics .wkar-content .states-map .book-detail .details .popularity .rating .boys,
.learnalytics .wkar-content .states-map .book-detail .details .popularity .rating .girls {
    display: inline-block;
    vertical-align: middle;
    height: 5px;
    background-color: #666
}

.learnalytics .wkar-content .states-map .book-detail .details .popularity .rating .boys {
    background-color: #64c6ff
}

.learnalytics .wkar-content .states-map .book-detail .details .filter-similar {
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    width: 170px;
    padding: 4px 0 0;
    border-top: 1px solid #969696
}

.learnalytics .wkar-content .states-map .book-detail .details .filter-similar .btn {
    width: 100%
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .states-map .book-detail .details,
    .learnalytics .wkar-content .states-map .book-detail .details .filter-similar {
        width: 270px
    }
    .learnalytics .wkar-content .states-map .book-detail .details .title {
        font-size: 30px
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .states-map .book-detail {
        float: left;
        width: 100%
    }
    .learnalytics .wkar-content .states-map .book-detail figure {
        float: left;
        width: 45%;
        max-width: 100%
    }
    .learnalytics .wkar-content .states-map .book-detail .details,
    .learnalytics .wkar-content .states-map .book-detail .details .filter-similar {
        width: 45%
    }
    .learnalytics .wkar-content .states-map .book-detail .mobile-states-dropdown {
        display: block
    }
}

.learnalytics .wkar-content .states-map .currentGrade,
.learnalytics .wkar-content .states-map .currentState {
    display: inline-block;
    padding-right: 20px;
    background: url(../img/icon-dropdown-arrow.png) 100% no-repeat
}

.learnalytics .wkar-content .states-map .grade-dropdown {
    position: absolute;
    top: 40px;
    left: 100px;
    z-index: 18;
    width: 200px;
    padding: 0;
    border-top: 4px solid #34ace8;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background-color: #fff
}

.learnalytics .wkar-content .states-map .grade-dropdown a {
    display: block;
    padding: 7px 30px;
    color: #555;
    font-size: 18px;
    font-weight: 300
}

.learnalytics .wkar-content .states-map .grade-dropdown a:hover {
    background-color: #e5e5e5;
    text-decoration: none
}

.learnalytics .wkar-content .states-map .grade-dropdown a.first {
    padding-top: 17px
}

.learnalytics .wkar-content .states-map .grade-dropdown a.last {
    padding-bottom: 17px
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .states-map .clearMobile,
    .learnalytics .wkar-content .states-map .mobile-states-dropdown {
        display: block
    }
}

.learnalytics .wkar-content #usmap {
    width: 300px;
    height: 182px
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content #usmap {
        width: 50%;
        height: 400px;
        margin: 0 auto
    }
}

.learnalytics .wkar-content #statesDropDown {
    position: absolute;
    top: 40px;
    left: 20px;
    z-index: 20;
    width: 600px;
    padding: 30px;
    text-align: justify;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	border-top: 4px solid #34ace8;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background-color: #fff;
    font-size: .1px
}

.learnalytics .wkar-content #statesDropDown .column {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.learnalytics .wkar-content #statesDropDown .column a {
    display: block;
    padding: 3px 0;
    color: #000;
    font-weight: 300;
    font-size: 16px;
    text-align: left
}

.learnalytics h2 {
	color: #000;
}

.learnalytics .wkar-content #statesDropDown .column a.active,
.learnalytics .wkar-content #statesDropDown .column a:hover {
	color: #34ace8;
    text-decoration: none
}

.learnalytics #statesDropDown .active, .learnalytics .wkar-content .states-map .grade-dropdown .active {
	background-color: #fff;
	color: #34ace8;
}

.learnalytics .wkar-content .grade-popularity .grade-circles {
    margin-top: 30px;
    font-size: .1px;
    text-align: center
}

.learnalytics .wkar-content .grade-popularity .grade-circles h3 {
    padding: 220px 40px 0;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin: 0 -7px;
    background: url(../img/grade-popularity-circle-bg.png) 0 0 no-repeat;
    cursor: pointer
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle .grade {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle .grade p {
    padding: 35px;
    font-size: 18px;
    font-weight: 300;
    text-align: left
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle .grade.grade-1 {
    z-index: 10
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle .grade.grade-2 {
    z-index: 9
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle .grade.grade-3 {
    z-index: 8
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle .grade.grade-4 {
    z-index: 7
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle .grade.grade-5 {
    z-index: 6
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-1 .grade-1 {
    background: url(../img/grade-popularity/circle-1-grade-1.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-1 .grade-2 {
    background: url(../img/grade-popularity/circle-1-grade-2.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-1 .grade-3 {
    background: url(../img/grade-popularity/circle-1-grade-3.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-1 .grade-4 {
    background: url(../img/grade-popularity/circle-1-grade-4.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-1 .grade-5 {
    background: url(../img/grade-popularity/circle-1-grade-5.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-1 .grade-6 {
    background: url(../img/grade-popularity/circle-1-grade-6.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-1 .grade-7 {
    background: url(../img/grade-popularity/circle-1-grade-7.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-1 .grade-8 {
    background: url(../img/grade-popularity/circle-1-grade-8.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-1 .grade-9 {
    background: url(../img/grade-popularity/circle-1-grade-9.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-2 .grade-1 {
    background: url(../img/grade-popularity/circle-2-grade-1.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-2 .grade-2 {
    background: url(../img/grade-popularity/circle-2-grade-2.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-2 .grade-3 {
    background: url(../img/grade-popularity/circle-2-grade-3.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-2 .grade-4 {
    background: url(../img/grade-popularity/circle-2-grade-4.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-2 .grade-5 {
    background: url(../img/grade-popularity/circle-2-grade-5.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-2 .grade-6 {
    background: url(../img/grade-popularity/circle-2-grade-6.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-2 .grade-7 {
    background: url(../img/grade-popularity/circle-2-grade-7.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-2 .grade-8 {
    background: url(../img/grade-popularity/circle-2-grade-8.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-2 .grade-9 {
    background: url(../img/grade-popularity/circle-2-grade-9.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-3 .grade-1 {
    background: url(../img/grade-popularity/circle-3-grade-1.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-3 .grade-2 {
    background: url(../img/grade-popularity/circle-3-grade-2.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-3 .grade-3 {
    background: url(../img/grade-popularity/circle-3-grade-3.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-3 .grade-4 {
    background: url(../img/grade-popularity/circle-3-grade-4.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-3 .grade-5 {
    background: url(../img/grade-popularity/circle-3-grade-5.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-3 .grade-6 {
    background: url(../img/grade-popularity/circle-3-grade-6.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-3 .grade-7 {
    background: url(../img/grade-popularity/circle-3-grade-7.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-3 .grade-8 {
    background: url(../img/grade-popularity/circle-3-grade-8.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-3 .grade-9 {
    background: url(../img/grade-popularity/circle-3-grade-9.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-4 .grade-1 {
    background: url(../img/grade-popularity/circle-4-grade-1.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-4 .grade-2 {
    background: url(../img/grade-popularity/circle-4-grade-2.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-4 .grade-3 {
    background: url(../img/grade-popularity/circle-4-grade-3.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-4 .grade-4 {
    background: url(../img/grade-popularity/circle-4-grade-4.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-4 .grade-5 {
    background: url(../img/grade-popularity/circle-4-grade-5.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-4 .grade-6 {
    background: url(../img/grade-popularity/circle-4-grade-6.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-4 .grade-7 {
    background: url(../img/grade-popularity/circle-4-grade-7.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-4 .grade-8 {
    background: url(../img/grade-popularity/circle-4-grade-8.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-4 .grade-9 {
    background: url(../img/grade-popularity/circle-4-grade-9.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-5 .grade-1 {
    background: url(../img/grade-popularity/circle-5-grade-1.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-5 .grade-2 {
    background: url(../img/grade-popularity/circle-5-grade-2.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-5 .grade-3 {
    background: url(../img/grade-popularity/circle-5-grade-3.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-5 .grade-4 {
    background: url(../img/grade-popularity/circle-5-grade-4.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-5 .grade-5 {
    background: url(../img/grade-popularity/circle-5-grade-5.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-5 .grade-6 {
    background: url(../img/grade-popularity/circle-5-grade-6.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-5 .grade-7 {
    background: url(../img/grade-popularity/circle-5-grade-7.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-5 .grade-8 {
    background: url(../img/grade-popularity/circle-5-grade-8.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .grade-circles .circle.circle-5 .grade-9 {
    background: url(../img/grade-popularity/circle-5-grade-9.png) 0 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .legend {
    margin-top: 30px
}

.learnalytics .wkar-content .grade-popularity .legend h4 {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 12px;
    font-weight: 600;
    color: #333
}

.learnalytics .wkar-content .grade-popularity .legend .grades {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 1
}

.learnalytics .wkar-content .grade-popularity .legend .grades a {
    display: inline-block;
    margin-left: 10px;
    color: #333
}

.learnalytics .wkar-content .grade-popularity .legend .grades a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 12px;
    margin-right: 2px;
    background: url(../img/grade-popularity-legend-icons.png) 0 no-repeat
}

.learnalytics .wkar-content .grade-popularity .legend .grades a.grade-1:before {
    background-position: 0 0
}

.learnalytics .wkar-content .grade-popularity .legend .grades a.grade-2:before {
    background-position: -10px 0
}

.learnalytics .wkar-content .grade-popularity .legend .grades a.grade-3:before {
    background-position: -20px 0
}

.learnalytics .wkar-content .grade-popularity .legend .grades a.grade-4:before {
    background-position: -30px 0
}

.learnalytics .wkar-content .grade-popularity .legend .grades a.grade-5:before {
    background-position: -40px 0
}

.learnalytics .wkar-content .grade-popularity .legend .grades a.grade-all:before {
    background-position: -50px 0
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .grade-popularity .content-holder {
        width: 100%
    }
    .learnalytics .wkar-content .grade-popularity .content-holder .legend,
    .learnalytics .wkar-content .grade-popularity .content-holder h2 {
        width: 640px;
        margin: 0 auto
    }
    .learnalytics .wkar-content .grade-popularity .content-holder .legend {
        margin-top: 30px
    }
    .learnalytics .wkar-content .grade-popularity .grade-circles {
        width: 940px
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .grade-popularity .content-holder {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .learnalytics .wkar-content .grade-popularity .content-holder .legend,
    .learnalytics .wkar-content .grade-popularity .content-holder h2 {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
    .learnalytics .wkar-content .grade-popularity .content-holder .legend {
        margin-top: 30px;
        padding-left: 16px;
        padding-right: 16px
    }
    .learnalytics .wkar-content .grade-popularity .grade-circles {
        width: 940px
    }
}

.learnalytics .wkar-content .svg-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 0;
    margin: 30px 0 60px;
    padding-bottom: 40%;
    background-color: #fff
}

.learnalytics .wkar-content .svg-wrapper #svg_donut {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.learnalytics #usmap svg{
	width: 500px;
	height: 500px;
}

.learnalytics .wkar-content .how-are-kids-reading .currentGrade {
    display: inline-block;
    padding-right: 20px;
    background: url(../img/icon-dropdown-arrow.png) 100% no-repeat
}

.learnalytics .wkar-content .how-are-kids-reading .grade-dropdown {
    position: absolute;
    top: 40px;
    left: 100px;
    z-index: 18;
    width: 200px;
    padding: 0;
    border-top: 4px solid #34ace8;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background-color: #fff
}

.learnalytics .wkar-content .how-are-kids-reading .grade-dropdown a {
    display: block;
    padding: 7px 30px;
    color: #555;
    font-size: 18px;
    font-weight: 300
}

.learnalytics .wkar-content .how-are-kids-reading .grade-dropdown a:hover {
    background-color: #e5e5e5;
    text-decoration: none
}

.learnalytics .wkar-content .how-are-kids-reading .grade-dropdown a.first {
    padding-top: 17px
}

.learnalytics .wkar-content .how-are-kids-reading .grade-dropdown a.last {
    padding-bottom: 17px
}

.learnalytics .wkar-content .qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0
}

.learnalytics .wkar-content .qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word
}

.learnalytics .wkar-content .qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: 700
}

.learnalytics .wkar-content .qtip-titlebar+.qtip-content {
    border-top-width: 0!important
}

.learnalytics .wkar-content .qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: medium none;
    border: 1px solid transparent
}

.learnalytics .wkar-content .qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}

.learnalytics .wkar-content * html .qtip-titlebar .qtip-close {
    top: 16px
}

.learnalytics .wkar-content .qtip-icon .ui-icon,
.learnalytics .wkar-content .qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}

.learnalytics .wkar-content .qtip-icon,
.learnalytics .wkar-content .qtip-icon .ui-icon {
    border-radius: 3px;
    text-decoration: none
}

.learnalytics .wkar-content .qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font-size: 10px;
    line-height: 13px;
    color: inherit;
    background: transparent none no-repeat -100em -100em
}

.learnalytics .wkar-content .qtip-default {
    border: 1px solid #fffdfc;
    background-color: #555;
    color: #fff
}

.learnalytics .wkar-content .qtip-default .qtip-titlebar {
    background-color: #ffef93
}

.learnalytics .wkar-content .qtip-default .qtip-icon {
    border-color: #ccc;
    background: #f1f1f1;
    color: #777
}

.learnalytics .wkar-content .qtip-default .qtip-titlebar .qtip-close {
    border-color: #aaa;
    color: #111
}

.learnalytics .wkar-content .qtip-light {
    background-color: #fff;
    border-color: #e2e2e2;
    color: #454545
}

.learnalytics .wkar-content .qtip-light .qtip-titlebar {
    background-color: #f1f1f1
}

.learnalytics .wkar-content .qtip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3
}

.learnalytics .wkar-content .qtip-dark .qtip-titlebar {
    background-color: #404040
}

.learnalytics .wkar-content .qtip-dark .qtip-icon {
    border-color: #444
}

.learnalytics .wkar-content .qtip-dark .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.learnalytics .wkar-content .qtip-cream {
    background-color: #fbf7aa;
    border-color: #f9e98e;
    color: #a27d35
}

.learnalytics .wkar-content .qtip-cream .qtip-titlebar {
    background-color: #f0de7d
}

.learnalytics .wkar-content .qtip-cream .qtip-close .qtip-icon {
    background-position: -82px 0
}

.learnalytics .wkar-content .qtip-red {
    background-color: #f78b83;
    border-color: #d95252;
    color: #912323
}

.learnalytics .wkar-content .qtip-red .qtip-titlebar {
    background-color: #f06d65
}

.learnalytics .wkar-content .qtip-red .qtip-close .qtip-icon {
    background-position: -102px 0
}

.learnalytics .wkar-content .qtip-red .qtip-icon,
.learnalytics .wkar-content .qtip-red .qtip-titlebar .ui-state-hover {
    border-color: #d95252
}

.learnalytics .wkar-content .qtip-green {
    background-color: #caed9e;
    border-color: #90d93f;
    color: #3f6219
}

.learnalytics .wkar-content .qtip-green .qtip-titlebar {
    background-color: #b0de78
}

.learnalytics .wkar-content .qtip-green .qtip-close .qtip-icon {
    background-position: -42px 0
}

.learnalytics .wkar-content .qtip-blue {
    background-color: #e5f6fe;
    border-color: #add9ed;
    color: #5e99bd
}

.learnalytics .wkar-content .qtip-blue .qtip-titlebar {
    background-color: #d0e9f5
}

.learnalytics .wkar-content .qtip-blue .qtip-close .qtip-icon {
    background-position: -2px 0
}

.learnalytics .wkar-content .qtip-shadow {
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15)
}

.learnalytics .wkar-content .qtip-bootstrap,
.learnalytics .wkar-content .qtip-rounded,
.learnalytics .wkar-content .qtip-tipsy {
    border-radius: 5px
}

.learnalytics .wkar-content .qtip-rounded .qtip-titlebar {
    border-radius: 4px 4px 0 0
}

.learnalytics .wkar-content .qtip-youtube {
    border-radius: 2px;
    box-shadow: 0 0 3px #333;
    color: #fff;
    border: 0 solid transparent;
    background: #4a4a4a;
    background-image: -o-linear-gradient(top, #4a4a4a 0, #000 100%)
}

.learnalytics .wkar-content .qtip-youtube .qtip-titlebar {
    background-color: #4a4a4a;
    background-color: transparent
}

.learnalytics .wkar-content .qtip-youtube .qtip-content {
    padding: .75em;
    font: 12px arial, sans-serif;
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"
}

.learnalytics .wkar-content .qtip-youtube .qtip-icon {
    border-color: #222
}

.learnalytics .wkar-content .qtip-youtube .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.learnalytics .wkar-content .qtip-jtools {
    background: #232323;
    background: rgba(0, 0, 0, .7);
    background-image: -o-linear-gradient(top, #717171, #232323);
    border: 2px solid #ddd;
    border: 2px solid #f1f1f1;
    border-radius: 2px;
    box-shadow: 0 0 12px #333
}

.learnalytics .wkar-content .qtip-jtools .qtip-titlebar {
    background-color: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"
}

.learnalytics .wkar-content .qtip-jtools .qtip-content {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"
}

.learnalytics .wkar-content .qtip-jtools .qtip-content,
.learnalytics .wkar-content .qtip-jtools .qtip-titlebar {
    background: transparent;
    color: #fff;
    border: 0 dashed transparent
}

.learnalytics .wkar-content .qtip-jtools .qtip-icon {
    border-color: #555
}

.learnalytics .wkar-content .qtip-jtools .qtip-titlebar .ui-state-hover {
    border-color: #333
}

.learnalytics .wkar-content .qtip-cluetip {
    box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    background-color: #d9d9c2;
    color: #111;
    border: 0 dashed transparent
}

.learnalytics .wkar-content .qtip-cluetip .qtip-titlebar {
    background-color: #87876a;
    color: #fff;
    border: 0 dashed transparent
}

.learnalytics .wkar-content .qtip-cluetip .qtip-icon {
    border-color: #808064
}

.learnalytics .wkar-content .qtip-cluetip .qtip-titlebar .ui-state-hover {
    border-color: #696952;
    color: #696952
}

.learnalytics .wkar-content .qtip-tipsy {
    background: #000;
    background: rgba(0, 0, 0, .87);
    color: #fff;
    border: 0 solid transparent;
    font-size: 11px;
    font-family: Lucida Grande, sans-serif;
    font-weight: 700;
    line-height: 16px;
    text-shadow: 0 1px #000
}

.learnalytics .wkar-content .qtip-tipsy .qtip-titlebar {
    padding: 6px 35px 0 10px;
    background-color: transparent
}

.learnalytics .wkar-content .qtip-tipsy .qtip-content {
    padding: 6px 10px
}

.learnalytics .wkar-content .qtip-tipsy .qtip-icon {
    border-color: #222;
    text-shadow: none
}

.learnalytics .wkar-content .qtip-tipsy .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.learnalytics .wkar-content .qtip-tipped {
    border: 3px solid #959fa9;
    border-radius: 3px;
    background-color: #f9f9f9;
    color: #454545;
    font-weight: 400;
    font-family: serif
}

.learnalytics .wkar-content .qtip-tipped .qtip-titlebar {
    border-bottom-width: 0;
    color: #fff;
    background: #3a79b8;
    background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"
}

.learnalytics .wkar-content .qtip-tipped .qtip-icon {
    border: 2px solid #285589;
    background: #285589
}

.learnalytics .wkar-content .qtip-tipped .qtip-icon .ui-icon {
    background-color: #fbfbfb;
    color: #555
}

.learnalytics .wkar-content .qtip-bootstrap {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-clip: padding-box
}

.learnalytics .wkar-content .qtip-bootstrap .qtip-titlebar {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.learnalytics .wkar-content .qtip-bootstrap .qtip-titlebar .qtip-close {
    right: 11px;
    top: 45%;
    border-style: none
}

.learnalytics .wkar-content .qtip-bootstrap .qtip-content {
    padding: 9px 14px
}

.learnalytics .wkar-content .qtip-bootstrap .qtip-icon {
    background: transparent
}

.learnalytics .wkar-content .qtip-bootstrap .qtip-icon .ui-icon {
    width: auto;
    height: auto;
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.learnalytics .wkar-content .qtip-bootstrap .qtip-icon .ui-icon:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}

.learnalytics .wkar-content .qtip:not(.ie9haxors) div.qtip-content,
.learnalytics .wkar-content .qtip:not(.ie9haxors) div.qtip-titlebar {
    -webkit-filter: none;
    filter: none;
    -ms-filter: none
}

.learnalytics .wkar-content .qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10
}

.learnalytics .wkar-content .qtip .qtip-tip,
.learnalytics .wkar-content x:-o-prefocus {
    visibility: hidden
}

.learnalytics .wkar-content .qtip .qtip-tip,
.learnalytics .wkar-content .qtip .qtip-tip .qtip-vml,
.learnalytics .wkar-content .qtip .qtip-tip canvas {
    position: absolute;
    color: #123456;
    background: transparent;
    border: 0 dashed transparent
}

.learnalytics .wkar-content .qtip .qtip-tip canvas {
    top: 0;
    left: 0
}

.learnalytics .wkar-content .qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible
}

.learnalytics .wkar-content #qtip-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.learnalytics .wkar-content #qtip-overlay.blurs {
    cursor: pointer
}

.learnalytics .wkar-content #qtip-overlay div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.learnalytics .wkar-content .qtipmodal-ie6fix {
    position: absolute!important
}

.learnalytics .wkar-content .page-content {
    padding: 20px 0;
    font-size: 16px;
    line-height: 1.4
}

.learnalytics .wkar-content .page-content h1,
.learnalytics .wkar-content .page-content h2,
.learnalytics .wkar-content .page-content ol,
.learnalytics .wkar-content .page-content p,
.learnalytics .wkar-content .page-content ul {
    margin-bottom: 18px
}

.learnalytics .wkar-content .page-content h1 {
    font-size: 3em;
    font-weight: 700
}

.learnalytics .wkar-content .page-content ol li {
    position: relative;
    padding-left: 1.4em;
    counter-increment: a
}

.learnalytics .wkar-content .page-content ol li:before {
    content: '(' counter(a, decimal) ')';
    position: absolute;
    top: 2px;
    left: 0;
    font-size: .9em
}

.learnalytics .wkar-content .most-distinctive {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
	padding-bottom: 60px;
}

.learnalytics .wkar-content .most-distinctive .currentGrade {
    display: inline-block;
    padding-right: 20px;
    background: url(../img/icon-dropdown-arrow.png) 100% no-repeat
}

.learnalytics .wkar-content .most-distinctive .maps {
    position: relative;
    width: 100%;
    height: 470px
}

.learnalytics .wkar-content .most-distinctive .maps .map {
    position: absolute;
    top: 20px;
    left: 15%;
    z-index: 10;
}

@media screen and (max-width: 1366px) {

	.learnalytics .wkar-content .top-books {
		right: 10%;
	}

	.learnalytics .wkar-content .info-graphic.first-item {
		left: 5%;
	}

}

@media screen and (max-width: 1220px){

	.learnalytics .wkar-content .most-distinctive .maps .map {
    	left: 0%;
	}

	.learnalytics .wkar-content .info-graphic.first-item {
		left: 0%;
	}

}




.learnalytics .wkar-content .most-distinctive .maps .disclaimer {
    position: absolute;
    top: 384px;
    left: 680px;
    z-index: 11;
    width: 225px;
    font-size: 12px;
    color: #333;
    font-weight: 300
}

.learnalytics .wkar-content .most-distinctive .bookDetailsPopup {
    position: absolute;
    z-index: 18;
    width: 192px;
    padding: 4px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.learnalytics .wkar-content .most-distinctive .bookDetailsPopup figure {
    margin-bottom: 8px
}

.learnalytics .wkar-content .most-distinctive .bookDetailsPopup figure img {
    display: block;
    width: 100%;
    height: auto
}

.learnalytics .wkar-content .most-distinctive .bookDetailsPopup .attributes {
    padding: 2px 4px;
    font-size: .1px
}

.learnalytics .wkar-content .most-distinctive .bookDetailsPopup .attributes span {
    font-size: 12px;
    font-weight: 700
}

.learnalytics .wkar-content .most-distinctive .bookDetailsPopup .attributes span:before {
    content: '\2219';
    display: inline-block;
    vertical-align: middle
}

.learnalytics .wkar-content .most-distinctive .bookDetailsPopup .attributes span:first-child:before {
    display: none
}

.learnalytics .wkar-content .most-distinctive .bookDetailsPopup .state {
    padding: 2px 4px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fc6b00
}

.learnalytics .wkar-content .most-distinctive .bookDetailsPopup .author {
    padding: 2px 4px;
    font-size: 14px
}

.learnalytics .wkar-content .most-distinctive .bookDetailsPopup .title {
    padding: 2px 4px;
    font-size: 18px
}

.learnalytics .wkar-content .most-distinctive .gradesDropDown {
    position: absolute;
    top: 40px;
    left: 20px;
    z-index: 18;
    width: 200px;
    padding: 0;
    border-top: 4px solid #34ace8;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background-color: #fff
}

.learnalytics .wkar-content .most-distinctive .gradesDropDown a {
    display: block;
    padding: 7px 30px;
    color: #555;
    font-size: 18px;
    font-weight: 300
}

.learnalytics .wkar-content .most-distinctive .gradesDropDown a:hover {
    background-color: #e5e5e5;
    text-decoration: none
}

.learnalytics .wkar-content .most-distinctive .gradesDropDown a.first {
    padding-top: 17px
}

.learnalytics .wkar-content .most-distinctive .gradesDropDown a.last {
    padding-bottom: 17px
}

@media only screen and (min-width:641px) and (max-width:1023px) {
    .learnalytics .wkar-content .most-distinctive .content-holder {
        width: 100%
    }
    .learnalytics .wkar-content .most-distinctive h2 {
        width: 640px;
        margin: 0 auto
    }
    .learnalytics .wkar-content .most-distinctive .maps {
        width: 706px;
        margin: 0 auto
    }
    .learnalytics .wkar-content .most-distinctive .maps .map {
        position: relative;
        left: 0;
        width: 100%;
        text-align: center
    }
    .learnalytics .wkar-content .most-distinctive .maps .map img {
        display: inline-block
    }
    .learnalytics .wkar-content .most-distinctive .maps .disclaimer {
        display: none
    }
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .most-distinctive {
        display: none
    }
}

.learnalytics .wkar-content .ngrs-range-slider {
    position: relative;
    margin: 10px 0 30px;
    padding: 4px;
    border: none;
    background: url(../img/atos-control-bg-middle.png) 0 repeat-x;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-runner {
    position: relative;
    margin: 0 9px;
    height: 14px;
	top: 10px;
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-join {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 100%;
    height: 4px;
    margin: -2px 0 0;
    border-radius: 4px;
    background: #555
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-handle {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 14px;
    margin: 0 0 0 -9px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 7px
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-handle i {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat -9999px -9999px;
    cursor: pointer
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-handle:hover i {
    background-position: 50% 50%
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-handle.ngrs-down {
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-handle.ngrs-down i {
    background-position: 50% 50%
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-value {
    position: absolute;
    top: -38px;
    left: 0;
    margin-left: -4px;
    padding: 5px 0 0;
    font-size: 16px;
    color: #969696;
    text-align: center
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-value.ngrs-value-max {
    left: auto;
    right: 0
}

.learnalytics .wkar-content .ngrs-range-slider.ngrs-handle-max-down .ngrs-value-max,
.learnalytics .wkar-content .ngrs-range-slider.ngrs-handle-min-down .ngrs-value-min {
    color: #333
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-attached-handles {
    margin: 0 9px;
    position: relative
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-attached-handles .ngrs-value-max {
    text-align: left
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-attached-handles .ngrs-value>div {
    margin: 0 0 0 -50%
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-start-min {
    position: absolute;
    left: 0;
    bottom: 0
}

.learnalytics .wkar-content .ngrs-range-slider .ngrs-start-max {
    position: absolute;
    right: 0;
    bottom: 0
}

.learnalytics .wkar-content .ngrs-range-slider.disabled .ngrs-join {
    background: #d4d4d4
}

.learnalytics .wkar-content .ngrs-range-slider.disabled .ngrs-value {
    color: #b0b0b0
}

@media only screen and (max-width:640px) {
    .learnalytics .wkar-content .ngrs-range-slider .ngrs-runner {
        height: 24px
    }
    .learnalytics .wkar-content .ngrs-range-slider .ngrs-value {
        top: -50px
    }
    .learnalytics .wkar-content .ngrs-range-slider .ngrs-handle {
        height: 24px;
        width: 24px;
        margin: 0 0 0 -12px;
        border-radius: 12px
    }
}

.learnalytics .wkar-content .ngrs-range-slider,
.learnalytics .wkar-content .ngrs-range-slider * {
    display: block;
    cursor: default;
    box-sizing: border-box;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.learnalytics .wkar-content .ngrs-range-slider.ngrs-disabled,
.learnalytics .wkar-content .ngrs-range-slider.ngrs-disabled.ngrs-focus {
    border-color: #eee;
    box-shadow: none
}

.learnalytics .wkar-content .ngrs-range-slider.ngrs-disabled .ngrs-handle {
    background: #fff;
    border-color: #eee
}

.learnalytics .wkar-content .ngrs-range-slider.ngrs-disabled .ngrs-handle i {
    background: none!important;
    cursor: default
}

.learnalytics .wkar-content .ngrs-range-slider.ngrs-disabled .ngrs-join {
    background: #eee
}

.learnalytics .wkar-content .ngrs-range-slider.ngrs-disabled .ngrs-value {
    color: #eee
}

.learnalytics .wkar-content body.ngrs-touching {
    -ms-touch-action: none
}

.learnalytics .wkar-content .wrapper {
    min-height: 100%
}

.learnalytics .wkar-content .footer-primary {
    float: left;
    width: 100%;
    font-family: Source Sans Pro, sans-serif;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4
}

.learnalytics .wkar-content .footer-primary h1 {
    font-family: Source Sans Pro, sans-serif;
    line-height: 1.5;
    margin: 0;
    text-rendering: optimizeLegibility;
    font-size: 2.25em
}

.learnalytics .wkar-content .footer-primary ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.learnalytics .wkar-content .footer-primary a {
    color: #146e9a;
    text-decoration: none;
    transition: color .1s ease
}

.learnalytics .wkar-content .footer-primary a:hover {
    color: #0b3e56
}

.learnalytics .wkar-content .footer-primary a:active,
.learnalytics .wkar-content .footer-primary a:focus {
    color: #0b3e56;
    outline: none
}

.learnalytics .wkar-content .footer-primary .info-text {
    opacity: .75;
    font-size: .8em;
    text-transform: uppercase
}

@font-face {
    font-family: learnalytics;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: 400;
    font-style: normal
}

.learnalytics .wkar-content .footer-global [class*=" icon-"]:before,
.learnalytics .wkar-content .footer-global [class^=icon-]:before {
    font-family: learnalytics;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.learnalytics .wkar-content .footer-global .icon-angle-right:before {
    content: "\f105"
}

.learnalytics .wkar-content .footer-global .container {
    position: relative;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    padding: 0 40px
}

.learnalytics .wkar-content .footer-global .container:after {
    content: "";
    display: table;
    clear: both
}

.learnalytics .wkar-content .footer-global img {
    display: block;
    margin: 0;
    width: 100%
}

.learnalytics .wkar-content .footer-global hr {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1.5em 0
}

.learnalytics .wkar-content .footer__logo h1 {
    font-size: 22px;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase
}

.learnalytics .wkar-content .footer-global {
    background-color: #146e9a;
    padding: 40px 0;
    color: #c4dae5
}

.learnalytics .wkar-content .footer-global a {
    position: relative;
    color: #c4dae5
}

.learnalytics .wkar-content .footer-global a:before {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 6px
}

.learnalytics .wkar-content .footer-global a:hover {
    color: #fff
}

.learnalytics .wkar-content .footer-global a:hover:before {
    display: block
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .footer-global a:before {
        display: block;
        position: absolute;
        top: auto;
        right: 0;
        left: auto;
        margin-left: auto
    }
}

.learnalytics .wkar-content .footer__logo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #5094de
}

.learnalytics .wkar-content .footer__logo:last-child {
    margin-right: 0
}

@media screen and (max-width:479px) {
    .learnalytics .wkar-content .footer__logo {
        margin-bottom: 0
    }
}

.learnalytics .wkar-content .footer__left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.learnalytics .wkar-content .footer__left:last-child {
    margin-right: 0
}

.learnalytics .wkar-content .footer__links {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
}

.learnalytics .wkar-content .footer__links:last-child {
    margin-right: 0
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .footer__links {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .learnalytics .wkar-content .footer__links:last-child {
        margin-right: 0
    }
    .learnalytics .wkar-content .footer__links a {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #326295
    }
}

.learnalytics .wkar-content .footer__links--left {
    float: left;
    display: block;
    margin-right: 4.11092%;
    width: 40.50805%
}

.learnalytics .wkar-content .footer__links--left:last-child {
    margin-right: 0
}

.learnalytics .wkar-content .footer__links--right {
    float: left;
    display: block;
    margin-right: 4.11092%;
    width: 55.38104%
}

.learnalytics .wkar-content .footer__links--right:last-child {
    margin-right: 0
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .footer__links--left,
    .learnalytics .wkar-content .footer__links--right {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .learnalytics .wkar-content .footer__links--left:last-child,
    .learnalytics .wkar-content .footer__links--right:last-child {
        margin-right: 0;
        margin-bottom: 1.5em
    }
}

@media screen and (max-width:479px) {
    .learnalytics .wkar-content .footer__links--left,
    .learnalytics .wkar-content .footer__links--right {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .learnalytics .wkar-content .footer__links--left:last-child,
    .learnalytics .wkar-content .footer__links--right:last-child {
        margin-right: 0
    }
}

.learnalytics .wkar-content .footer__poweredby {
    position: relative;
    margin-top: 10px;
    max-width: 280px;
    float: right
}

.learnalytics .wkar-content .footer__poweredby.footer__poweredby--basic {
    float: none;
    margin: 0 auto
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .footer__poweredby:not(.footer__poweredby--basic) {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .learnalytics .wkar-content .footer__poweredby:not(.footer__poweredby--basic):last-child {
        margin-right: 0
    }
}

.learnalytics .wkar-content .poweredby__text {
    position: absolute;
    left: -1px;
    top: 6px;
    letter-spacing: 1px;
    opacity: .85;
    pointer-events: none
}

@media screen and (max-width:479px) {
    .learnalytics .wkar-content .poweredby__text {
        top: 4px
    }
}

.learnalytics .wkar-content .poweredby__logo {
    display: block;
    opacity: .8
}

.learnalytics .wkar-content .poweredby__logo:hover {
    opacity: 1
}

.learnalytics .wkar-content .tool-global-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 40
}

.learnalytics .wkar-content .tool-global-nav .tool-nav .h1,
.learnalytics .wkar-content .tool-global-nav .tool-nav h1 {
    font-size: 16px;
    letter-spacing: 3px;
    font-weight: 400;
    text-transform: uppercase
}

@font-face {
    font-family: learnalytics;
    src: url(fonts/learnalytics.eot)
}

@font-face {
    font-family: learnalytics;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: 400;
    font-style: normal
}

.learnalytics .wkar-content .tool-global-nav .block-logo .block-logo__inner h1,
.learnalytics .wkar-content .tool-global-nav .footer__logo h1 {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 3px;
    font-weight: 400;
    text-transform: uppercase
}

.learnalytics .wkar-content .tool-global-nav body {
    color: #333;
    font-family: Source Sans Pro, sans-serif;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4
}

.learnalytics .wkar-content .tool-global-nav h1,
.learnalytics .wkar-content .tool-global-nav h2,
.learnalytics .wkar-content .tool-global-nav h3,
.learnalytics .wkar-content .tool-global-nav h4,
.learnalytics .wkar-content .tool-global-nav h5,
.learnalytics .wkar-content .tool-global-nav h6 {
    font-family: Source Sans Pro, sans-serif;
    line-height: 1.4;
    margin: 0;
    text-rendering: optimizeLegibility;
    font-weight: 300
}

.learnalytics .wkar-content .tool-global-nav h1 {
    font-size: 2.25em
}

.learnalytics .wkar-content .tool-global-nav h2 {
    font-size: 2em
}

@media screen and (max-width:639px) {
    .learnalytics .wkar-content .tool-global-nav h2 {
        font-size: 1.6em
    }
}

.learnalytics .wkar-content .tool-global-nav h3 {
    font-size: 2.65em;
    font-weight: 300;
    margin-bottom: .25em
}

.learnalytics .wkar-content .tool-global-nav h3 strong {
    text-transform: uppercase
}

.learnalytics .wkar-content .tool-global-nav h3.hr {
    margin-bottom: 1em
}

@media screen and (max-width:639px) {
    .learnalytics .wkar-content .tool-global-nav h3 {
        font-size: 1.75em
    }
}

.learnalytics .wkar-content .tool-global-nav h4 {
    font-size: 1.5em
}

.learnalytics .wkar-content .long-form .tool-global-nav h4 {
    font-weight: 300;
    color: #5b5b5b;
    margin-bottom: .25em
}

.learnalytics .wkar-content .long-form .tool-global-nav h4 strong {
    text-transform: uppercase
}

@media screen and (max-width:639px) {
    .learnalytics .wkar-content .tool-global-nav h4 {
        font-size: 1.35em
    }
}

.learnalytics .wkar-content .tool-global-nav h5 {
    font-size: 1.25em;
    font-weight: 700
}

.learnalytics .wkar-content .tool-global-nav h6 {
    font-size: 1em
}

.learnalytics .wkar-content .long-form .tool-global-nav h6 {
    font-size: 1.375em;
    font-style: italic;
    font-weight: 100;
    margin-bottom: .25em
}

.learnalytics .wkar-content .tool-global-nav p {
    margin: 0 0 .75em
}

.learnalytics .wkar-content .long-form .tool-global-nav p {
    font-size: 1em;
    line-height: 1.5;
    color: #474747;
    margin-bottom: 1.5em
}

.learnalytics .wkar-content .tool-global-nav a {
    color: #1988be;
    text-decoration: none;
    transition: color .1s ease
}

.learnalytics .wkar-content .tool-global-nav a:hover {
    color: #146e9a
}

.learnalytics .wkar-content .tool-global-nav a:active,
.learnalytics .wkar-content .tool-global-nav a:focus {
    color: #146e9a;
    outline: none
}

.learnalytics .wkar-content .tool-global-nav .hr,
.learnalytics .wkar-content .tool-global-nav hr {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1.5em 0
}

.learnalytics .wkar-content .tool-global-nav .hr.space,
.learnalytics .wkar-content .tool-global-nav hr.space {
    border-width: 0
}

.learnalytics .wkar-content .tool-global-nav img {
    display: block;
    margin: 0;
    width: 100%
}

.learnalytics .wkar-content .tool-global-nav abbr,
.learnalytics .wkar-content .tool-global-nav acronym {
    border-bottom: 1px dotted #ddd;
    cursor: help
}

.learnalytics .wkar-content .tool-global-nav address {
    display: block;
    margin: 0 0 .75em
}

.learnalytics .wkar-content .tool-global-nav hgroup {
    margin-bottom: .75em
}

.learnalytics .wkar-content .tool-global-nav del {
    color: #595959
}

.learnalytics .wkar-content .tool-global-nav blockquote {
    border-left: 2px solid #ddd;
    color: #595959;
    margin: 1.5em 0;
    padding-left: .75em
}

.learnalytics .wkar-content .tool-global-nav cite {
    color: #737373;
    font-style: italic
}

.learnalytics .wkar-content .tool-global-nav cite:before {
    content: '\2014 \00A0'
}

.learnalytics .wkar-content p .tool-global-nav sup {
    border-bottom: 1px dotted;
    font-weight: 700
}

@media screen and (max-width:639px) {
    .learnalytics .wkar-content .tool-global-nav .long-form {
        font-size: .925em
    }
}

.learnalytics .wkar-content .tool-global-nav .long-form hr:last-child {
    margin-bottom: 0
}

.learnalytics .wkar-content .tool-global-nav .info-text {
    opacity: .75;
    font-size: .8em;
    text-transform: uppercase
}

.learnalytics .wkar-content .tool-global-nav .section-head {
    border-bottom: 1px solid #ddd;
    margin-bottom: .75em
}

.learnalytics .wkar-content .tool-global-nav ol,
.learnalytics .wkar-content .tool-global-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.learnalytics .wkar-content .tool-global-nav dl {
    line-height: 1.5em;
    margin-bottom: .75em
}

.learnalytics .wkar-content .tool-global-nav dl dt {
    font-weight: 700;
    margin-top: .75em
}

.learnalytics .wkar-content .tool-global-nav dl dd {
    margin: 0
}

.learnalytics .wkar-content .tool-global-nav.tool-global-nav_index {
    color: #333;
    font-family: Source Sans Pro, sans-serif;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4
}

.learnalytics .wkar-content .tool-global-nav body,
.learnalytics .wkar-content .tool-global-nav html {
    height: 100%;
    min-width: 20em
}

.learnalytics .wkar-content .tool-global-nav section {
    padding: 40px 0
}

.learnalytics .wkar-content .tool-global-nav section:after {
    content: "";
    display: table;
    clear: both
}

.learnalytics .wkar-content .tool-global-nav section.home-quote {
    padding-bottom: 0
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .tool-global-nav section {
        padding: 20px 0
    }
    .learnalytics .wkar-content .tool-global-nav section.home-quote {
        padding: 20px 0 0
    }
}

.learnalytics .wkar-content .tool-global-nav section.no-pad-bottom {
    padding-bottom: 0
}

.learnalytics .wkar-content .tool-global-nav .container {
    position: relative;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    min-width: 18.25em;
    padding: 0 40px
}

.learnalytics .wkar-content .tool-global-nav .container:after {
    content: "";
    display: table;
    clear: both
}

.learnalytics .wkar-content .tool-global-nav .container.device-container,
.learnalytics .wkar-content .tool-global-nav .container.table-container {
    max-width: 56.4em
}

.learnalytics .wkar-content .tool-global-nav .container.global-nav-container {
    max-width: inherit
}

.learnalytics .wkar-content .tool-global-nav .container.long-form-container {
    max-width: 43.125em;
    padding: 0 20px
}

.learnalytics .wkar-content .tool-global-nav .container.paper-container {
    padding: 0 40px;
    border: 2px solid #a0bdca;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15)
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .tool-global-nav .container {
        padding: 0 20px
    }
    .learnalytics .wkar-content .tool-global-nav .container.paper-container {
        padding: 0 20px;
        border-width: 0;
        border-radius: 0
    }
}

@media screen and (max-width:639px) {
    .learnalytics .wkar-content .tool-global-nav .container {
        padding: 0 14px
    }
    .learnalytics .wkar-content .tool-global-nav .container.table-container {
        padding: 0
    }
    .learnalytics .wkar-content .tool-global-nav .container.paper-container {
        padding: 0 14px
    }
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .tool-global-nav .table-container {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media screen and (max-width:639px) {
    .learnalytics .wkar-content .tool-global-nav .table-container {
        margin-left: -10px;
        margin-right: -10px
    }
}

.learnalytics .wkar-content .tool-global-nav .flow-2-col {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 26px;
    column-gap: 26px
}

@media screen and (max-width:639px) {
    .learnalytics .wkar-content .tool-global-nav .flow-2-col {
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.learnalytics .wkar-content .tool-global-nav .columnizer-column {
    padding-right: 26px
}

.learnalytics .wkar-content .tool-global-nav .columnizer-column.columnizer-last {
    padding-right: 0
}

.learnalytics .wkar-content .tool-global-nav [class*=" icon-"]:before,
.learnalytics .wkar-content .tool-global-nav [class^=icon-]:before {
    font-family: learnalytics;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.learnalytics .wkar-content .tool-global-nav .icon-navicon:before {
    content: "\f0c9"
}

.learnalytics .wkar-content .tool-global-nav .icon-angle-left:before {
    content: "\f104"
}

.learnalytics .wkar-content .tool-global-nav .icon-angle-right:before {
    content: "\f105"
}

.learnalytics .wkar-content .tool-global-nav .icon-angle-up:before {
    content: "\f106"
}

.learnalytics .wkar-content .tool-global-nav .icon-angle-down:before {
    content: "\f107"
}

.learnalytics .wkar-content .tool-global-nav .icon-light-bulb:before {
    content: "\e601"
}

.learnalytics .wkar-content .tool-global-nav .icon-question:before {
    content: "\e603"
}

.learnalytics .wkar-content .tool-global-nav .icon-graduation:before {
    content: "\e600"
}

.learnalytics .wkar-content .tool-global-nav .icon-multiply:before {
    content: "\e604"
}

.learnalytics .wkar-content .tool-global-nav .icon-arrow-down:before {
    content: "\e602"
}

.learnalytics .wkar-content .tool-global-nav .global-nav {
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    color: #fff;
    z-index: 10;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.learnalytics .wkar-content body:not(.index) .tool-global-nav .global-nav {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 40px 0;
    color: #326295
}

.learnalytics .wkar-content .tool-global-nav .global-nav .global-nav__inner {
    position: relative;
    height: 64px
}

@media screen and (max-width:639px) {
    .learnalytics .wkar-content .tool-global-nav .global-nav {
        top: 14px
    }
    .learnalytics .wkar-content body:not(.index) .tool-global-nav .global-nav {
        padding: 14px 0
    }
}

.learnalytics .wkar-content .tool-global-nav .block-logo {
    position: absolute;
    top: 0;
    left: 0
}

.learnalytics .wkar-content .tool-global-nav .block-logo .block-logo__inner {
    height: 64px;
    padding: 15px 32px 13px;
    background-color: #ff8100;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.learnalytics .wkar-content .tool-global-nav .block-logo .block-logo__inner h1 {
    color: #fff
}

.learnalytics .wkar-content .tool-global-nav .block-logo .block-logo__inner:hover {
    background-color: #fe8911
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li {
    display: inline-block;
    margin-right: 5px
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li:last-child {
    margin-right: 0
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a {
    position: relative;
    display: inline-block;
    padding: 6px 16px;
    margin: 16px 0 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: hsla(0, 0%, 100%, 0);
    transition: background-color .25s
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a.on-white {
    color: #326295
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a>span {
    display: block;
    transition: transform .25s
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a.explore-menu-trigger {
    padding-right: 28px;
    padding-left: 9px
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a .icon--nav-menu,
.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a .icon--nav-right {
    position: absolute;
    top: 4px;
    right: 5px;
    font-size: 16px
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a .icon--nav-right {
    opacity: 0;
    transform: translateX(-6px);
    transition-property: opacity, transform;
    transition-duration: .25s
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a.current,
.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a.menu--open,
.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a.menu--open:hover:not(.current) {
    background-color: hsla(0, 0%, 100%, .25)
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a:hover:not(.current) {
    background-color: hsla(0, 0%, 100%, .15)
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a:hover:not(.current)>span {
    transform: translateX(-7px)
}

.learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li>a:hover:not(.current) .icon--nav-right {
    opacity: 1;
    transform: translateX(0)
}

@media screen and (max-width:639px) {
    .learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li a.explore-menu-trigger {
        display: block;
        margin-top: 11px;
        padding: 1px 10px 0
    }
    .learnalytics .wkar-content .tool-global-nav .global-nav__right>ul>li a.explore-menu-trigger .icon--nav-menu {
        position: relative;
        top: auto;
        right: auto;
        font-size: 28px
    }
}

.learnalytics .wkar-content .tool-global-nav .explore-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 40px;
    margin-top: -12px;
    width: 320px;
    background-color: #5495b4;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1)
}

.learnalytics .wkar-content .tool-global-nav .explore-menu:after,
.learnalytics .wkar-content .tool-global-nav .explore-menu:before {
    position: absolute;
    right: 7px;
    bottom: 100%;
    content: " "
}

.learnalytics .wkar-content .tool-global-nav .explore-menu:before {
    margin-bottom: 1px;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #146e9a
}

.learnalytics .wkar-content .tool-global-nav .explore-menu:after {
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #5495b4
}

.learnalytics .wkar-content .tool-global-nav .explore-menu a {
    position: relative;
    display: block;
    padding: 9px 10px 11px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.learnalytics .wkar-content .tool-global-nav .explore-menu a span {
    display: block;
    transition: transform .25s ease
}

.learnalytics .wkar-content .tool-global-nav .explore-menu a .icon--explore-menu-item {
    position: absolute;
    top: 1px;
    right: 20px;
    font-size: 28px;
    transition-property: transform, opacity;
    transition-duration: .25s;
    transform: translateX(-7px);
    opacity: 0
}

.learnalytics .wkar-content .tool-global-nav .explore-menu a:active,
.learnalytics .wkar-content .tool-global-nav .explore-menu a:hover {
    background-color: #4b86a2
}

.learnalytics .wkar-content .tool-global-nav .explore-menu a:active span,
.learnalytics .wkar-content .tool-global-nav .explore-menu a:hover span {
    transform: translateX(-7px)
}

.learnalytics .wkar-content .tool-global-nav .explore-menu a:active .icon--explore-menu-item,
.learnalytics .wkar-content .tool-global-nav .explore-menu a:hover .icon--explore-menu-item {
    transform: translateX(0);
    opacity: 1
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .tool-global-nav .explore-menu {
        right: 20px
    }
}

@media screen and (max-width:639px) {
    .learnalytics .wkar-content .tool-global-nav .explore-menu {
        width: 100%;
        right: 0;
        margin-top: 14px
    }
    .learnalytics .wkar-content .tool-global-nav .explore-menu:after,
    .learnalytics .wkar-content .tool-global-nav .explore-menu:before {
        right: 27px
    }
    .learnalytics .wkar-content .tool-global-nav .explore-menu:before {
        height: 0;
        width: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #146e9a
    }
    .learnalytics .wkar-content .tool-global-nav .explore-menu:after {
        height: 0;
        width: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #5495b4
    }
}

.learnalytics .wkar-content .tool-global-nav .tool-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background-color: #555
}

.learnalytics .wkar-content .tool-global-nav .tool-nav .header-social-icons {
    float: right;
    width: 150px;
    margin: 5px 0 0;
    text-align: right;
    font-size: .1px
}

.learnalytics .wkar-content .tool-global-nav .tool-nav .header-social-icons img {
    display: inline-block;
    vertical-align: top;
    max-width: 20px;
    margin: 0 2px
}

.learnalytics .wkar-content .tool-global-nav .tool-nav .h1,
.learnalytics .wkar-content .tool-global-nav .tool-nav h1 {
    margin-top: 3px
}

.learnalytics .wkar-content .tool-global-nav .tool-nav .menu__trigger {
    display: inline-block;
    color: #eee;
    opacity: .85
}

.learnalytics .wkar-content .tool-global-nav .tool-nav .menu__trigger:hover {
    opacity: 1
}

.learnalytics .wkar-content .tool-global-nav .tool-nav .menu__top {
    height: 30px;
    padding: 0 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #555
}

.learnalytics .wkar-content .tool-global-nav .tool-nav .menu__inner {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 20px;
    background-color: #146e9a;
    color: #fff;
    z-index: 10
}

.learnalytics .wkar-content .tool-global-nav .tool-nav .menu__inner-ui {
    height: 30px
}

.learnalytics .wkar-content .tool-global-nav .tool-nav .icon--tool-nav {
    position: relative;
    font-size: 14px;
    top: 1px;
    padding-right: 3px
}

.learnalytics .wkar-content .tool-global-nav .footer-global {
    background-color: #146e9a;
    padding: 40px 0;
    color: #b8d3e0;
    z-index: 100
}

.learnalytics .wkar-content .tool-global-nav .footer-global a {
    position: relative;
    color: #b8d3e0
}

.learnalytics .wkar-content .tool-global-nav .footer-global a:before {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 6px
}

.learnalytics .wkar-content .tool-global-nav .footer-global a:hover {
    color: #fff
}

.learnalytics .wkar-content .tool-global-nav .footer-global a:hover:before {
    display: block
}

.learnalytics .wkar-content .tool-global-nav .footer-global.footer-about {
    background-color: inherit
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .tool-global-nav .footer-global a:before {
        display: block;
        position: absolute;
        top: auto;
        right: 0;
        left: auto;
        margin-left: auto
    }
}

.learnalytics .wkar-content .lp .tool-global-nav .footer-global,
.learnalytics .wkar-content .sgp .tool-global-nav .footer-global {
    background-color: inherit
}

.learnalytics .wkar-content .lp .tool-global-nav .footer-global .container,
.learnalytics .wkar-content .sgp .tool-global-nav .footer-global .container {
    max-width: inherit;
    padding: 0
}

.learnalytics .wkar-content .tool-global-nav .footer__logo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #5094de
}

.learnalytics .wkar-content .tool-global-nav .footer__logo:last-child {
    margin-right: 0
}

@media screen and (max-width:479px) {
    .learnalytics .wkar-content .tool-global-nav .footer__logo {
        margin-bottom: 0
    }
}

.learnalytics .wkar-content .tool-global-nav .footer__left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.learnalytics .wkar-content .tool-global-nav .footer__left:last-child {
    margin-right: 0
}

.learnalytics .wkar-content .tool-global-nav .footer__links {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .86957em;
    font-weight: 700
}

.learnalytics .wkar-content .tool-global-nav .footer__links:last-child {
    margin-right: 0
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .tool-global-nav .footer__links {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .learnalytics .wkar-content .tool-global-nav .footer__links:last-child {
        margin-right: 0
    }
    .learnalytics .wkar-content .tool-global-nav .footer__links a {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #326295
    }
}

.learnalytics .wkar-content .tool-global-nav .footer__links--left {
    float: left;
    display: block;
    margin-right: 4.11092%;
    width: 40.50805%
}

.learnalytics .wkar-content .tool-global-nav .footer__links--left:last-child {
    margin-right: 0
}

.learnalytics .wkar-content .tool-global-nav .footer__links--right {
    float: left;
    display: block;
    margin-right: 4.11092%;
    width: 55.38104%
}

.learnalytics .wkar-content .tool-global-nav .footer__links--right:last-child {
    margin-right: 0
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .tool-global-nav .footer__links--left,
    .learnalytics .wkar-content .tool-global-nav .footer__links--right {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .learnalytics .wkar-content .tool-global-nav .footer__links--left:last-child,
    .learnalytics .wkar-content .tool-global-nav .footer__links--right:last-child {
        margin-right: 0;
        margin-bottom: 1.5em
    }
}

@media screen and (max-width:479px) {
    .learnalytics .wkar-content .tool-global-nav .footer__links--left,
    .learnalytics .wkar-content .tool-global-nav .footer__links--right {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .learnalytics .wkar-content .tool-global-nav .footer__links--left:last-child,
    .learnalytics .wkar-content .tool-global-nav .footer__links--right:last-child {
        margin-right: 0
    }
}

.learnalytics .wkar-content .tool-global-nav .footer__poweredby {
    position: relative;
    margin-top: 10px;
    max-width: 280px;
    float: right
}

.learnalytics .wkar-content .tool-global-nav .footer__poweredby.footer__poweredby--basic {
    float: none;
    margin: 0 auto
}

@media screen and (max-width:768px) {
    .learnalytics .wkar-content .tool-global-nav .footer__poweredby:not(.footer__poweredby--basic) {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .learnalytics .wkar-content .tool-global-nav .footer__poweredby:not(.footer__poweredby--basic):last-child {
        margin-right: 0
    }
}

.learnalytics .wkar-content .tool-global-nav .poweredby__text {
    position: absolute;
    left: -1px;
    top: 6px;
    letter-spacing: 1px;
    opacity: .85;
    pointer-events: none
}

.learnalytics .wkar-content .tool-global-nav .poweredby__logo {
    display: block;
    opacity: .8
}

.learnalytics .wkar-content .tool-global-nav .poweredby__logo:hover {
    opacity: 1
}

.learnalytics .quote-callout {
    float: right;
    width: 40%;
    margin: 0 0 1em 1em;
    padding: 0 0 1em 1em
}

.learnalytics h2 {
    margin-top: .7em;
    line-height: 1.1
}

.learnalytics ul {
    margin-left: 2em;
    list-style: circle
}

.learnalytics .photo.right {
    float: right;
    margin: 0 0 1em 1em
}

.learnalytics .top-books {
    position: relative;
    float: right;
    height: 200px
}

.learnalytics .top-books .book {
    width: 40%;
    z-index: 5;
    border: 3px solid #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

.learnalytics .top-books .book img {
    display: block
}

.learnalytics .top-books .book-0 {
    position: absolute;
    top: 0
}

.learnalytics .top-books .book-1 {
    position: absolute;
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    z-index: 10
}

.learnalytics .top-books .book-2 {
    position: absolute;
    right: 0;
    top: 0
}