@charset "utf-8";
/* CSS Document */


body {
    margin: 0 0 0 0;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #424242;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

p {
    margin: 5px 0 20px 0;
    padding: 0;
    line-height: 28px;
}

li {
}

strong {
    color: #453f3d;
}


a {
    color: #077AA6;
    text-decoration: none;
}

a:hover {
    color: #077AA6;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

a img {
    border: none;
    text-decoration: none;
}

.subnav a {
    text-decoration: none;
}

.subnav a:hover {
    text-decoration: none;
}

hr {
    height: 1px;
    background-color: #ECECEC;
    border: 0;
    margin: auto 0;
    width: 100%;
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
}

hr.thin {
    margin-top: 10px;
}

h6 {
    font-size: 11px;
    padding: 0;
    margin: 5px 0 0 0;
    color: #fb9318;
}

/* ----- HEADER ----- */
#header {
    width: 100%;
    padding: 0 18px;
    height: 124px;
    z-index: 9;
    background: url(/content/images/header-tile.png) 0 0 repeat-x;
    margin: 0 auto;
    position: relative;
}

#logoArea {
    width: 324px;
    float: left;
    padding-top: 18px;
}

#navArea {
    width: 666px;
    float: right;
    z-index: 10;
}

/* ----- BANNER ----- */
#mainAdArea {
    max-width: 1026px;
    height: 476px;
    background: #fff;
    z-index: 7;
    margin: auto;
    z-index: 1;
}

#interiorAdArea {
    position: relative;
    z-index: 7;
    top: -5px;
    margin: 0 auto -5px auto;
}

a.banner-save-100 img {
    width: 100%;
}

/* ----- CONTACT BUTTONS ----- */
#contactButtons {
    position: relative;
    top: -58px;
    float: right;
    width: 494px;
    z-index: 7;
    margin-bottom: -58px;
    text-indent: -1000em;
}

#contactButtons a {
    width: 145px;
    display: block;
    float: left;
    height: 48px;
    margin-left: 11px;
}

#contactButtons a.joinWebinar {
    background: url(/content/images/join-webinar-bt.png) 0 0 no-repeat;
    width: 171px;
}

#contactButtons a.freeTrial {
    background: url(/content/images/try-for-free-bt.png) 0 0 no-repeat;
}

#contactButtons a.contactBT {
    background: url(/content/images/contact-bt.png) 0 0 no-repeat;
}

#contactButtons a:hover {
    background-position: 0 -48px;
}

/* ----- CONTENT AREA ----- */
#container {
    width: 100%;
    margin: auto 0;
    background: #fbfbfb;
    margin-top: 100px;
}

#contentWrapper, #contentWrapperNS {
    margin: 0;
    min-height: 50px;
    z-index: 1;
    max-width: 1157px;;
    margin: auto;
    margin-top: 47px;
    padding: 0 10px;
    padding-top: 100px;
}

#contentInner {
    margin: 0;
    min-height: 240px;
    z-index: 2;
    padding: 0;
}

#contentInnerNS {
    margin: 0;
    min-height: 240px;
    z-index: 2;
    padding: 0 6px 0px 6px;
}

#rightColumn {
    float: right;
}

/* ----- HOME CONTENT ----- */
.shoutContainer {
    margin: auto;
    max-width: 1026px;
}

#shoutWrapper {
    position: relative;
    height: 288px;
    z-index: 4;
    margin-top: -288px;
}

.shoutHome, .shoutHomeEnd {
    float: left;
    width: 27%;
    position: relative;
    z-index: 8;
    height: 260px;
    margin: 18px 0 0 0;
    font-size: 17px;
    line-height: 25px;
    color: #676767;
    border: 1px solid #B8B8B8;
    border-radius: 17px;
    padding: 20px;
}

.buttonfloat a {
    width: 316px;
    display: block;
    text-align: center;
    color: #fff;
    background: #1EB7EC;
    text-decoration: none;
    border-radius: 6px;
    line-height: 42px;
    padding: 2px 0 2px 0;
    font-size: 18px;
}

.buttonfloat a:hover {
    background: #70cff0;
}

.shoutHome:hover {
    background: #cdf0fc;
}

.shoutHomeEnd {
    border: none;
    width: 208px;
}

.shoutHomeEnd h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 12px 0;
    padding: 0;
    color: #6c8a18;
}

.shoutHomeEnd h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    color: #9fa6aa;
    display: block;
}

.shoutHome img, .shoutHomeEnd img, .shoutUpdate img {
    z-index: 8;
    position: relative;
    margin: 10px 0 5px 0;
}

.shoutUpdate img.noBorder {
    border: none;
}

.shoutHome a.learnMore, .shoutHomeEnd a.learnMore {
    display: block;
    width: 206px;
    height: 27px;
    border-radius: 4px;
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 27px;
    position: absolute;
    bottom: 0;
    background: #59abe5;
    background: -moz-linear-gradient(top, #59abe5 1%, #4095d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #59abe5), color-stop(100%, #4095d0));
    background: -webkit-linear-gradient(top, #59abe5 1%, #4095d0 100%);
    background: -o-linear-gradient(top, #59abe5 1%, #4095d0 100%);
    background: -ms-linear-gradient(top, #59abe5 1%, #4095d0 100%);
    background: linear-gradient(to bottom, #59abe5 1%, #4095d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59abe5', endColorstr='#4095d0', GradientType=0);
}

.shoutHome h1 {
    font-weight: normal;
    font-size: 33px;
    color: #77787b;
    text-transform: capitalize;
    padding-top: 0px;
    margin: 10px 0 17px 0px;
}

.shoutHome h2 {
    font-weight: normal;
    font-size: 17px;
    color: #2b6897;
    margin: 0 0 8px 0;
    line-height: 23px;
}

.shoutHomeDivider {
    float: left;
    width: 15px;
    height: 177px;
    border-right: 1px solid #d8eaf6;
    margin: 23px 15px 0 0;
}

.shoutHome a.learnMore:hover, .shoutHomeEnd a.learnMore:hover {
    background: #358fda;
    background: -moz-linear-gradient(top, #358fda 2%, #2074be 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #358fda), color-stop(100%, #2074be));
    background: -webkit-linear-gradient(top, #358fda 2%, #2074be 100%);
    background: -o-linear-gradient(top, #358fda 2%, #2074be 100%);
    background: -ms-linear-gradient(top, #358fda 2%, #2074be 100%);
    background: linear-gradient(to bottom, #358fda 2%, #2074be 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#358fda', endColorstr='#2074be', GradientType=0);
}

.shoutdivider {
    width: 3%;
    height: 328px;
    display: block;
    float: left
}

.dividerLine {
    max-width: 977px;
    border-bottom: 1px solid #d8d8d8;
    margin: auto;
    margin-top: 29px;
    margin-bottom: 29px;
}

.shoutHome a.KurzweilFor, .shoutHomeEnd a.KurzweilFor {
    text-decoration: none;
    color: #6c8a18;
}

.shoutUpdate {
    float: right;
    width: 280px;
    margin: 0 9px 0 0;
    z-index: 8;
    top: 10px;
}

.shoutUpdate h1 {
    font-size: 16px;
    margin: 0 0 12px 0;
    padding: 0;
    color: #333;
}

.shoutUpdate a {
    text-decoration: none;
    position: relative;
    z-index: 8;
}

.shoutUpdate a:hover {
    text-decoration: none;
}

.shoutUpdate img {
    margin-bottom: 12px;
}

.shoutUpdate a.shoutBox, .shoutUpdate a.shoutBoxProducts {
    float: left;
    width: 105px;
    display: block;
    text-decoration: none;
    color: #333;
    background: #e2e8ec;
    padding: 6px 0px 3px 160px;
    border: 1px dotted #ccc;
    margin: 12px 0 24px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
}

.shoutUpdate a.shoutBox:hover, .shoutUpdate a.shoutBoxProducts:hover {
    border: 1px dotted #014479;
}

.shoutUpdate a.shoutBox img, .shoutUpdate a.shoutBoxProducts img {
    padding: 0;
    margin: 6px 0 0 0;
    border: none;
    display: block;
}

img.catalogs {
    position: absolute;
    top: -30px;
    left: 0;
    margin-top: 0;
}

.shoutUpdate a.shoutBoxProducts {
    width: auto;
    padding: 6px 0px 6px 120px;
    float: none;
    margin-bottom: 30px;
}

.shoutUpdate div.shoutBox {
    position: relative;
    z-index: 8;
    width: auto;
    display: block;
    text-decoration: none;
    background: #e2e8ec;
    padding: 6px 0px 3px 118px;
    border: 1px dotted #ccc;
    margin: 12px 0 18px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
}

.shoutUpdate div.shoutBox img {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    border: 0;
    z-index: 8;
}

.shoutUpdate div.shoutBox a {
    display: block;
    height: 27px;
    width: 137px;
    color: #FFF;
    line-height: 25px;
    margin: 1px 0 4px;
    background: url(/content/images/button-shout.png) 0 0 no-repeat;
    text-align: center;
}

.shoutUpdate div.shoutBox a:hover {
    background-position: 0 -27px;
    text-decoration: none;
}

.movieBox {
    position: relative;
    margin-top: 10px;
}

.shoutMessage {
    border: 1px dotted #ccc;
    padding: 8px;
    margin-bottom: 14px;
}

#special {
    background: url(/content/images/back-to-school-banner.jpg) 0 0 no-repeat;
    width: 243px;
    height: 129px;
    padding: 106px 6px 0 18px;
    color: #6c8a18;
    font-size: 12px;
    font-weight: bold;
}
h2.updates  {
    font-size: 29px!important;

}

h3.updates  {
    font-size: 23px!important;
    color: #434141 !important;
    background: rgba(220, 220, 220, 0.2);
    margin-top: 35px;
}

.downloads h3  {
    font-size: 20px!important;
    font-weight: 600!important;
    margin-top: -15px!important;
    color: #626262!important;

}

.downloads h2  {
    color: #626262!important;
    background: rgba(220, 220, 220, 0.3);
    padding: 10px;
}

#special span {
    font-size: 16px;
    line-height: 20px;
    color: #FFF;
    text-shadow: 0 1px #4f6610;
    display: block;
    font-weight: normal;
    margin-bottom: 26px;
}

#special img {
    margin: 0;
    border: 0;
    padding: 0;
}

#special a {
    font-size: 14px;
}

/*** HOMEPAGE SLIDER ***/
#slider {
    padding: 0;
    position: relative;
    z-index: 1;
    width: 100%;
}

#slider .banner {
    position: absolute;
    z-index: 1;
    top: 0;
    margin: 0;
    padding: 0;
}

#slider img {
}

#slider .text {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0px;
    top: 9px;
    height: 47px;
    padding: 6px 30px 0 15px;
    border-radius: 0 0 10px 0;
    font-size: 18px;
}

#slider .text h1 {
    color: #fff;
    font-size: 38px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) !important;
    margin: 0;
    padding: 36px 0 7px 10px;
    line-height: 40px;
}

#slider .text h2 {
    font-size: 39px;
    margin: 0;
    padding: 48px 0 20px 23px;
    line-height: 51px;
    font-weight: normal;
    text-transform: capitalize;
    color: #fff;
}

#slider #tabs {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    top: 343px;
    left: 451px;
    border-right: 0px solid #FFF;
}

.bar {
    height: 65px;
    left: 0px;
    display: block;
    repeat-x;
    color: #77787b;
    font-weight: bold;
    font-size: 18px;
    line-height: 60px;
    text-align: left;
    margin-top: -5px;
}

.bar a {
    display: block;
    width: 343px;
    line-height: 65px;
    color: #fff;
    float: left;
    text-align: center;
    margin: 0 25px 0 0;
    font-size: 22px;
    font-weight: normal;
    background: #649a21;
}

.yellowbar {
    line-height: 65px;
    background: #f9f271;
}

#tabs li {
    float: left;
}

.bar a:hover {
    background: #98D35A;
    text-decoration: none;
}

#slider #tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider #tabs ul li {
    margin: 0;
    padding: 0;
    margin-right: 10px;
    background: #2FA9EE;
    border: 3px solid #fff;
    border-radius: 2px;
}

#slider #tabs ul li a {
    display: block;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 8px 8px 6px 8px;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    z-index: 2;
}

#slider #tabs ul li a.selected {
    background: #88c849;
}

.videobtn {
    position: absolute;
    left: 440px;
    top: 126px;
    width: 130px;
    height: 130px;
}

.videobtn a {
    background: url(/content/images/play-button.png) no-repeat;
    width: 141px;
    height: 141px;
    display: block;
}

/*** END HOMEPAGE SLIDER ***/

/***  HOMEPAGE WEBINAR ***/
.homepageWebinar {
    position: relative;
    width: 268px;
    height: 122px;
    background: #D4EBC7;
    border-radius: 10px;
    margin-left: 14px;
    padding: 0 10px 0 10px;
    margin-top: 17px;
}

.homepageWebinar a {
    font-size: 14px;
    float: left;
    position: absolute;
    bottom: 0;
    width: inherit;
    padding-bottom: 13px;
    color: 000;
}

.homepageWebinar h2 {
    color: #44891c;
    font-size: 26px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 42px;
}

.webinarLink {
    float: right;
    width: 223px;
    height: 12px;
    margin-top: 3px;
}

.webinarArrow {
    float: right;
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #0c5a97;
    margin: 4px 0 0 5px;
}

.homepageWebinar a span {
    color: #000;
    text-decoration: none;
    text-align: left;
    font-size: 13px;
    margin-top: 31px;
}

.homepageWebinar:hover {
    color: #000 important !;
    background: #b3db9c;
    cursor: pointer;
}

.homepageWebinar a:hover {
    color: #1472a9;
}

.homeVideo {
    float: left;
    border-radius: 8px;
    width: 269px;
    background: #efefef;
    margin: 0 18px 0 0;
    padding: 9px;
    z-index: 999;
    height: 269px;
}

.homeVideo h1 {
    font-weight: normal;
    font-size: 29px;
    color: #fb9318;
    text-transform: capitalize;
    margin: 9px 0 0 0;
    line-height: 29px;
}

.homeVideo h2 {
    font-weight: normal;
    font-size: 17px;
    color: #2b6897;
    margin: 9px 0 22px 0;
}

.homepage-video-container {
    position: relative;
    max-width: 650px;
    margin: auto;
    background: #303030;
    padding: 22px;
    border-radius: 9px;
}

.multi-video-container {
    background: #7ccfdd;
    min-height: 450px;
}

.video-responsive {
    position: relative;
    padding-bottom: 56%;
    height: 0;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ----- INTERIOR CONTENT ----- */

.interiorContent, .interiorContentNS {;
    padding-left: 80px;
    min-height: 300px;
    min-width: 300px;
    width: 92%;
    float: left;
}

.wideContent {
    width: 90%;
}

.interiorContentNS {
    width: 958px;
    padding: 0 16px;
}

#breadcrumbs {
    position: relative;
    top: 0px;
    margin: 0 0 15px 0;
}

#breadcrumbs a {
    text-decoration: none;
}

.center-form {
    padding-left: 10px;
    min-height: 300px;
    min-width: 300px;
    width: 70%;
    margin: auto;
    float: none;
}



.interiorContent h1, .interiorContentNS h1, #lightboxContainer h1 {
    font-family: opensans, arial;
    color: #278EB5;
    font-size: 40px;
    line-height: 47px;
    margin: 32px 0 20px 0;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}

#home-page-header {
    font-family: opensans, arial;
    color: #33bcec;
    -webkit-text-stroke: 1px #33bcec;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 3.2vw;
}

#history-video {
    height: 400px;
    width: 100%;
    top: 0;
}

.interiorContent h2, .interiorContentNS h2 {
    font-family: opensans, arial;
    color: #626262;
    font-size: 31px;
    line-height: 41px;
    margin: 12px 0;
    text-transform: uppercase;
    font-weight: normal;
}

h3 {
    margin: 10px 0 8px 0;
    padding-top: 17px;
    padding-bottom: 4px;
    font-family: opensans, arial;
    font-size: 26px;
    color: #3e3e3e;
    line-height: 32px;
    font-weight: normal;
}

.interiorContent h5 {
    margin: 10px 0 10px 0;
    font-size: 22px;
    color: #85c441;
    line-height: 35px;
    font-weight: normal
}

.interiorContent h6 {
    margin: 8px 0 8px 0;
    font-size: 18px;
    color: #85c441;
    line-height: 30px;
    font-weight: normal;
}

.interiorContent li, .interiorContentNS li {
    margin: 0!important;
    padding: 11px!important;
    line-height: 26px!important;
    list-style-type: none!important;
}

.noboxshadow {
    box-shadow: none!important;
    left: 21px!important;
    position:relative;
}

.nobullet {
    list-style-type: none!important;
    background: none!important;
}

.interiorContent ul {
    padding-inline: 25px;
}

.subsplit {
    padding-top: 16px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #b8b8b8;
}

.productBox, .productBox2 {
    float: left;
    width: 302px;
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 18px;
}

.tight-list li {
    list-style-type: disc!important;
    line-height: 20px!important;
}

.productBox2 {
    margin-left: 20px;
}

.productBox a, .productBox2 a {
    text-decoration: none;
}

.productBox p, .productBox2 p {
    padding: 8px 12px;
}

.productBox h3, .productBox2 h3 {
    padding: 0px 12px;
    margin: 10px 0 0 0;
}

.product-btns ul {
    list-style: none;
    display: flex;
    justify-content: center;
}

.product-btns li {
    float: left;
    width: 240px;
}

.product-btns a.k3000 {
    background: url(/content/images/k3000-btn.png) no-repeat;
    width: 187px;
    height: 170px;
    display: block;
    padding: 8px 4px;
}

.product-btns a.individuals {
    background: url(/content/images/individuals-btn.png) no-repeat;
    width: 187px;
    height: 170px;
    display: block;
    padding: 8px 4px;
}

.product-btns a.k1000 {
    background: url(/content/images/k1000-btn.png) no-repeat;
    width: 187px;
    height: 170px;
    display: block;
    padding: 8px 4px;
}

.product-btns a.pro-dev {
    background: url(/content/images/pro-dev-btn.png) no-repeat;
    width: 187px;
    height: 170px;
    display: block;
    padding: 8px 4px;
}

.product-btns a.k3000:hover, .product-btns a.individuals:hover, .product-btns a.k1000:hover, .product-btns a.pro-dev:hover {
    background-position: 0 -186px;
}


.tiles {
    margin-top: 50px;
    width: 100%;
    margin: auto;
}

.tiles h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    text-align: center;
    color: #278fef;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 4px;
    text-shadow: none !important;
}

.tiles a {
    text-decoration: none;
    text-shadow: 1px 1px #000;
    font-weight: bold;
}

.tiles .button {
    bottom: 0;
    display: block;
    width: 161px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 16px;
}

.tileContent {
    width: 161px;
    float: left;
    margin: 0 20px 28px 0;
}

.tileContentLast {
    width: 161px;
    height: 380px;
    float: left;
    margin: 0 0 0 0
}

.tiles .green {
    background: #75af53;
}

.tiles .green:hover {
    background: #529828;
}

.tiles .yellow {
    background: #e7d113;
}

.tiles .yellow:hover {
    background: #CDB90E;
}

.tiles .blue {
    background: #288fd9;
}

.tiles .blue:hover {
    background: #0E70B6;
}

.tiles .gray {
    background: #979595;
}

.tiles .gray:hover {
    background: #767575;
}

.tilethumbs {
    float: left;
    padding: 0 5px 20px 5px
}

.largeButtons, .largeButtons ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.largeButtons a {
    display: block;
    width: 300px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 48px;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 18px;
}

a.windows3000, a.mac3000, a.windows1000 {
    display: block;
    height: 27px;
    width: 125px;
    float: left;
    margin: 10px 0;
    font-size: 0;
    line-height: 0;
}

a.windows3000 {
    background: url(/content/images/windows-ki-3000.png) 0 0 no-repeat;
    margin-right: 6px;
}

a.windows1000 {
    background: url(/content/images/windows-ki-1000.png) 0 0 no-repeat;
}

a.mac3000 {
    background: url(/content/images/mac-ki-3000.png) 0 0 no-repeat;
}

a.windows3000:hover, a.mac3000:hover, a.windows1000:hover {
    background-position: 0 -27px;
}

#ki1000 {
    background: url(/content/images/ki1000-v14-product-page.jpg) 0 0 no-repeat;
    min-height: 355px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000;
}

/*#ki1000{background: url(/content/images/ki1000-product-page_new.jpg) 0 0 no-repeat; min-height:320px; width:350px; margin-bottom:20px; padding: 0 330px 0 0; font-size:15px; line-height:20px; color:#000;}*/
#ki3000 {
    background: url(/content/images/ki3000-product-page.jpg) 0 0 no-repeat;
    min-height: 234px;
    width: 298px;
    margin-bottom: 20px;
    padding: 0px 330px 0 0;
}

#ki3000 h2 {
    margin: 4px 0 10px 0;
    padding: 0;
    font-size: 20px;
    color: #6c8a18;
}

#ki3000mac {
    background: url(images/ki3000-product-page-mac.jpg) 0 0 no-repeat;
    min-height: 254px;
    width: 388px;
    margin-bottom: 20px;
    padding: 0 240px 0 0;
    color: #000;
}

#ki3000win {
    background: url(/content/images/ki3000-firefly-product-page.jpg) 0 20px no-repeat;
    min-height: 254px;
    width: 348px;
    margin-bottom: 0px;
    padding: 0 280px 0 0;
}

#ki3000firefly {
    background: url(/content/images/products-background.jpg) 0 bottom no-repeat;
    min-height: 218px;
    width: auto;
    margin-bottom: 20px;
    padding: 0;
}

#kibck {
    width: 598px;
    margin-bottom: 20px;
    padding: 0px 30px 60px 0;
}

#kibck2 {
    width: 598px;
    margin-bottom: 20px;
    padding: 0px 30px 60px 0;
}

#higherEd {
    background: url(/content/images/higher-education-background.jpg) 0 bottom no-repeat;
    min-height: 234px;
    width: 308px;
    margin-bottom: 20px;
    padding: 0 320px 0 0;
    color: #000;
}

#individuals {
    background: url(/content/images/individuals-background.jpg) 0 bottom no-repeat;
    min-height: 234px;
    width: 308px;
    margin-bottom: 20px;
    padding: 0 320px 0 0;
    color: #000;
}

#k12 {
    background: url(/content/images/k12-background.jpg) 0 bottom no-repeat;
    min-height: 234px;
    width: 303px;
    margin-bottom: 20px;
    padding: 0 325px 0 0;
    color: #000;
}

#colLeft {
    width: 294px;
    float: left;
}

#colRight {
    width: 294px;
    float: right;
}

a.childLink, a.childLink:visited {
    float: left;
    width: 258px;
    display: block;
    text-decoration: none;
    color: #333;
    background: #f3f6f8;
    padding: 8px 12px;
    border: 1px solid #ccc;
    margin-bottom: 24px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 3px;
    margin: 0 10px 25px 10px;
}

a.childLink:hover {
    border: 1px solid #5D9B1D;
    background: #E3F7CE;
}

.childLinkHeader {
    font-weight: bold;
    color: #000;
    display: inline;
    padding: 0 0 6px 0;
    display: inline-block;
}

a.orderbt, a.trybt, a.loginbt {
    background: url(/content/images/order-now-bt.jpg) 0 0 no-repeat;
    display: block;
    text-indent: -99999px;
    height: 37px;
    width: 112px;
    float: left;
    margin-right: 10px;
}

a.trybt {
    background: url(/content/images/try-now-bt.jpg) 0 0 no-repeat;
}

a.loginbt {
    background: url(/content/images/login-bt.jpg) 0 0 no-repeat;
}

a.orderbt:hover, a.trybt:hover, a.loginbt:hover {
    background-position: 0 -37px;
}

a.outsideLink, .outsideLink {
    background: url(/content/images/outsideLink.gif) right 2px no-repeat;
    padding-right: 15px;
    margin-right: 5px;
}

.outsideLink {
    background-position: right 2px;
}

a.pdf {
    background: url(/content/images/ico-pdf.gif) right 2px no-repeat;
    padding: 0 16px 0 0;
}

.left, .leftImg {
    float: left;
    margin: 0 30px 20px 0;
}

.right, .rightImg {
    float: right;
    margin: 0 0px 20px 30px;
}

.rightImg, .leftImg {
    border: 1px solid #ccc;
}

.smallFont {
    font-size: 11px;
}

.smallFont li {
    margin-bottom: 2px;
}

table.HSstates {
    border: 1px solid #ccc;
}

table.HSstates td {
    padding: 8px;
    border-top: 1px solid #ccc;
}

table.HSstates td.noBorder {
    border: none;
}

/* ----- Partners ----- */
a.partnerBox {
    border: 1px dotted #ccc;
    background: #e2e8ec;
    width: 192px;
    height: 149px;
    float: left;
    display: block;
    margin: 0 20px 20px 0;
}

a.partnerBoxLast {
    margin-right: 0;
}

a.partnerATIA {
    background: url(/content/images/partners-atia.jpg) 0 0 no-repeat;
}

a.partnerBookCourier {
    background: url(/content/images/partners-bookCourier.jpg) 0 0 no-repeat;
}

a.partnerBookshare {
    background: url(/content/images/partners-bookshare.jpg) 0 0 no-repeat;
}

a.partnerCOSN {
    background: url(/content/images/partners-cosn.jpg) 0 0 no-repeat;
}

a.partnerIntellitools {
    background: url(/content/images/partners-intellitools.jpg) 0 0 no-repeat;
}

a.partnerLandmark {
    background: url(/content/images/partners-landmark.jpg) 0 0 no-repeat;
}

a.partnerAbisee {
    background: url(/content/images/partners-abisee.jpg) 0 0 no-repeat;
}

a.partnerMadente {
    background: url(/content/images/partners-madente.jpg) 0 0 no-repeat;
}

a.partnerMicrosoft {
    background: url(/content/images/partners-microsoft.jpg) 0 0 no-repeat;
}

a.partnerTRLD {
    background: url(/content/images/partners-TRLD.jpg) 0 0 no-repeat;
}

a.partnerDesignScience {
    background: url(/content/images/partners-design-science.jpg) 0 0 no-repeat;
}

a.partnerLAZ {
    background: url(/content/images/partners-laz.jpg) 0 0 no-repeat;
}

a.partnerSpeech {
    background: url(/content/images/partners-speech-gurus.jpg) 0 0 no-repeat;
}

a.partnerIntelliTools {
    background: url(/content/images/partners-intellitools.jpg) 0 0 no-repeat;
}

a.partnerBox:hover {
    border: 1px dotted #014479;
    background-position: 0 -149px;
}

a.partnerLAN {
    background: url(/content/images/partners-lan.jpg) 0 0 no-repeat;
}

/* ----- Forms ---- */
p.required-message {
    color: #929292;
    font-size: 18px;
}

.form-container {
    background: #f5f5f5;
    padding: 10px;
    margin: 10px;
    border-radius: 8px;
    min-width: 591px;
}

form.center-form {
    margin: auto;
    width: 565px;
}

.form_label {
    font-size: 14px;
    float: left;
    background: #649a21;
    display: block;
    width: 50px;
    height: 50px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center;
}

.form_labelError {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #e43030;
    float: left;
    width: 50px;
    height: 50px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.form_labelError.first-name {
    background: url(/content/images/first-name.png) center #eb5353 no-repeat;
}

.form_labelError.last-name {
    background: url(/content/images/last-name.png) center #eb5353 no-repeat;
}

.form_labelError.job-title {
    background: url(/content/images/job-title.png) center #eb5353 no-repeat;
}

.form_labelError.email {
    background: url(/content/images/email.png) center #eb5353 no-repeat;
}

.form_labelError.birth-year {
    background: url(/content/images/birth-year.png) center #eb5353 no-repeat;
}

.form_labelError.state {
    background: url(/content/images/state.png) center #eb5353 no-repeat;
}

.form_labelError.school-college {
    background: url(/content/images/college.png) center #eb5353 no-repeat;
}

.form_labelError.street-1 {
    background: url(/content/images/street-1.png) center #eb5353 no-repeat;
}

.form_labelError.street-2 {
    background: url(/content/images/street-2.png) center #eb5353 no-repeat;
}

.form_labelError.city {
    background: url(/content/images/city.png) center #eb5353 no-repeat;
}

.form_labelError.state-green {
    background: url(/content/images/state.png) center #eb5353 no-repeat;
}

.form_labelError.postal-code {
    background: url(/content/images/postal-code.png) center #eb5353 no-repeat;
}

.form_labelError.phone {
    background: url(/content/images/phone.png) center #eb5353 no-repeat;
    margin-top: 8px;
}

.form_labelError.district {
    background: url(/content/images/district.png) center #eb5353 no-repeat;
}

.form_labelError.username {
    background: url(/content/images/username.png) center #eb5353 no-repeat;
}

.form_labelError.serialNumber {
    background: url(/content/images/serial.png) center #eb5353 no-repeat;
}

input#phone {
}

.form_valueError input#phone {
    margin-top: -10px
}


.form_value input, .form_valueError input, .form_value textarea {
    width: 371px;
    background: #ffffff;
    color: #333;
    padding: 4px 8px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    height: 40px;
    font-size: 19px;
    border: 1px solid #cecece;
    border-left: 0;
    box-sizing: content-box!important;
}

.form_valueError select {
    width: 390px;
    background: #ffffff;
    color: #333;
    padding: 4px 8px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    height: 50px;
    font-size: 19px;
    border: 1px solid #cecece;
    border-left: 0;
}

.form_value select {
    width: 388px;
    background: #ffffff;
    color: #333;
    padding: 4px 8px;
    border: 1px solid #cecece;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    height: 50px;
    font-size: 19px;
}

#learner-types {
    width: 310px;
    background: #ffffff;
    color: #333;
    padding: 4px 8px;
    border: 1px solid #cecece;
    border-radius: 5px;
    height: 36px;
    font-size: 19px;
}

.how-help .clear {
    height: 0px;
}

#focus {
    color: #227B9D;
    font-size: 26px;
    margin-top: 40px;
    margin-left: 22px;
}

.resellers h2 {
    background: rgba(220, 220, 220, 0.3);
}

.reseller-name {
  font-size: 26px;
  font-weight: 600;
}

.form_value input, .form_valueError input {
}

.form_value input:focus, .form_value input:hover, .form_value select:hover, .form_value select:focus, .form_value textarea:hover, .form_value textarea:focus {
}

.form_valueError input, .form_valueError select {
    border: 1px solid #eb5353;
}

.form_value textarea {
    height: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.form_value {
    margin: 0 0 8px 0;
}

.small_input input {
    width: 50px;
}

.small_input select {
    width: 80px;
}

.form_valueError {
    margin: 0px 0 12px 0
}

#formStyles td {
    border-top: 1px dotted #ccc;
}

#formStyles td.noBorder {
    border: none;
}

.requiredDate input {
    width: 315px;
}

.requiredError {
    background: url(/content/images/required-error.png) right 7px no-repeat;
    padding: 10px 0 10px 0;
    padding-right: 100px;
}

.phone-space {
    margin-top: 8px;
}

input.submit, input.next, input.back {
    background: #649a21;
    color: #fff;
    height: 51px;
    width: 441px;
    margin-right: 10px;
    border: none;
    font-size: 24px;
    display: block;
    line-height: 0;
    font-family: opensans, arial;
    text-transform: uppercase;
    cursor: pointer;
}

input.submit.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: default;
}

input.signup {
    background: url(/content/images/signup-bt.jpg) 0 0 no-repeat;
    display: block;
    text-indent: -99999px;
    height: 37px;
    width: 112px;
    float: left;
    margin-right: 10px;
    border: none;
    cursor: pointer;
    font-size: 0;
    display: block;
    line-height: 0;
}

input.next {
    margin: 20px 0;
    float: right;
    background: url(/content/images/next-bt.jpg) 0 0 no-repeat;
}

input.back {
    margin: 20px 0;
    float: left;
    background: url(/content/images/back-bt.jpg) 0 0 no-repeat;
}

input.submit:hover, input.next:hover, input.back:hover, input.signup:hover {
    background: #6dad2b
}

.errorList {
    border: 2px solid #ff6161 !important;
    padding: 20px;
    border-radius: 6px;
    background: #ffe9e9;
    margin: 34px 0;
    width: 75%;
}

#formStyles .errorList td {
    border: none;
}

table.alert {
    width: 100%;
}

.country {
    background: url(/content/images/country.png) center #649a21 no-repeat;
}

.postal-code {
    background: url(/content/images/postal-code.png) center #649a21 no-repeat;
}

.first-name {
    background: url(/content/images/first-name.png) center #649a21 no-repeat;
}

.last-name {
    background: url(/content/images/last-name.png) center #649a21 no-repeat;
}

.job-title {
    background: url(/content/images/job-title.png) center #649a21 no-repeat;
}

.email {
    background: url(/content/images/email.png) center #649a21 no-repeat;
}

.serialNumber {
    background: url(/content/images/serial.png) center #649a21 no-repeat;
}

.birth-year {
    background: url(/content/images/birth-year.png) center #649a21 no-repeat;
}

.phone {
    background: url(/content/images/phone.png) center #649a21 no-repeat;
    clear: both;
}

.school {
    background: url(/content/images/district.png) center #70cff0 no-repeat;
    height: 86px;
}

.state {
    background: url(/content/images/state.png) center #70cff0 no-repeat;
}

.state-green {
    background: url(/content/images/state.png) center #649a21 no-repeat;
}

.district {
    background: url(/content/images/districts.png) center #70cff0 no-repeat;
}

.school-college {
    background: url(/content/images/college.png) center #70cff0 no-repeat;
}

.school-org {
    background: url(/content/images/school-org.png) center #70cff0 no-repeat;
}

.product-icon {
    background: url(/content/images/product.png) center #649a21 no-repeat;
}

.street-1 {
    background: url(/content/images/street-1.png) center #649a21 no-repeat;
}

.street-2 {
    background: url(/content/images/street-2.png) center #649a21 no-repeat;
}

.city {
    background: url(/content/images/city.png) center #649a21 no-repeat;
}

.house-school {
    background: url(/content/images/house-school.png) center #649a21 no-repeat;
}

.phone-ext {
    background: url(/content/images/phone-ext.png) center #649a21 no-repeat;
}

.fax {
    background: url(/content/images/fax.png) center #649a21 no-repeat;
}

.method {
    background: url(/content/images/method.png) center #649a21 no-repeat;
}

.username {
    background: url(/content/images/username.png) center #649a21 no-repeat;
}


.school-container {
    line-height: 33px;
    padding: 10px 10px 9px;
    width: 366px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    font-size: 19px;
    border-top: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    float: left;
    height: 65px;
    background: #fff;
    margin-bottom: 10px;
    box-sizing: content-box!important;
}

.optional {
    font-size: 19px;
    color: #bbb;
    float: left;
    padding-left: 10px;
    line-height: 47px;
}

select.arrow {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
}

/* used in the success messages */
.successMessage {
    padding: 4px;
    background: #FFFDDD;
    font-weight: bold;
    position: absolute;
    width: 423px;
    text-align: center;
    border-radius: 6px;
    border: 9px solid #f7ed3d;
    top: 50%;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
}

table.success {
    width: 100%;
}

table.success td {
    border-top: none;
}

input.multiple {
    margin-bottom: 5px;
}

.newsUpdates input {
    color: #999;
    margin: 4px 2px 0 0;
    width: 145px;
    float: left;
}

.newsUpdates input.submit {
    background: url(/content/images/submit-sm.jpg) 0 0 no-repeat;
    display: block;
    text-indent: -99999px;
    height: 19px;
    width: 86px;
    float: left;
    margin-right: 40px;
    margin-top: 5px;
    border: none;
    cursor: pointer;
    font-size: 0;
    display: inline-block;
    line-height: 0;
}

span.date {
    color: #0982a1;
    font-weight: bold;
    font-size: 12px;
    width: 100px;
    float: left;
}

span.link {
    float: right;
}

.even {
    padding: 8px 10px;
}

.odd {
    background: #e2e8ec;
    padding: 8px 10px;
}

/* ----- STORE -----*/
.pagination {
    float: right;
    position: relative;
    top: -45px;
    z-index: 100;
    font-size: 16px;
    font-weight: bold;
}

.pagination a, .pagination span {
    border: 1px solid #014479;
    padding: 2px 4px;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
}

.pagination span {
    background: #014479;
    color: #fff;
}

.pagination a:hover {
    border: #5c97c6 1px solid;
}

.tableHead {
    background: #6c8a18;
    color: #fff;
}

.oddTd {
    background: #f9f4e1;
    color: #000;
}

.store table {
}

.evenTd {
    background: #e2e8ec;
}

.subTableHead {
    background: #0982a1;
    color: #fff;
    font-weight: bold;
}

.how-help {
    padding-left:20px;
}

.how-help-image {
    height:150px;
}

.how-help-image-div {
    float: left;
    width: 15%;
    margin-top: 20px;
    margin-bottom: 70px;
}

.how-help-text {
    margin-top: 20px;
    float: left;
    width: 80%;
    margin-bottom: 70px;
}

.how-help-odd {
    background: #f9f9f9;
    overflow:hidden;
    padding: 30px;
}

/* ----- VIDEO GALLERY ----- */
#mediaplayer {
    padding: 2px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 20px;
    width: 400px;
    z-index: 4;
}

.time {
    color: #999;
    display: inline-block;
    margin: 8px 0;
}

a.videoThumb {
    width: 128px;
    margin: 0 20px 20px 0;
    border: 1px dotted #ccc;
    background: #e2e8ec;
    display: block;
    float: left;
    text-decoration: none;
    padding: 6px;
    font-size: 12px;
    line-height: 16px;
    height: 170px;
    font-weight: normal;
}

a.videoThumbShort {
    width: 128px;
    margin: 0 15px 20px 0;
    border: 1px dotted #ccc;
    background: #e2e8ec;
    display: block;
    float: left;
    text-decoration: none;
    padding: 6px;
    font-size: 12px;
    line-height: 16px;
    height: 100px;
    font-weight: normal;
}

a.videoThumbEnd {
    margin-right: 0;
}

a.videoThumb:hover {
    border: 1px dotted #014479;
}

a.videoThumb img {
    margin-bottom: 10px;
    border: 1px solid #999;
    display: block;
}

a.videoThumb .time {
    font-size: 11px;
}

#videoDescription {
    float: left;
    width: 200px;
}

.video-description {
    float: left;
    width: 43%;
    margin: 40px;
    margin-top: 25px;
}

.video-description span {
    font-style: italic;
    font-weight: 600;
}

.bottomContainer {
    height: auto;
    margin: auto;
    max-width: 1024px;
}

.bottomContainer h1 {
    color: #77787b;
    font-weight: normal;
    font-size: 33px;
    margin: 20px 0 39px 0;
    padding-left: 85px;
}

.bottomContainer h2 {
    line-height: 48px;
    font-size: 37px;
    letter-spacing: 2px;
    font-weight: normal !important;
    margin-top: 10px;
    margin-bottom: 0px;
}

.homepage-lg-video-container{
    position:relative;
    width: 730px;
    margin: auto;
    padding: 20px 0;
}

.homepage-lg-video-container h2{
    text-align: left;
    margin: 0;
    font-size: 21px;
    margin-left: 26px;
}

.video-green-container {
    background:#478a02;
}

.home-iframe-video {
    border: 15px solid #bbe7f7;
    border-radius: 6px;
}

iframe.home-iframe-video {
    width: 640px;
    height: 360px;
    background: #bbe7f7;
}

.homepage-lg-video-container span {
    float:right;
    color:#fff;
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
}

.bottomContainer h3 {
    color: #5c5d5b;
    font-weight: normal;
    font-size: 24px;
    margin: 37px 0 10px 0;
    line-height: 26px;
}

.bottomContainer {
    font-size: 14px;
    line-height: 18px;
}

.bottomContainer .leftContent {
    float: left;
    width: 337px;
    padding-left: 10px;
}

.bottomContainer .rightContent {
}

.left-pane {
    width: 483px;
    float: left;
    margin: 50px 0px;
    margin-right: 20px;
}

.right-pane {
    width: 483px;
    float: left;
    margin: 50px 0px;
}

.left-pane img {
    border: 11px solid #70cff0;
    width: 460px;
}

.right-pane img {
    border: 11px solid #70cff0;
    width: 460px;
}

.bottomContainer h3 {
    margin: 10px 0 10px 0;
    font-size: 26px;
    line-height: 32px;
}

.bottomContainer {
    font-size: 21px;
    line-height: 33px;
    color: #777;
}

/* ----- ACADEMY PAGE ----- */
.academy-sub-nav {
    line-height: 51px;
    width: 100%;
    float: left;
    background: #6ccfff;
    text-align: center;
    position: relative;
    top: -1px;
}

.academy-sub-nav a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 52px;
    display: block;
    float: left;
    font-size: 15px;
    text-align: center;
    color: #2d2d2d;
}

.academy-sub-nav a:hover {
    background: #aee4fe;
    color: #434343;
    text-decoration: none;
}

.center-sub-nav {
    margin: 0 auto;
    height: 32px;
    max-width: 513px;
}

.center-sub-nav a.active {
    background: #ffffff;
}

a.academy-nav-mobile {
    display: none;
}

.academy-container {
    width: 440px;
    margin: auto;
}

#academy-bar {
    position: fixed;
    top: -10px;
    width: 100%;
    z-index: 100;
}

.academy-bar {
    background: #026b9e;
    height: 90px;
    width: 100%;
    display: block;
    margin-top: 100px;
    border-top: 11px solid var(--med-lt-blue);
}

.academy-bar h1 {
    color: #fff;
    font-size: 30px;
    padding: 0px 15px;
    float: left;
    line-height: 53px;
}

.academy-container img {
    width: 53px;
    float: left;
    padding-top: 11px;
}

.message-container.academy {
    width: 79%;
}

.message-container.academy h1 {
    color: #fff;
    box-shadow: none;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1
    );
}

.message-container.academy {
    color: #fff;
    box-shadow: none;
    font-size: 3vw;
    line-height: 3.6vw;
}

.academy-nav ul {
    list-style: none;
    margin: 0
}

.academy-nav li {
    float: left;
    padding-right: 10px;
}

.academy-nav select {
    color: #000;
    font-weigth: bold;
    padding: 4px 8px;
    font-family: opensans, arial;
    border: none;
    height: 50px;
    font-size: 21px;
    float: left;
}

select.category {
    width: 212px;
}

.filter {
    float: left;
    color: #8a8a8a;
    font-family: opensans, arial;
}

.filter label {
    font-size: 22px;
    d margin: 0;
    color: #5f5f5f;
    padding-left: 28px;
    line-height: 46px;
}

.academy-nav select.arrow {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.academy-nav hr {
    margin-bottom: 14px;
    margin-top: 0px;
}

.tile-container {
    background: #e9ebee;
    min-height: 462px;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-left: 15px;
}

.tile-container h1 {
    margin-left: 15px;
}

.tile-width {
    margin: auto;
    padding: 8px 10px;
    line-height: 29px;
}

.nav-spacer {
    float: left;
    width: 10px;
    border-right: 1px solid #e9ebee;
    height: 40px;
    margin-right: 11px;
}

.tile {
    width: 248px;
    height: 280px;
    margin: 15px;
    margin-bottom: 33px;
    float: left;
    display: inline;
}

.tile-tabs {
    display: inline-block;
    position: relative;
    left: 50%;
}

.tile a {
    color: #000;
    border: 1px solid #a9a9a9;
}

.tile a:hover {
    color: #000;
    text-decoration: none;
}

a.tile-top {
    display: block;
    background: #ffffff;
    width: 100%;
    border: 6px solid #fff;
}

a.tile-top:hover {
    border: 6px solid #649a21;
}

}
.tile-top img {
    border-bottom: 1px solid #000;
}

.tile-content {
    padding: 5px;
    background: #fff;
    min-height: 165px;
    font-size: 16px;
    line-height: 24px;
}

.tile-content h2 {
    font-size: 19px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 0;
}

.tile img {
    width: 100%;
}

.tile-container .title {
    width: 100%;
    margin: 0 auto;
}

.tile-container hr {
    background-color: #aaaaaa;
    margin: 0;
}


/* ----- ACADEMY NAV ----- */
.academy-nav {
    font-family: opensans, arial;
    font-size: 21px;
}

.academy-nav .products {
    float: left;
    line-height: 47px;
    padding-left: 10px;
    padding-top: 9px;
}

#academy-filter {
    float: right
}

li.menu {
    background: #f5f5f5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#academy-filter ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 23px;
    font-family: opensans, arial;
}

#academy-filter ul a {
    display: block;
    color: #333;
    text-decoration: none;
    line-height: 32px;
    padding: 0 15px;
    line-height: 43px;
    font-family: opensans, arial;
}

#academy-filter ul li.current-menu-item {
    background: #ddd
}

ul li.menu:hover {
    background: #dadada;
    width: 180px;
}

#academy-filter ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 0;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 198px;
    padding-top: 13px;
    cursor: default;
}

#academy-filter ul li {
    float: none;
    height: 45px;
    width: 181px;
    line-height: 36px;
    position: relative;
    float: left;
    margin: 0;
    padding-left: 9px;
}

#academy-filter ul ul a {
    line-height: 120%;
    padding: 10px 15px
}

#academy-filter ul ul ul {
    top: 0;
    left: 100%
}

#academy-filter ul li:hover > ul {
    display: block;
    z-index: 9999;
}

.products label, .courses label {
    float: left;
    padding-right: 11px;
    line-height: 25px;
}

.type-arrow:after {
    margin-left: 5px;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #797979;
    position: absolute;
    top: 20px;
    left: 162px;
}

.control {
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
}

.control input:checked ~ .control__indicator {
    background: #57921c;
}

.control input {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #6db129;
    background: #efefef;
    border-radius: 21px;
}

.control input:checked ~ .control__indicator {
    background: #6db129;
}


.control input:checked ~ .control__indicator.blue {
    background: #51c5ec;
    border: 2px solid #51c5ec;
}

.control input:checked ~ .control__indicator.orange {
    background: #f28d35;
    border: 2px solid #f28d35;
}

.control input:checked ~ .control__indicator.purple {
    background: #b06cea;
    border: 2px solid #b06cea;
}

.control__indicator.blue {
    border: 2px solid #51c5ec;
}

.control__indicator.orange {
    border: 2px solid #f28d35;
}

.control__indicator.purple {
    border: 2px solid #b06cea;
}


.control input:checked ~ .control__indicator:after {
    display: block;
}

.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

.control--checkbox .control__indicator:after {
    top: 3px;
    left: 8px;
    width: 5px;
    height: 11px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}


label.control.control--checkbox {
    line-height: 27px;
}

img.image-size-lock {
    width: 100%;
    max-width: 800px;
}

.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #57921c;
    border: 2px solid #57921c;
}


.control:hover input:not([disabled]):checked ~ .control__indicator.blue, .control input:checked:focus ~ .control__indicator {
    background: #319fc3;
    border: 2px solid #319fc3;
}

.control:hover input:not([disabled]):checked ~ .control__indicator.orange, .control input:checked:focus ~ .control__indicator.orange {
    background: #bf6719;
    border: 2px solid #bf6719;
}

.control:hover input:not([disabled]):checked ~ .control__indicator.purple, .control input:checked:focus ~ .control__indicator.purple {
    background: #b06cea;
    border: 2px solid #b06cea;
}

/* ----- Tiny Media Icon type ----- */
.slice-webinar {
    background: url("/content/images/icon-webinar.png") no-repeat;
    float: right;
    width: 71px;
    height: 35px;
}

.slice-video {
    background: url("/content/images/icon-video.png") no-repeat;
    float: right;
    width: 71px;
    height: 35px;
}

.slice-link {
    background: url("/content/images/icon-link.png") no-repeat;
    float: right;
    width: 71px;
    height: 35px;
}

.slice-pdf {
    background: url("/content/images/icon-pdf.png") no-repeat;
    float: right;
    width: 71px;
    height: 35px;
}

.slice-podcast {
    background: url("/content/images/icon-podcast.png") no-repeat;
    float: right;
    width: 71px;
    height: 35px;
}

/* ----- Media color ----- */
.webinar-color {
    background: #51c5ec
}

.video-color {
    background: #51c5ec
}

.link-color {
    background: #649a21
}

.handout-color {
    background: #f28d35
}

.podcast-color {
    background: #b06cea
}

/* ----- Large Media icon ----- */
a.tile-top.icon-student {
    background: url("/content/images/academy-student.png");
}

a.tile-top.icon-columns {
    background: url("/content/images/academy-columns.png");
}

a.tile-top.icon-success {
    background: url("/content/images/academy-success.png") no-repeat;
}

a.tile-top.icon-documents {
    background: url("/content/images/academy-documents.png") no-repeat;
}

a.tile-top.icon-circle-text {
    background: url("/content/images/academy-circle-text.png") no-repeat;
}

a.tile-top.icon-writing {
    background: url("/content/images/academy-writing.png") no-repeat;
}

a.tile-top.icon-accessibility {
    background: url("/content/images/academy-accessibility.png") no-repeat;
}

a.tile-top.icon-learning {
    background: url("/content/images/academy-learning.png") no-repeat;
}

a.tile-top.icon-update {
    background: url("/content/images/academy-update.png") no-repeat;
}

a.tile-top.icon-video {
    background: url("/content/images/academy-video.png") no-repeat;
}

a.tile-top.icon-mobile {
    background: url("/content/images/academy-mobile.png") no-repeat;
}

a.tile-top.icon-book {
    background: url("/content/images/academy-book.png") no-repeat;
}

a.tile-top.icon-pages {
    background: url("/content/images/academy-pages.png") no-repeat;
}

a.tile-top.icon-text-speech {
    background: url("/content/images/text-speech.png") no-repeat;
}

a.tile-top.icon-zones {
    background: url("/content/images/academy-zones.png") no-repeat;
}

a.tile-top.icon-paint {
    background: url("/content/images/academy-paint.png") no-repeat;
}

a.tile-top.icon-assistant {
    background: url("/content/images/academy-assistant.png") no-repeat;
}

a.tile-top.icon-bookmark {
    background: url("/content/images/academy-bookmark.png") no-repeat;
}

a.tile-top.icon-keyboard {
    background: url("/content/images/academy-keyboard.png");
}

a.tile-top.icon-highlighter {
    background: url("/content/images/academy-highlighter.png") no-repeat;
}

a.tile-top.icon-crossout {
    background: url("/content/images/academy-crossout.png") no-repeat;
}

a.tile-top.icon-underline {
    background: url("/content/images/academy-underline.png") no-repeat;
}

a.tile-top.icon-notes {
    background: url("/content/images/academy-notes.png") no-repeat;
}

a.tile-top.icon-pic-talk {
    background: url("/content/images/academy-pic-talk.png") no-repeat;
}

a.tile-top.icon-idea {
    background: url("/content/images/academy-idea.png") no-repeat;
}

a.tile-top.icon-word-predict {
    background: url("/content/images/academy-word-predict.png") no-repeat;
}

a.tile-top.icon-split {
    background: url("/content/images/academy-split.png") no-repeat;
}

a.tile-top.icon-quiz {
    background: url("/content/images/academy-quiz.png") no-repeat;
}

a.tile-top.icon-tools {
    background: url("/content/images/academy-tools.png") no-repeat;
}

a.tile-top.icon-zoom {
    background: url("/content/images/academy-zoom.png");
}

a.tile-top.icon-translate {
    background: url("/content/images/academy-translation.png");
}

a.tile-top.icon-lock {
    background: url("/content/images/academy-lock.png");
}

a.tile-top.icon-mac {
    background: url("/content/images/academy-mac.png");
}

a.tile-top.icon-chrome {
    background: url("/content/images/academy-chrome.png");
}

a.tile-top.icon-google-drive {
    background: url("/content/images/academy-google-drive.png");
}


/* ----- FOOTER ----- */
.footer {
    margin-top: 35px;
    background: #353535;
    font-size: 13px;
    color: #fff;
    width: 100%;
    text-align:center;
}


.footer-on-top {
    z-index: 500;
    position: relative;
}

.footer-bottom {
    background: #353535;
    text-align:center;
    color: #fff;
    line-height: 129px;
}

.footer .social {
    width: 220px;
    height: 71px;
    margin: 0 auto;
}
.cambium-logo {
    width:234px;
    height:46px;
}
.cambium-logo-footer {
    background: #222121;
    color: #ffff;
    height: 101px;
    line-height: 102px;
    text-align: center;
}

.cambium-logo-text {
    font-size: 16px;
    vertical-align: middle;
}

.cambium-logo img {
    width:234px;
    height:46px;
    vertical-align: middle;
}
span.social-header {
    color: #d0cfcf;
    font-size: 20px;
    line-height: 70px;
}

input.free-trial-signup{
    background: #7a7a7a;
    border: 0;
    width: 240px;
    padding: 8px 8px;
    font-size: 15px;
}

button.signup-button {
    border: 0px;
    background: #212121;
    color: #fff;
    height: 34px;
    padding: 0px 17px;
    cursor: pointer;
    margin-left: -3px;
}

button.signup-button:hover {
    background: #84c440;
    color:#000;
}

.legal {
    letter-spacing: 1px;
    padding: 30px 0;
}

.banner-sub-button {
    background: #7cc8d9;
    color: #fff;
    padding: 15px 73px;
    border-radius: 6px;
    font-size: 20px;
    border: 3px solid #7cc8d9;
    line-height: 16px;
}

.banner-sub-button:hover {
    background: #fff;
    text-decoration:none;
    color:#000;
    border: 3px solid #7cc8d9;
}

.banner-sub-button.orange {
    background: #f0ab6d;
    border: 3px solid #f0ab6d;
    color:#fff;
}
.banner-sub-button.orange:hover {
    border: 3px solid #f0ab6d;
    color: #f0ab6d;
    background: #fff;
}

.banner-sub-button.inverted:hover {
    background: #f0ab6d;
    border: 3px solid #f0ab6d;
    color:#fff;
}
.banner-sub-button.inverted {
    border: 3px solid #f0ab6d;
    color: #f0ab6d;
    background: #fff;
}

.banner-subtext {
    display: block;
    position: absolute;
    bottom: 30%;
    left: 54px;
    border-radius: 6px;
    color: #fff;
    z-index: 1;
    line-height: 30px;
}

.banner-subtext span {
    display: block;
    color: #696969;
    line-height: 73px;
    margin: 3px;
}
.col-button-container {
    width: 310px;
    margin:auto;
    margin-bottom:40px;
}

.col-icon-container {
    width: 513px;
    margin:auto;
}
.col-icon-container ul {
    list-style: none;
    height: 40px;
    padding-top: 40px;
}
.col-icon-container li {
    float:left;
    font-size: 15px;
    padding: 0 20px;
}

.col-icon-container img {
    width: 80px;
    text-align:center;
}


.col-button {
    display: inline-block;
    color: #fff;
    padding: 11px 36px;
    border-radius: 6px;
    margin: 6px;
    font-size: 16px;
    line-height: 16px;
    width: 220px;
    text-align: center;
}

.col-blue {
    background: #2ba6d1;
    border: 2px solid #2ba6d1;
}

.col-blue:hover {
    background: none;
    text-decoration:none;
    color:#000;
    border: 2px solid #2ba6d1;
}

.col-yellow {
    background: #f8ed3d;
    border: 2px solid #f8ed3d;
    color: #000;
}

.col-yellow:hover {
    background: none;
    text-decoration:none;
    color:#000;
    border: 2px solid #f8ed3d;
}

.col-green {
    background: #649a21;
    border: 2px solid #649a21;
}

.col-green:hover {
    background: none;
    text-decoration:none;
    color:#000;
    border: 2px solid #649a21;
}


.mobile-banner-subtext {
    color: #fff;
    padding: 22px;
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    display:none;
}

.mobile-banner-subtext span {
    display: block;
    color: #fff;
    line-height: 63px;
    margin: 3px;
}


.video-responsive h1 {
    position: absolute;
    left: 56px;
    top: 60px;
    color: #3a3a3a;
    text-transform: none;
    font-size: 3.2vw;
}

.video-responsive h2 {
    position: absolute;
    left: 56px;
    top: 155px;
    color: #737373;
    text-transform: none;
    font-size: 1.7vw;
    line-height: 2.3vw;
    max-width: 45%;
}

#footer figure {
    padding-bottom: 0;
    margin-bottom: 0;
}

.footer .social .facebook {
    float: left;
    background: url("/content/images/social-fb.png");
    width: 53px;
    height: 53px;
    margin: 5px;
    border: 4px solid #353535;
    border-radius: 34px;
}


.footer .social .twitter {
    float: left;
    background: url("/content/images/social-twitter.png");
    width: 53px;
    height: 53px;
    margin: 5px;
    border: 4px solid #353535;
    border-radius: 34px;
}


.footer .social .youtube {
    float: left;
    background: url("/content/images/social-youtube.png");
    width: 53px;
    height: 53px;
    margin: 5px;
    border: 4px solid #353535;
    border-radius: 34px;
}

.footer .social .instagram {
    float: left;
    background: url("/content/images/social-instagram.png");
    width: 53px;
    height: 53px;
    margin: 5px;
    border: 4px solid #353535;
    border-radius: 34px;
}

.social-youtube {
    top: 13px;
    position: relative;
    height: 42px;
    left: 5px;
}

.facebook:hover, .twitter:hover, .youtube:hover, .instagram:hover  {
    border: 4px solid #fff!important;
    border-radius: 34px!important;
}


.free-trial-footer {
    width: 514px;
    margin: auto;
    padding: 21px 0;
}

.free-trial-footer span {
    float: left;
    line-height: 33px;
    font-size: 16px;
}

::placeholder {
    color: #353535;
}

.footer a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
}

.footer a:hover {
    color: #e7e7e7;
    text-decoration: none;
}

.footer-bottom span {
    padding-top:10px;
}

.privacy-policy {
    font-size:17px;
}

/* ----- SITEMAP ----- */
.sitemapCol {
    width: 179px;
    margin-right: 30px;
    float: left;
}

.sitemap ul {
    padding: 0;
    margin: 0;
}

.sitemap li {
    padding: 0;
    margin: 20px 0 2px 0;
    list-style: none;
}

.sitemap li a {
    font-weight: bold;
    text-decoration: none;
}

.sitemap li ul {
    padding: 0;
    margin: 0 0 0 20px;
    list-style: none;
}

.sitemap li ul li {
    float: none;
    border-top: 1px dotted #ccc;
    margin-top: 0;
    padding: 2px 0;
}

.sitemap li ul a {
    font-weight: normal;
}

/* ----- CLEAR FIX ----- */
.clear:after {
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    z-index: 1;
}

.clear {
    display: inline-block;
    clear: both;
    height: 20px;
}

html[xmlns] .clear {
    display: block;
}

* html .clear {
    height: 1%;
}

/* ----- Lightbox ----- */
#lightboxContainer {
    background: #FFF;
}

/* ----- Floating Div ----- */
#floatdiv {
    position: relative;
    top: 50px;
    width: 86%;
    background: #e1f9ca;
    padding: 8px;
    border: 9px solid #649a21;
    border-radius: 6px;
    margin-bottom: 57px;
}

#floatdiv h2 {
    font-size: 18px;
    margin: 0 0 15px 0;
    text-shadow: none;
}

#floatdiv a {
    text-shadow: none;
}

/* ----- Misc ----- */
.download {
    background: url(/content/images/download.png) 0 0 no-repeat;
    display: block;
    padding-left: 30px;
    font-weight: bold;
}

.faq {
    background: url(/content/images/faq.png) 10px 10px no-repeat #e2e8ec;
    display: block;
    padding: 10px 10px 0 40px;
    height: 30px;
    font-weight: bold;
}

.big {
    font-weight: bold;
}

.tab_content .col1, .tab_content .col2 {
    width: 400px;
    float: left;
    margin-right: 40px;
}

.tab_content .col2 {
    margin-right: 0;
}

.tab_content .countryCols {
    width: 245px;
    float: left;
    margin-right: 30px;
    font-size: 18px
}

.tab_content .countryColsEnd {
    margin-right: 0;
}

.tab_content .countryCols ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tab_content .countryCols li {
    margin: 0;
    padding: 4px;
}

#thumbnails img {
    border: 4px solid #999;
    margin-right: 20px;
    margin-bottom: 20px;
}

/* ----- Public Workshops Schedule Register button ----- */
div.workshop a {
    background: #7cc159;
    background: -moz-linear-gradient(top, #7cc159, #568b3b);
    background: -webkit-gradient(linear, left top, left bottom, from(#7cc159), to(#568b3b));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7cc159', endColorstr='#568b3b');
    display: block;
    width: 190px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0;
    color: #FFF !important;
    text-shadow: #333 1px 1px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: -15px;
}

ul#check {
    padding-left: 0;
}

ul#check li {
    list-style: none;
    background: url(/content/images/check.gif) 0 0 no-repeat;
    margin: 0 0 10px 0;
    padding: 10px 0 0 40px;
    min-height: 32px;
}

#quotes {
    background: url(/content/images/quotes-small.png) 20px 10px no-repeat #fcfcfc;;
    padding: 70px 20px 20px 20px;
    margin-top: 24px;
    font-style: italic;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    border-radius: 3px;
    border: 1px solid #c7c7c7;
}

/* ----- /confernces.html ----- */
div#conferenceContent table {
    border: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

div#conferenceContent th, div#conferenceContent td {
    padding: 5px 2px 5px 5px;
    margin: 0px;
    vertical-align: middle;
    text-align: left;
}

div#conferenceContent h2 {
    border: none
}

div#conferenceContent th {
    background: #e2e8ec;
    color: #5c97c6;
    font-size: 1.1em;
}

div#conferenceContent td {
    border-bottom: 1px dashed #5c97c6;
    color: #555;
}

div#conferenceContent td.name {
    width: 380px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

/* --- was 300px --- */
div#conferenceContent td.state {
    text-align: center;
}

/* ---- Striving Readers ---- */
a.row {
    border-bottom: 2px dotted #FFF;
    display: block;
    color: #FFF !important;
    padding: 15px;
    text-decoration: none;
}

a.rowGreen {
    background: #81b153;
}

a.rowGreen:hover {
    background: #94c069;
}

a.rowTeal {
    background: #53a5b1;
}

a.rowTeal:hover {
    background: #6bb6c1;
}

a.rowBlue {
    background: #537db1;
}

a.rowBlue:hover {
    background: #6c93c4;
}

a.rowPurple {
    background: #6753b1;
}

a.rowPurple:hover {
    background: #7d6ac4;
}

a.rowPink {
    background: #9a53b1;
    border: none;
}

a.rowPink:hover {
    background: #ab67c1;
}

a.row p.rowLeft {
    float: left;
    display: block;
    width: 50%;
}

a.row p.rowRight {
    float: right;
    display: block;
    width: 50%;
}

.wrapper100 {
    position: relative;
    z-index: 1;
}

.wrapper100 h1 {
    width: 300px;
}

.wrapper100 #coupon {
    display: block;
    width: 313px;
    height: 179px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background: url(/content/images/100-off.png) 0 0 no-repeat;
    text-indent: -10000em;
}

/*** AWARDS IN FOOTER ***/
#footer .awards {
    overflow: hidden;
    border-top: 1px solid #FFF;
    position: relative;
    z-index: 1;
    left: -18px;
    top: 0;
    width: 990px;
    padding-top: 20px;
}

#footer .awards div {
    width: 165px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 1;
}

#footer .awards div.sw {
    top: -10px
}

#footer .awards div.ba {
    top: 13px
}

#footer .awards div.caf {
    top: 12px
}

#footer .awards div.ea {
    top: -5px;
}

a.ipadApp {
    display: block;
    position: absolute;
    top: 44px;
    right: 10px;
    text-decoration: none;
    z-index: 1;
    width: 124px;
    background: url(/content/images/icon-ipad-app.png) 100% 2px no-repeat;
    font-weight: bold;
    text-align: right;
    padding: 0 42px 0 0;
}

h1 span.reg {
    font-size: 11px;
    position: relative;
    top: -14px;
    left: 2px;
}

a.buttonGreen {
    color: #FFF !important;
    line-height: 34px;
    font-weight: bold;
    display: inline-block;
    height: 35px;
    background: url(/content/images/button-green-left.png) 0 0 no-repeat;
    padding: 0 0 0 10px;
}

a.buttonGreen span {
    display: inline-block;
    height: 35px;
    background: url(/content/images/button-green-right.png) 100% 0 no-repeat;
    padding: 0 10px 0 0;
}

a.buttonGreen:hover {
    background-position: 0 -35px;
}

a.buttonGreen:hover span {
    background-position: 100% -35px;
}

.promoButton a {
    display: block;
    background: #1EB7EC;
    text-align: center;
    color: #fff;
    line-height: 45px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
    margin-bottom: 25px;
    margin-right: 10px;
}

.promoButton a:hover {
    background: #70cff0;
    text-decoration: none;
}


.fireflybanner {
    position: relative;
    background: url(/content/images/fireflybanner.jpg) 0 20px no-repeat;
    min-height: 272px;
    width: 626px;
    margin-bottom: 0px;
    padding: 0 280px 0 0;
}

.bottom-column-header {
    float: left;
    width: 200px;
    padding-left: 8px;
}

.bottom-column {
    float: left;
    width: 200px;
    border-right: 1px solid #dcdcdc;
    padding-left: 8px;
}

.bottom-column ul {
    list-style-type: none;
    padding: 0;
}

.bottom-column li {
    margin: 0 0 4px 0;
}

.bottom-column a {
    color: #014479;
    text-decoration: none;
}

.bottom-column a:visited {
    color: #014479;
    text-decoration: none;
}

.bottom-column a:hover {
    color: #5c97c6;
    text-decoration: underline;
}

.column-last {
    border-right: 0px;
}

#fireflybutton a.freeTrial {
    position: absolute;
    top: 203px;
    left: 10px;
    z-inded: 999;
    background: url(/content/images/free-trial-bt.png) 0 0 no-repeat;
    width: 160px;
}

#fireflybutton a {
    display: block;
    height: 35px;
    text-indent: -9999px;
    margin: 20px 6px 0 0;
}

#fireflybutton a.freeiPadApp {
    position: absolute;
    top: 203px;
    left: 179px;
    z-inded: 999;
    background: url(/content/images/free-ipad-app-bt.png) 0 0 no-repeat;
    width: 160px;
}

#fireflybutton a:hover {
    background-position: 0 -35px;
}

a.loginbtn {
    background: url(/content/images/loginbtn.png) 0 0 no-repeat;
    display: block;
    text-indent: -99999px;
    height: 37px;
    width: 112px;
    position: absolute;
    left: 497px;
    top: 221px;
}

a.loginbtn:hover {
    background-position: 0 -37px;
}

.hrline {
    border-bottom: 1px solid #04457b;
    width: 100%;
}

.k3000logo {
    background: url(/content/images/k3000logosmall.gif) 0 0 no-repeat;
    display: block;
    text-indent: -99999px;
    height: 31px;
    width: 31px;
    float: left;
    padding-right: 7px;
}

.platform {
    padding-top: 30px;
    padding-bottom: 10px;
    color: #b8b8b8;
    font-weight: bold;
    font-size: 23px;
    font-family: Arial, Helvetica, sans-serif;
}

.buttonsInLine {
    margin: 0;
    padding: 0;
    list-style: none;
}

.buttonsInLine li {
    margin: 0 40px 0 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#bluebanner {
    background-color: #454545;
    height: 50px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 16px;
}

#bluebanner .heading {
    padding-top: 17px;
    color: #BEBEBE;
    font-weight: bold;
    font-size: 20px;
    padding-left: 15px;
    float: left;
}

.description {
    clear: left;
    width: 54%;
    float: left;
    padding: 4px 15px 15px 5px;
}

.descriptionWide {
    margin-bottom: 30px;
    padding-left: 15px;
}

.details {
    background-color: #1570a6;
    border-radius: 15px;
    width: 180px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.details .text {
    color: #FFF;
    font-size: 15px;
    font-size: 20px;
    padding-top: 12px;
    text-align: center;
}

/*** SUBNAV ***/
.subnavContainer {
    display:none;
    width: 18%;
    float: right;
    min-width: 210px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.inline {
    float: right;
    margin-left: 20px;
}

.subscription-kurzweil-image {
    width: 276px;
    float: right;
}

.subnav {
    padding: 10px 10px 30px 10px;
    border-left: 1px solid #d6d6d6;
}

.subnav .header {
    color: #ADADAD;
    font-weight: bold;
    font-size: 15px;
    padding: 7px 0 18px 8px;
}

.subnav li {
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #636566;
    padding-left: 20px;
    text-decoration: none;
    line-height: 30px;
}

.subnav a {
    color: #636566;
}

.subnav li.last {
    border-bottom: 0px solid #cdcdcd;
}

.subnav li.first {
    border-top: 0px !important;
}

.subnav .parent li {
    padding-left: 10px;
    margin: 5px 0 5px 0;
}

.subnav .parent .tier1 {
}

.subnav .tier2 {
    background-color: #f8fff0;
    border-left: solid 4px #5f9e1b;
    border-right: solid 4px #5f9e1b;
    border-bottom: solid 4px #5f9e1b;
}

.subnav .tier2 li {
    padding-left: 20px;
    border: 0px;
}

.subnav .tier2 li:hover {
    color: #fff;
    text-decoration: none;
    background-color: #649a21;
}

.subnav .tier2 .spacer {
    height: 6px;
}

.subnav .tier2 li.sub-active {
    text-decoration: none;
    background-color: #649a21;
    border-radius: 0px;
    color: #fff;
}

.subnav li:hover {
    text-decoration: none;
    background-color: #84c440;
    cursor: pointer;
    color: #fff;
}

.subnav a {
    font-size: 16px;
}

.subnav h1 {
    font-weight: bold;
    font-size: 16px;
    margin: 0
}

.subnavWebinar {
    position: relative;
    background: #D4EBC7;
    border-radius: 3px;
    padding: 0 8px 0px 8px;
    margin-top: 20px;
}

.subnavWebinar .divider {
    border-top: 1px dashed #9FCF93;
    height: 16px;
}

.subnavWebinar ul {
    color: #000;
    text-decoration: none;
    text-align: left;
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #D4EBC7;
}

.subnavWebinar li {
    padding: 0 0 18px 0;
    line-height: 21px;
}

.subnavWebinar h2 {
    color: #44891c;
    font-size: 23px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0px 4px 0px;
    line-height: 36px;
}

.subnavWebinar a {
}

li.sub-active {
    text-decoration: none;
    background-color: #649a21;
    color: #fff;
    line-height: 30px;
    font-weight: bold;
}

li.sub-active h1 {
    color: #fff;
    line-height: 49px;
}

li.sub-active-parent {
    text-decoration: none;
    background-color: #5f9e1b;
    color: #fff;
    margin-bottom: 0px !important;
}

li.sub-active-parent:hover {
    text-decoration: none !important;
    background-color: #5f9e1b;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #fff;
}

.bluecontainer {
    margin-left: 100px;
    position: relative;
}

.bluebox {
    background-color: #c4dff2;
    border-radius: 15px;
    width: 487px;
    height: 74px;
}

.freetrialcontainer {
    clear: both;
    margin-bottom: 100px;
}

.freetrialtext {
    color: #1570a6;
    font-size: 14px;
    font-weight: bold;
    padding-left: 128px;
    padding-top: 20px;
}

.freetrialtext:hover {
    color: #1570a6;
    text-decoration: none;
}

.freetrialbutton {
    width: 145px;
    display: block;
    background: url(/content/images/freetrialbutton.png);
    position: absolute;
    width: 116px;
    height: 115px;
    z-index: 2;
    left: 19px;
    top: -16px;
}

.freetrialbutton:hover {
    background-position: 0 -118px;
}

.freetrial {
    border: 2px solid #88C54B;
    color: #88C54B;
    background: #fff;
    transition: background 0.5s, border-color 0.5s;
    height: 34px;
    margin: 0px 0 0 0px;
    float: left;
    padding: 0 20px 0 20px;
    margin: 10px;
    border-radius: 4px;
    font-size: 17px;
    line-height: 21px;
    width: 122px;
}

.freetrial .text {
    padding-top: 7px;
    font-weight: bold;
    text-align: center;
}

.order {
    font-size: 22px;
    color: #73796f;
    float: left;
    margin-left: 9px;
    text-decoration: none;
    margin-right: 9px;
    font-size: 21px;
    line-height: 60px;
    margin-right: 9px;
}

.order a {
    color: #1570a6;
    text-decoration: none;
    font-size: 15px;
}

.order a:visited {
    color: #0c5a97;
    text-decoration: none;
}

.order a:hover {
    text-decoration: underline;
}

#videobox {
    float: left;
    margin: 0 36px 30px 0px;
    padding: 10px 0px 0;
    width: 323px;
    font-weight: bold;
    font-size: 15px;
    list-style: none;
}

#videobox .image {
    padding: 0 0 10px 0;
}

.videosection {
    width: 100%;
    padding-top: 0px;
    clear: both;
    height: 260px;
}

.videosection #videobox:hover {
    border-color: #1570a6;
    text-decoration: underline;
    color: #065a8c;
}

.videosection h5 {
    margin: 0 0 5px 0;
    font-size: 22px;
    color: #85c441;
    line-height: 30px;
    font-weight: normal
}

.videosection h5:hover {
    text-decoration: none;
}

.videosection .win {
    float: left;
    width: 67px;
    height: 111px;
    background: url(/content/images/win8logo.png) no-repeat;
}

.videosection .osx {
    float: left;
    width: 67px;
    height: 111px;
    background: url(/content/images/osxlogo.png) no-repeat;
}

.videosection .ff {
    float: left;
    width: 67px;
    height: 111px;
    background: url(/content/images/fireflylogo.png) no-repeat;
}

.videosection #platformbox:hover {
    border-color: #1570a6;
    text-decoration: none;
    color: #065a8c;
}

.videosection .k1000v13 {
    float: left;
    width: 67px;
    height: 111px;
    background: url(/content/images/k1000-v13.png) no-repeat;
}

.videosection .k1000v12 {
    float: left;
    width: 67px;
    height: 111px;
    background: url(/content/images/k1000-v12.png) no-repeat;
}

.videosection .k1000v11 {
    float: left;
    width: 67px;
    height: 111px;
    background: url(/content/images/k1000-v11.png) no-repeat;
}

.videosection .k1000v10 {
    float: left;
    width: 67px;
    height: 111px;
    background: url(/content/images/k1000-v10.png) no-repeat;
}

.productQuote {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 14px;
    float: left;
    font-size: 14px;
    background: #fcfcfc;
}

.smallquote {
    width: 43px;
    height: 33px;
    float: left;
    margin-right: 5px;
    background: url(/content/images/quotes-small.png)
}

.quote-container {
    color: #fff;
    font-size: 22px;
    line-height: 35px;
    background: #026b9e;
    text-align: center;
    padding: 10px 10px 20px 10px;
}

.quote-container.green {
    background: #69a827;
}

.quote-container.light-blue {
    background: #34a8d0;
}

.quote-container.light-blue h2 {
    color: #ffffff
}

.quote-container.green h2 {
    color: rgb(196, 239, 152)
}

.quote-container.blue h2 {
    color: rgb(51, 188, 236)
}

.quote {
    max-width: 1157px;
    margin: auto;
    padding: 40px 10px;
    clear: both;
    text-align: center;
    padding-bottom: 0px;
}

.intro-container {
    color: #fff;
    font-size: 22px;
    line-height: 35px;
    background: rgb(50, 140, 203);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0px;
}

.intro-container a {
    color: #fffc8d;
    text-decoration: underline
}


.intro-image img {
    margin-bottom: -10px;
    width: 100%;
    max-width: 1024px
}

.transition {
    position: relative;
    width: 100%;
    height: auto;
}

.transition img {
    position: absolute;
    z-index: 1;
    display: none;
    width: 100%;
    max-width: 1300px;
}

.transition img.active {
    display: block;
    z-index: 3;
}

.height-adj {
    height: 700px;
}

#transition2 {
    position: relative;
    width: 100%;
    height: 500px;
}

#transition2 img {
    position: absolute;
    z-index: 1;
    display: none;
    width: 100%;
    max-width: 1300px;
}

#transition2 img.active {
    display: block;
    z-index: 3;
}

#platformbox {
    border-top: 10px solid #7ad0ef;
    float: left;
    margin: 0 10px 30px 0px;
    padding: 0 0px 0 0;
    width: 218px;
    font-weight: bold;
}

.platform-side-ad {
    border-radius: 10px;
    background-color: #1570a6;
    border: 4px solid #40a6e2;
    margin-top: 26px;
    padding-bottom: 15px;
}

.platform-side-ad a {
    color: #fff;
    margin: 0px 8px 0px 8px;
    line-height: 25px;
}

.platform-side-ad a:hover {
    text-decoration: underline;
}

.platform-side-ad h1 {
    font-size: 14px;
    color: #fff;
    padding: 10px 8px 0 8px;
    margin-bottom: 10px;
    line-height: 18px;
}

.lightbluedots {
    padding-top: 16px;
    margin: 0 10px 21px 10px;
    border-bottom: 2px dashed #40a6e2;
}

.prod-header {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

.prod-header h1 {
    color: #b8b8b8;
    font-size: 24px;
}

.prod-desc {
    padding-bottom: 25px;
}

.sub-prod {
    padding-left: 25px;
}

.freetrial:hover {
    background-color: #75D33F;
    color: #fff !important;
}

.freetrialsection {
    float: left;
    margin-bottom: 35px;
    display: block;
    border-radius: 4px;
    width: 100%;
}

.freetrialsection:hover {
    cursor: pointer;
}

.subheading h4 {
    color: #fb9318;
    font-weight: bold;
    float: left;
    font-size: 41px;
    padding-right: 0;
    margin: 25px 10px 0 0;
}

.platforms {
    color: #fff;
}

.bluebutton {
    margin: 14px 0 10px 0
}

.bluebutton a {
    background-color: #c4dff2;
    border: 1px solid #68abda;
    height: 16px;
    border-radius: 11px;
    font-size: 13px;
    padding: 5px 13px 5px 13px;
    line-height: 16px;
    margin: 10px 0 10px 0;
}

.bluebutton a:hover {
    background-color: #8ccaf6;
    color: #1472a9
}

.textbox {
    padding: 0 10px 0 0;
    border-radius: 3px;
}

.textbox h2 {
    font-size: 24px;
    margin: 5px 0 0 0;
    padding: 10px 0 5px 0;
    font-weight: normal;
}

.textbox.green {
    margin: 0 0 25px 0;
}

.textbox.green h5 {
    color: #615F5F;
    font-size: 20px;
    line-height: 22px;
}

.textbox.red {
    margin: 15px 0 25px 0;
    background-color: #ffe7e7;
    border: 1px solid #e56868;
}

.textbox.red h5 {
    color: #e56868;
    font-size: 18px;
    line-height: 20px;
}

.textbox.blue {
    margin: 15px 0 25px 0;
    background-color: #daecf9;
    border: 1px solid #4e8eb8;
}

.textbox.blue h5 {
    color: #4e8eb8;
    font-size: 18px;
    line-height: 20px;
}

.textbox.quote {
    margin: 40px 0 25px 0;
    border: 1px solid #C5C5C5;
    padding-left: 65px;
    background: rgb(33, 163, 210);
    background: -moz-radial-gradient(center, ellipse cover, rgb(44, 141, 188) 1%, rgb(36, 107, 166) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #58C0E6 1%, #1FA2D2 100%);
    background: radial-gradient(ellipse at center, rgb(95, 196, 232) 1%, rgb(27, 160, 208) 100%);
}

.software ul {
    height: 17px;
    list-style: none;
}

.software li {
    margin-right: 46px;
    float: left;
}

span.new {
    font-size: 12px;
    font-weight: normal;
    z-index: 1;
    top: 3px;
    left: -13px;
    background: #F4DB2D;
    width: 58px;
    height: 17px;
    text-align: center;
    color: #000;
    text-shadow: none;
    line-height: 16px;
    padding: 1px 6px 1px 6px;
    margin: 0 3px 5px 0px;
}

.leftcolumn {
    float: left;
    width: 335px;
    margin: 0 20px 10px 0;
    padding-right: 10px;
}

.leftcolumn ul {
    margin: 0;
    margin-bottom: 10px;
    padding-left: 14px;
}

.leftcolumn h5 {
    padding-left: 15px;
    color: #454545;
    font-size: 18px;
    font-weight: normal;
}

.rightcolumn {
    float: left;
    width: 335px;
    margin: 0 0 10px 0;
    padding-right: 10px;
}

.rightcolumn ul {
    margin: 0;
    margin-bottom: 10px;
    padding-left: 14px;
}

.rightcolumn h5 {
    padding-left: 15px;
    color: #454545;
    font-size: 18px;
    font-weight: normal;
}

.rightcolumnQuote {
    margin: 20px 0 25px 0;
    border: 1px solid #E2E1E1;
    background: #fcfcfc url(/content/images/quotes.png) 0 0 no-repeat;
    border-radius: 3px;
    padding: 10px;
    line-height: 23px;
}

.rightcolumnQuote .divider {
    border-top: 1px dashed #B3B3B3;
    height: 16px;
}

.fullcolumn {
    background-color: #e8f9ef;
    border: 1px solid #59a879;
    border-radius: 10px;
    width: 702px;
    margin: 0 20px 10px 0;
    padding-right: 10px;
    clear: both;
}

.fullcolumn h5 {
    padding-left: 15px;
    color: #59a879;
    font-size: 18px;
    font-weight: normal;
}

.fflogin {
    background-color: #07a754;
    border-radius: 0px;
    width: 91px;
    height: 32px;
    display: block;
    border: 3px solid #99eba5;
    float: left;
    margin: 0 10px 20px 0px;
}

.fflogin .text {
    color: #fff;
    font-size: 13px;
    padding: 7px 0 0 13px;
}

.fflogin:hover {
    background-color: #00be5b;
}

.subnav-freetrial {
    margin: 10px 0 10px 0;
    padding: 5px;
}

.subnav-freetrial h3 {
    color: #454545;
    margin: 0;
    padding: 0;
    font-size: 23px;
    line-height: 30px;
    font-weight: normal;
}

.subnav-freetrial a {
    display: block;
    text-align: center;
    color: #fff;
    background: #449C11;
    text-decoration: none;
    border-radius: 6px;
    line-height: 42px;
    padding: 2px 0 2px 0;
    margin: 12px 0 0 0;
    font-size: 18px;
}

.subnav-freetrial a:hover {
    background: #75af53;
}

.pagePagination {
    margin-top: 50px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}

.pagePagination .previous {
    float: left;
    width: 100px;
}

.pagePagination .next {
    float: right;
    width: 63px;
}

.bullets {
    list-style: disc;
    margin: 28px;
}

a.inline-button {
    text-align: center;
    background: #E2E2E2;
    padding: 6px 10px 6px 10px;
    border-radius: 6px;
    color: #646464;
    font-weight: bold;
}

a.inline-button:hover {
    background: #989998;
    text-decoration: none;
    color: #fff;
}

.bar .whitearrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    margin-top: -6px;
    border-top: 9px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 15px solid #FFF;
}

.photoResize img {
    max-width: 100%;
}

.bottomnav {
    display: none;
}

.videoLarge {
    display: block;
    width: 600px;
    float: left;
    height: 400px;
    padding-right: 10px;
}

.videoMed {
    display: none;
    padding-right: 10px;
    width: 300px;
    float: left;
    height: 200px;
}

.mobileTag {
    position: relative;
    line-height: 43px;
    background: rgb(249, 242, 113);
    z-index: 999;
    left: 678px;
    top: 18px;
    width: 356px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #F5CA1F;
    color: #5D646F;
    font-weight: bold;
    border-bottom-right-radius: 0px;
    font-size: 14px;
}

.mobileTag .corner {
    border-bottom: 12px solid rgba(0, 0, 0, 0);
    border-left: 10px solid #F5CA1F;
    border-top: 0px solid rgba(0, 0, 0, 0);
    left: 347px;
    top: 43px;
    position: absolute;
}

a.center-button {
    padding: 15px 30px 15px 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    border-radius: 3px;
    width: 333px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

a.next-button {
    padding: 7px 0 7px 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 49px;
    margin: auto;
    border-radius: 2px;
    margin-top: 12px;
}

a.two-buttons {
    padding: 13px 5px 13px 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 3px;
    width: 322px;
    display: block;
    float: left;
    margin: 10px 15px 10px 15px;
}

a.green {
    border: 2px solid #88C54B;
    color: #88C54B;
    background: #fff;
    transition: background 0.5s, border-color 0.5s;
}

a.orange {
    border: 2px solid #f79646;
    color: #f79646;
    background: #fff;
    transition: background 0.5s, border-color 0.5s;
}

a.blue {
    border: 2px solid #70cff0;
    color: #70cff0;
    background: #fff;
    transition: background 0.5s, border-color 0.5s;
}

a.green:hover {
    background: #88C54B;
    color: #fff;
    text-decoration: none;
}

a.orange:hover {
    background: #f79646;
    color: #fff;
    text-decoration: none;
}

a.blue:hover {
    background: #70cff0;
    color: #fff;
    text-decoration: none;
}

a.purple:hover {
    background: #b06cea;
    color: #fff;
    text-decoration: none;
}


a.prodbutton {
    display: block;
    padding: 5px 20px 5px 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    min-width: 100px;
    max-width: 250px;
    line-height: 38px;
    margin: auto;
    margin-top: 25px;
    margin: auto;
}

a.prodgreen {
    background: #4EB314;
}

a.prodorange {
    background: #f79646;
}

.prodbutton:hover {
    text-decoration: none;
    opacity: 0.8;
}

[class*="colSpan"] {
    float: left;
    min-height: 1px;
    margin-top: 10px;
    padding: 10px;
}

.colSpan2 {
    width: 45%;
}

.colSpan-smaller-left {
    width: 25%;
}

.colSpan-larger-right {
    width: 59%;
}

.colSpan-half {
    width: 46%;
    padding-right: 30px;
}

.center {
    text-align:center;
}

img.center {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.product-thumbnail {
    width: 70%;
    border: 8px #e5e2e230 ridge;
    padding: 30px;
}

.product h1 {
    color: #717171;
    font-family: opensans, arial;
    font-size: 55px;
    font-weight: normal;
    text-align: center;
    margin: 0;
    line-height: 69px;
    margin-bottom: 28px;
}

.product h2 {
    color: #807F7F;
    font-family: opensans, arial;
    font-size: 27px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 0px;
}

.bottom-next {
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    text-align: left;
    width: 399px;
    text-align: center;
    margin: auto;
    padding-bottom: 70px;
}

.bottom-next h2 {
    font-size: 38px;
    color: #fff;
    line-height: 54px;
}

.bottom-container {
    margin-top: 49px;
}

.centerbutton {
    margin: auto;
    max-width: 365px;
    height: 50px;
    clear: both;
}

.center-two-buttons {
    margin: auto;
    max-width: 749px;
    clear: both;
    padding: 0 10px;
}

.feature-promote {
    width: 400px;
    margin: 22px auto;
    text-align: center;
    height: 168px;
    padding-top: 13px;
    font-size: 17px;
}

.feature-promote img {
    float: left;
    border: 0;
}

.bottom-container .text {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    left: 0;
    padding: 1rem;
    transform: translateY(-50%);
}

.next-cover {
    background-image: url('/content/images/overview-footer.jpg');
    background-size: 100% auto;
    no-repeat;
}

.float-box {
    width: 300px;
    background: #fff;
    height: 200px;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    width: 50%;
    opacity: 0.5;
    padding-top: 50px;
    padding-bottom: 50px;
}

.bottom-cover {
    background-image: url("/content/images/overview-footer.jpg");
    position: relative;
    width: 100%;
}

.bottom-cover .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4);
}

.bottom-cover .content {
    text-align: center;
    position: relative;
    z-index: 1;
}

.scrollup {
    width: 46px;
    height: 46px;
    position: fixed;
    bottom: 25px;
    right: 21px;
    opacity: 0.5;
    display: none;
    text-indent: -9999px;
    background: #fff;
    background: url('/content/images/icon_top.png') no-repeat;
    z-index: 9999;
    border-radius: 4px;
    border: 2px solid #acacac;
    transition: background 0.5s;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.21);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.21);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.21);
    -webkit-transition: background 0.5s;
}

.scrollup:hover {
    background: #fff;
    opacity: 1;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    border: 2px solid #acacac;
    background: url('/content/images/scrolltop_hover.png') no-repeat;
    border: 2px solid #88c54b;
}

.prod-tabs ul {
    list-style: none;
}

.prod-tabs li a {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 100px;
    float: left;
    text-align: center;
    line-height: 32px;
}

.tab_container h1 {
    color: #717171;
    font-family: opensans, arial;
    font-size: 34px;
    text-align: left;
    font-weight: bold;
    margin: 10px;
}

.center:not(.absolute) {
    width: 100%;
    text-align: center;
}

.tile-center {
    margin: 18px 3% 0 3%;
}


.unsubscribe-container {
    max-width: 530px;
    margin: auto;
    min-height: 800px;
}

.unsubscribe-container h1 {
    font-size: 42px;
}

.unsubscribe-container h2 {
    font-size: 34px;
    color: #8e8c8c;
    font-weight: normal;
}

.unsubscribe-container input[type="email"] {
    width: 294px;
    height: 26px;
    font-size: 21px;
    padding: 5px;
    margin-right: 10px;
}

.unsubscribe-container input[type="submit"] {
    background: #1eb7ec;
    color: #fff;
    padding: 9px 45px;
    border: 0;
    border-radius: 8px;
    font-size: 21px;
    cursor: pointer
}

.alert-box {
    display: block;
    text-align: center;
    font-size: 18px;
    background: #fdfdc4;
    width: 94%;
    color: #f64343;
    border: 6px solid #fbe58b;
    padding: 10px;;
    border-radius: 6px;
    margin-top: 20px;
}

.unsubscribe-container li {
    list-style: none;
}


.succcess-email {
    text-align: center;
    font-size: 21px;
    margin: 20px 0px;
    color: #649a21;
    line-height: 30px;
}

.video-container {
    margin: 10px 0 70px 0;
}

.video-container p {
    margin: 0 0 17px 0;
    padding: 10px 0;
}

.video-frame {
    padding: 20px;
    border-radius: 5px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    position: relative;
    max-width: 1157px;
}


.video-frame.half {
    float: left;
    width: 45%;
    box-sizing: border-box;
    height: 400px;;
    margin-bottom: 16px;
    margin-right: 1%;
}

.video-frame.half iframe {
    width: 98%;
    height: 100%;
}

.video-frame.third {
    float: left;
    width: 40%;
    box-sizing: border-box;
    padding: 0;
    padding-bottom: 33%;
    margin-bottom: 16px;
    margin-right: 1%;
}

.video-container h2 {
    font-family: opensans, arial;
    font-size: 34px;
    line-height: 82px;
}

.video-frame .player {
    margin: auto;
}

.video-frame.blue {
    background-color: rgb(99, 204, 236);
}

.video-frame.green {
    background-color: rgb(134, 197, 66);
}

.video-frame.yellow {
    background-color: rgb(245, 232, 58);
}

.video-frame.gray {
    background-color: rgb(238, 238, 238);
}

.video-divided {
    width: 15px;
    display: block;
}

.banner-video {
    width: 100%    !important;
    height: auto   !important;
    margin-top: 90px;
}

.banner-video.product-right {
//border: 8px #e5e2e230 ridge;
    border-radius: 11px;
    margin-top: -18px;
    margin-left: 115px;
    padding-top: 10px;
    float:left;
    padding: 20px;
}

.banner-video.product-left {
    border-radius: 16px;
    margin-top: -16px;
}

.col-2 video {
    width: 100%    !important;
    height: auto   !important;
}

.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

a.banner-button {
    font-family: opensans, arial;
    padding: 12px 60px 12px 60px;
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    display: block;
    float: left;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 38px;
    border: 2px solid #fbfbfb;
    background: #318ccb;
}

a.banner-button:hover {
    color: #010029;
    background: #ffffff;
    transition: background 0.5s, border-color 0.5s;
    border: 2px solid #ffffff;
}

a.small-button {
    font-family: opensans, arial;
    padding: 13px 6px 13px 6px;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    border-radius: 3px;
    width: 80%;
    display: block;
    color: #525252;
    border: 1px solid #525252;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10px;
    margin: 0 auto;
}

a.small-button:hover {
    color: #fff;
    background: #649a21;
    border: 1px solid #649a21;
    transition: background 0.5s, border-color 0.5s;
}


a.large-button {
    font-family: opensans, arial;
    padding: 13px 6px 13px 6px;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    border-radius: 3px;
    width: 322px;
    display: block;
    float: left;
    margin: 10px 15px 10px 15px;
    color: #525252;
    border: 1px solid #525252;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 38px;
}

a.large-button:hover {
    color: #fff;
    background: #33bcec;
    border: 1px solid #33bcec;
    transition: background 0.5s, border-color 0.5s;
}


a.large-button.green:hover {
    background: #649a21;
    border: 1px solid #649a21;
}

a.large-button.white:hover {
    background: #649a21;
    border: 1px solid #649a21;
}

a.large-button.red:hover {
    background: #da5a6f;
    border: 1px solid #da5a6f;
}


ul.blue-bullet {
    list-style-image: url(/content/images/blue-bullet.gif);
}

.see-it-bottom {
    width: 652px;
    margin: auto;
    font-size: 23px;
    text-align: center;
    line-height: 49px;
    margin-bottom: 50px;
}

.see-it-bottom h2 {
    font-size: 41px;
}

.banner-container img {
    width: 100%;
    margin: 0 0 -8px 0;
}

.iks-div {
    background-color: #feae06;
    color: #ffffff;
    margin-top: 35px;
}

.cks-div {
    margin-top: 35px;
    border-bottom: 2px solid #e3e3e3;
}

.iks-badges {
    height: 180px;
    padding: 20px 15px 20px 15px;
}

.first-badge {
    padding-left: 60px;
}

.iks-text {
    padding-left: 20px;
}

.message-container {
    position: absolute;
    font-family: opensans, arial;
    top: 228px;
    font-size: 24px;
    padding-left: 18px;
    color: #353535;
    font-weight: bold;
    width: 97%;
    line-height: 35px;
    z-index: 1;
}

#delay0, #delay1, #delay2, #delay3 {
    display: none;
}

.white-txt {
    color: #040404;
    font-weight: bold;
}

.message-container.white {
    color: #fff;
    text-shadow: 0;
}

.sub-message-container {
    font-family: opensans, arial;
    position: absolute;
    font-size: 2.5vw;
    color: #fff;
    padding: 0 10px;
    width: 37%;
    line-height: 3.5vw;
    font-weight: normal;
    margin-top: 20px;
    z-index: 1;
}

#delay3 {
    clear: both;
    margin-top: 232px;
    font-size: 21px;
}

.shadow {
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
}


a.sub-back {
    font-family: opensans, arial;
    position: absolute;
    font-size: 21px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 10px;
    width: 91px;
    line-height: 42px;
    text-shadow: 1px 1px #000;
    font-weight: normal;
    margin-top: 20px;
    z-index: 1;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

#academy-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#academy-page-content {
  -moz-box-flex: 1;
  flex-grow: 1;
  width: 100%;
  display: block;
}

#xyet-another-div::after {
  background-color: black;
  content: "";
  opacity: 0;
  position: fixed;
  transition: opacity 0.2s ease 0s;
  z-index: 70;
}
#xyet-another-div {
  display: flex;
  min-height: 100vh;
  padding-top: 60px;
  padding-top: 126px;
  position: relative;
}


#academy-toc {
    box-shadow: rgba(9, 30, 66, 0.15) 0.5rem 0px 0.75rem 0px;
    min-height: 100%;
    width: 30%;
    z-index: 0;
    background: #fbfbfb;
    left: 0px;
    position: fixed;
    top: 190px;
    z-index: 80;
}

#academy-toc-outer-div {
    position: sticky;
    height: calc(100vh - 275px)!important;
}

#academy-toc-inner-div {
    height: calc(100vh - 275px)!important;
    overflow-y: auto!important;
}

.academy-content {background: transparent linear-gradient(rgb(230, 252, 255), rgb(251, 251, 251)) center top / auto 450px repeat-x; background-blend-mode: normal;}

.academy-div {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    min-height:100vh;
}

.academy-list {
    background-color: transparent;
    display: block;
    font-size: 1rem;
    height: auto;
    margin: 0px 0px 0px auto;
    padding: 10px 15px;
    opacity: 1;
    overflow: auto;
    transform: none;
}


#academy-chapters {
    position: sticky;
}

.academy-list .accordion li {
    line-height: 24px;
    border-bottom: 1px solid #eee;
    background-image: none;
    font-size: 16px;
}

.academy-list .accordion a {
    text-decoration: none;
}

.academy-list .accordion li div {
    border-bottom: none;
    line-height: 44px;
    padding-left: 20px;
}

.academy-list .accordion li div {
    padding-left:20px;
}


.academy-list .accordion li.active .sliderContent {
    padding: revert;
}

.academy-list .accordion li div:hover {
    background-color: var(--ultra-lt-gray);
}

.academy-list .accordion li:not(.active) {
    background-color: transparent;

}

.academy-list .accordion li:not(.active):hover {
    background-color: var(--ultra-lt-gray);
}

.academy-content {
    padding: 65px 20px 0 70px;
    -moz-box-flex: 1;
    flex-grow: 1;
    position: relative;
    left: 30%;
    width: 70%;
    top: 41px;
}

.academy-content h3 {
    font-size: 22px;
}

.academy-content iframe {
    margin-top: 20px;
    margin-bottom: 30px;
}

.academy-topic {
    padding: 5px;
    font-size: 18px;
    border-radius: 5px;
}

.academy-topic a {
    color: black!important;
}

.academy-list h2 {
    color: var(--med-blue);
    font-size: 28px;
    border-bottom: 1px solid #dbdbdb;
    padding-top: 20px;
}

.academy-content h2 {
    padding: 0 0 12px 0;
    color: var(--med-blue);
}

.academy-content img {
    width: 80%;
    margin-top: 25px;
    margin-bottom: 35px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#footer img {
    all: revert;
}

.academy-back {
    font-family: opensans, arial;
    position: absolute;
    font-size: 21px;
    color: #fff;
    padding: 0 10px;
    width: 91px;
    line-height: 42px;
    font-weight: normal;
    margin-top: 20px;
    z-index: 1;
}

a.academy-back {
    width: 68px;
    margin-top: 0px;
    height: 64px;
    padding: 13px 17px;
    line-height: 65px;
    color: #fff;
    text-decoration: none;
}

a.academy-back:after {
    border: 1px solid #0c78ad;
    height: 58px;
    width: 0px;
    top: 17px;
    left: 102px;
    content: '';
    position: absolute;
}

a.academy-back:hover {
    background: #0e93d4;
    color: #fff;
    text-shadow: 0 0;
}

a.sub-back {
    color: #fff;
    text-decoration: none;
    opacity: 1.0
}

a.sub-back:hover {
    color: #64bd07;
}

a.sub-back.long {
    width: 273px;
    margin-top: -14px;
    line-height: 57px;
    background: #026b9e;
}

a.sub-back.long:hover {
    background: #0e93d4;
    color: #fff;
    text-shadow: 0 0;
}

.sub-message-container.right {
    padding: 0 10px;
    width: 45%;
    margin-top: 20px;
    right: 0;
}

.k1000-sub-message-container {
    font-family: opensans, arial;
    position: absolute;
    font-size: 2vw;
    padding: 0 20px;
    line-height: 3vw;
    font-weight: normal;
    width: 58%;
    color: #4e4e4e;
    text-shadow: 0 0;
}

.message-container h1, .sub-message-container h1 {
    font-size: 3.0vw;
    line-height: 4.0vw;
    font-weight: bold;
    color: #464646;
}

.message-container a, .sub-message-container a {
    margin: 33px 0px;
}

.content-container {
    margin-left: 15px;
    padding: 20px 10px;
    line-height: 34px;
}

.video-container {
    max-width: 1198px;
    margin: auto;
}

h1 {
    font-family: opensans, arial;
    font-size: 38px;
    line-height: 47px;
    margin: 12px 0;
    text-transform: uppercase;
    font-weight: normal;
}

h2 {
    font-family: opensans, arial;
    color: #626262;
    font-size: 31px;
    line-height: 41px;
    margin: 12px 0;
    text-transform: uppercase;
    font-weight: normal;
}

h2.promo {
    padding-top: 15px;
    margin-bottom: 0;
}

.black {
    background: #2e2e2e;
    padding-top: 25px;
    color: #fff;
}

.black h2 {
    color: #fff;
    margin-left: 0;
}

.white {
    display: flex;
    flex-wrap: wrap;
}

.grid {
    display: flex;
    flex-wrap: wrap;
}

.flex-col3 {
    flex: 1;
    padding: 15px;
    min-height: 388px;
    text-align: center;
    min-width: 33.3%;
    font-family: opensans, arial;
    font-size: 16px;
    line-height: 28px;
    display: grid;
    box-sizing: border-box;
}

.box-heading {
    height: 71px;
}

.box-heading h2 {
    font-size: 23px;
}

.box-image {
}

.box-content {
}

.box-button {
}

a.white {
    color: #fff;
    border: 1px solid #fff;
}

a.yellow {
    background: #faf128;
    color: #000;
    border: 1px solid #faf128;
}

a.yellow:hover {
    background: #fff;
    color: #000;
    border: 1px solid #fff;
}

.col-2 {
    width: 45%;
    float: left;
    padding: 2%;
}

.col-3 h4 {margin:2px 0;}

.col-4 {
    width: 25%;
    float:left;
}

.col-3 ul {
    list-style: none;
    margin: 0;
    width: 100%;
}

.col-3 li {
    float: left;
    width: 30%;
}

.col-3 h2 {
    font-size: 25px;
    line-height: 36px;
}

img.blue {
    border: 10px solid #026b9e;
    width: 92%;
}

img.green {
    border: 10px solid #649a21;
    width: 92%;
}

img.yellow {
    border: 10px solid #f8ec3d;
    width: 92%;
}

.black .col-3 {
    color: #fff;
}

.banner-container {
    z-index: 100
}

.col-3 img {
    transition: all .2s ease-in-out;
}

.column-container {
    min-height: 310px;}
.bottom-container {
    background:#005596;
    color:#fff;
    padding: 10px 0;
}

.bottom-container h3 {
    text-align:center;

}

.bottom-container h3 { color:#fff;}

.bottom-container .bottom-subtext {
    width: 70%;
    text-align: center;
    margin: auto;
    padding: 20px 0;
    line-height: 32px;
}

h4.green {background:#88bf45; display:inline-block; color:#fff; padding:5px; margin:10px 5px; }
h4.yellow {background:#f1ea3e; display:inline-block; color:#0d99dc; padding:5px; margin:10px 5px;}

.bottom-container .col-4 {
    height: 497px;
}

.elementary {
    background: #005596  url(/content/images/card-elementary.jpg) 0 0 no-repeat;
}
.middle-school {
    background: #005596  url(/content/images/card-middle-school.jpg) 0 0 no-repeat;
}
.high-school {
    background: #005596  url(/content/images/card-high-school.jpg) 0 0 no-repeat;
}
.college {
    background: #005596  url(/content/images/card-college.jpg) 0 0 no-repeat;
}

a.elementary, a.high-school, a.middle-school, a.college {
    border-top: 10px solid #005596;
}

a.elementary:hover, a.high-school:hover    {
    border-top: 10px solid #88bf45;
}

a.middle-school:hover, a.college:hover    {
    border-top: 10px solid #f1ea3e;
}

.grade-container {
    max-width: 1488px;
    background: #005596;
    height: 497px;
    margin: auto;
}

.grade-container a:hover {
    text-decoration:none;
}

video.banner-video {
    display:block;
}

.banner-non-video{

}

.banner-non-video img {
    width:100%;
}

.col-4 span{
    display: block;
    padding-left: 5px;
    font-size: 17px;
    color:#fff;
    text-decoration:none;
}

.mobile-spacer {
    display: none;
}

.content-image {
    width: 38%;
    float: left;
    margin-right: 25px;
    margin-bottom: 53px;
}

.content-image.blue {
    border: 10px solid #026b9e;
}

.content-image.green {
    border: 10px solid #649a21;
}

.content-image.yellow {
    border: 10px solid #f8ec3d;
}


/** animated boxes **/
.animBlock {
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    -webkit-transition: all .50s ease-in;
    -moz-transition: all .50s ease-in;
    -ms-transition: all .50s ease-in;
    -o-transition: all .50s ease-in;
    transition: all .50s ease-in;
}

.animBlock[data-position="left"] {
    left: -40%;
}

.animBlock[data-position="right"] {
    right: -40%;
}

.animBlock[data-position="bottom"] {
    padding-top: 15%;
}

.animBlock[data-position="left"].viewed {
    left: 0%;
    opacity: 1;
    filter: alpha(opacity=100);
}

.animBlock[data-position="right"].viewed {
    right: 0%;
    opacity: 1;
    filter: alpha(opacity=100);
}

.animBlock[data-position="fade"].viewed {
    opacity: 1;
    filter: alpha(opacity=100);
    transition-delay: 0.3s;
}

.animBlock[data-position="bottom"].viewed {
    padding-top: 0%;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}

.animFloat {
    display: block;
    position: absolute;
}

.back-arrow {
    display:none;
    opacity: 0.6;
    position: absolute;
    margin: 21px 21px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 24px solid #fff;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.pulse {
    display:none;
    opacity: 0;
    position: absolute;
    margin: 21px 21px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 24px solid #fff;
    left: -1px;
    -webkit-animation: pulsate 1.7s ease-out;
    -webkit-animation-iteration-count: infinite;
}

.pulse:hover {
    display: none;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 0.0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.7, 1.7);
        opacity: 0.0;
    }
}


.academy-video-container {
    width: 431px;
    margin: auto;
}

#mainNav .medium {
    width: 230px!important;
}


.academy-bar-video {
    background: #026b9e;
    height: 90px;
    width: 100%;
    display: block;
    transition: background 0.8s, border-color 0.8s;
    -webkit-transition: background 0.8s, border-color 0.8s;
    -moz-transition: background 0.8s, border-color 0.8s;
}

.academy-bar-video:hover {
    background: #0e82bb;
}

.academy-bar-video:hover .back-arrow {
    opacity: 1;
}

.academy-bar-video:hover .pulse {
    display: none;
}

.academy-bar-video h1 {
    color: #fff;
    font-size: 30px;
    padding: 15px 16px;
    float: left;
    line-height: 37px;
}

.academy-video-container img {
    width: 63px;
    padding-top: 12px;
    float: left;
}

.podcast-center {
    width: 300px;
    margin: auto;
    padding: 25px;
}



/* typewriter style */
.typewriter p {
    color: #fff;
    font-size: 28px;
    line-height: 39px;
    margin: 10px 0 0 10px;
    white-space: nowrap;
    overflow: hidden;
    width: 50em;
    animation: type 4s steps(60, end);
    filter: drop-shadow(0 0 3px #000);
}

.typewriter span.orange {
    background: orange;
}

.typewriter span.green {
    background: lime;
}

.typewriter p:nth-child(2) {
    animation: type2 8s steps(60, end);
}

.typewriter p a {
    color: #424242;
    text-decoration: none;
}

.typewriter span.cursor {
    color: #fff;
    animation: blink 1s infinite;
}

@keyframes type {
    from {
        width: 0;
    }
}

@keyframes type2 {
    0% {
        width: 0;
    }
    50% {
        width: 0;
    }
    100% {
        width: 100;
    }
}

@keyframes blink {
    to {
        opacity: .0;
    }
}

@media only screen and (max-width: 800px) {
    .video-description {
        width: 100%;
        float: none;
        margin-bottom: 50px;
    }

    .mobile-banner-subtext {
        display:block!important;
        background: #7ccfdd;
    }

    .banner-sub-button {
        background: #fff;
        color: #000;
        padding: 15px 39px;
        border-radius: 6px;
        font-size: 17px;
        border: 3px solid #7cc8d9;
        line-height: 16px;
    }

    .banner-sub-button {
        background: #fff;

    }

    .banner-subtext {
        display:none!important;
    }

    .col-3 {
        width:100%;
        float:none;
    }
    .video-responsive h2 {
        top: 43px;
        left: 20px;
        max-width: 43%;
        font-size: 3vw;
        line-height: 3.2vw;
    }
    .video-responsive h1 {
        left: 20px;
    }


}


@media only screen and (max-width: 1200px) {
    .shoutHome {
        width: 26%;
    }

    .tile-width {
        max-width: 90%
    }

}


/* STRICT IPAD RESOLUTION */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #contentWrapper {
    }

    #contentInnerNS {
        padding: 3px 0px 17px 0px;
    }

    #container {
    }

    #mainAdArea {
        width: 100%;
        height: 510px;
    }

    #slider .banner {
        z-index: 1;
        top: 0;
        right: 0px;
        margin-top: 0;
        width: 100%;
    }

    #slider img {
        max-width: 100%;
        height: auto;
    }

    #slider .yellowbar {
        font-size: 16px;
        font-size: 19px;
        line-height: 36px;
        padding-left: 15px;
    }

    #slider .yellowbar .heightspacer {
        padding: 75px 0 10px 0
    }

    #slider .text h2 {
        display: none;
    }

    .bar a {
        width: 100%;
        font-size: 25px;
    }

    .shoutHome {
    }

    .shoutHome img {
        max-width: 100%;
        height: auto;
    }

    .bottomContainer {
        background: #fff;
    }

    .bottomContainer .rightContent {
        display: none;
    }

    .bottomContainer .leftContent {
        width: 93%;
        padding-left: 20px;
    }

    #tabs {
        display: none;
    }

    .footer a {
        font-size: 12px;
    }

    .footer .legal {
        font-size: 12px;
    }

    .freetrial {
        width: 94%;
        height: 32px;
        float: none;
        padding: 0;
        margin: 10px 0 10px 10px;
    }

    .subnavWebinar {
        width: 93%;
        background: #D4EBC7;
    }

    #topNav ul#topNavUL li#resourcesNav {
        display: none;
    }

    #topNav {
        display: none;
    }

    .subscription-kurzweil-image {
        float: none;
    }

    .description {
        width: 100%;
    }

    .videoLarge {
        display: block;
    }

    .videoMed {
        display: none;
    }

    .mobileTag {
        display: none;
    }

    .prodnav {
        position: relative
    }

    .fixed {
        position: relative;
        background: red;
    }

    .centerbutton-container {
        margin: auto;
        max-width: 734px;
        height: 76px;
    }

    hr {
        margin-bottom: 0px;
    }

    .tile-center {
        margin: 18px 15px 0 15px;
    }

    #containWrapperNS {
        margin-top: 103px;
    }

    .animBlock[data-position="left"] {
        left: 00%;
    }

    .animBlock[data-position="right"] {
        right: 0%;
    }

    .animBlock[data-position="bottom"] {
        padding-top: 0%;
    }

    .interiorContent {
        margin-top: 103px;
    }

    .subnav {
        margin-top: 103px;
    }
}



/* STRICT IPAD RESOLUTION  PORTRAIT FIX*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #mainAdArea {
        width: 100%;
        height: 410px;
    }

    .shoutdivider {
        width: 14px
    }

    .prodnav {
        position: relative
    }

    .tile-center {
        margin: 18px 15px 0 15px;
    }

    .animBlock[data-position="left"] {
        left: 0%;
    }

    .animBlock[data-position="right"] {
        right: 0%;
    }

    .animBlock[data-position="bottom"] {
        padding-top: 0%;
    }
}


.popover-container p {
    font-size: 19px;
    line-height: 25px;

}



/* ALL TABLETS   */
@media only screen and (max-width: 873px) {

    .col-icon-container {
        width: 463px;
        margin: auto;
    }

    .col-icon-container ul {
        padding-left:0;
        margin:0;
        height: 100px;
        padding-top: 0px;
    }

    .col-icon-container li {
        float: left;
        font-size: 15px;
        padding: 0 14px;
    }

    .col-icon-container img {
        width: 60px;
        text-align: center;
    }
    .banner-non-video{
        display:block;
    }

    hr {
        margin-bottom: 0;
        margin-top: 25px;
    }


    .flex-col3 {
        flex: none;
        width: 100%;
    }



    .col-2 {
        width: 100%;
        float:none;
    }

    .col-4 {
        width: 100%;
        float: none;
        text-align: center;
    }

    .col-4 h4{
        text-align:center;
        display: block;}

    .col-4 span {
        padding-bottom: 20px;
    }

    h4:hover {text-decoration:none;}

    .typewriter {
        display: none;
    }

    .mobile-type {
        display: block;
    }

    .form_value textarea {
        width: 272px;
    }

    .form_value input, .form_valueError input, .form_value textarea {
        width: 280px;
    }

    .form_valueError select {
        width: 298px;
    }

    .form_value select {
        width: 298px;
    }

    .school-container {
        width: 276px;
    }

    .form_labelError {
        font-weight: bold;
        color: #e43030;
        float: left;
        text-align: left;
    }

    .centerbutton-container {
        margin: auto;
        max-width: 362px;
        height: 76px;
    }

    [class*="colSpan"] {
        float: none;
        margin-top: 10px;
    }

    .colSpan2 {
        width: 100%;
        margin: auto;
        max-width: 500px;
    }

    #container {
        width: 100%;
        background: #fff;
        margin-top: 95px!important;
    }

    .video-responsive h1 {
        top: 10px;
    }

    .video-responsive h2 {
        top: 50px;
    }

    .transition {
        position: relative;
        width: 100%;
        height: 342px;
    }

    .footer .legal {
        float: none;
        width: 87%;
    }

    .quote {
        font-size: 17px;
        line-height: 26px;
        padding: 25px;
        padding-top: 21px;
    }

    .colSpan2 li {
        font-size: 16px;
    }

    .height-adj {
        height: 500px;
    }

    .shoutHome {
        width: 163px;
        font-size: 14px;
    }

    .shoutdivider {
        width: 3% !important;
    }

    .shoutHome h1 {
        font-size: 24px;
    }

    .shoutContainer {
        max-width: 674px;
    }

    .unsubscribe-container hr {
        margin: 10px 0
    }

    .unsubscribe-container h1 {
        font-size: 38px;
        line-height: 44px;
        text-align: center;
    }

    .unsubscribe-container h2 {
        font-size: 28px;
        line-height: 28px;
        text-align: center;
    }

    .unsubscribe-container input[type="email"] {
        margin-top: 20px;
        width: 97%;
        margin-right: 0;
    }

    .unsubscribe-container input[type="submit"] {
        margin-top: 20px;
        width: 100%
    }

    .banner-container {
        margin-top: 81px;
        width: 100%
    }

    .message-container h1, .sub-message-container h1 {
        font-size: 4vw;
        line-height: 5vw;
        color: #000;
    }

    .message-container {
        width: 50%;
    }

    .banner-container img {
        opacity: 0.3;
    }

    #delay3 {
        display: none !important
    }

    .message-container {
        width: 100%;
    }

    .content-image {
        width: 95%;
        float: none;
        margin-right: 25px;
        margin-bottom: 0px;
    }

    h1 {
        font-size: 4vw;
        line-height: 5vw;
    }

    h2 {
        font-size: 3vw;
        line-height: 4vw;
    }

    .col-3 li {
        margin: 0 7px;
    }

    .col-3 h2 {
        font-size: 21px;
        line-height: 19px;
    }



    .message-container {
        font-size: 22px;
        width: 97%;
        color: #000;
        margin-top: -60px;
    }

    .message-container a, .sub-message-container a {
        margin: 36px 30px;
        width: 91%;
        padding: 15px 0 15px 0;
        border: 2px solid #000000;
        color: #000;
        background: transparent;
    }

    .sub-message-container {
        font-family: opensans, arial;
        margin-top: 109px;
        font-size: 28px;
        color: #060606;
        width: 95%;
        line-height: 34px;
        text-shadow: 0px 0px #000;
        font-weight: normal;
    }

    .k1000-sub-message-container {
        font-family: opensans, arial;
        font-size: 23px;
        color: #060606;
        width: 88%;
        line-height: 32px;
        text-shadow: 0px 0px #000;
        font-weight: normal;
        z-index: 1;
    }

    .col-3 ul {
        padding: 0;
        width: 100%;
    }

    .col-3 img:hover {
        transform: scale(1);
    }

    a.large-button {
        width: 92%;
        padding: 15px 0px 15px 0px;
    }

    .animBlock[data-position="left"] {
        left: 0%;
    }

    .animBlock[data-position="right"] {
        right: 0%;
    }

    .animBlock[data-position="bottom"] {
        padding-top: 0%;
    }

    .fade {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    .sub-message-container.right {
        width: 94%;
        top: 121px;
    }

    a.sub-back {
        margin-top: 26px;
    }

    .flip-container:hover .flipper, .flip-container.hover .flipper {
        transform: rotateY(0deg);
    }

    a.academy-nav-mobile {
        display: block;
    }

    .video-frame.half {
        padding: 20px;
        border-radius: 5px;
        margin: auto;
        text-align: center;
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        height: 0;
        max-width: 1157px;
        float: none;
        width: 100%;
    }

    .video-frame.half iframe {
        left: 1%;
        top: -2.2%;
        height: 90%;
        width: 90%;
        position: absolute;
        padding: 4%;
    }

    .cambium-logo {
        right: -70px;
    }
    .cambium-logo img {
        width:160px;
        height: 36px;
    }

    .footer-bottom {
        background: #181818;
        height: 113px;
        color: #fff;
        line-height: 129px;
        text-align: left;
        padding-left: 10px;

    }



    @media (-webkit-min-device-pixel-ratio: 1.25) {
        .animBlock[data-position="left"] {
            left: 0%;
        }

        .animBlock[data-position="right"] {
            right: 0%;
        }

        .animBlock[data-position="bottom"] {
            padding-top: 0%;
        }
    }

    @media only screen and (max-width: 733px) {
        iframe.home-iframe-video {
            width: 460px;
            height: 260px;
        }
        .homepage-lg-video-container {
            width: 460px;
            margin: 0;
        }

        iframe.homepage-med-video-container {
            width: 100%;
            height: 286px;
        }


    }
    /* MOBILE PHONES MEDIA QUERY   */
    @media only screen and (max-width: 635px) {
        #home-page-header {
            font-size: 28px;
        }

        #home-page-banner {
            width:85%;
            font-size: 19px;
            line-height: 28px;
            max-width: 85%;
        }

        #home-page-banner-video {
            display:none;
        }

        #home-page-video {
            width: 94%;
        }

        #home-page-content, #power-of-technology {
            margin-top: 0px;
        }

        .wideContent {
            padding-left: 12px;
        }

        .colSpan-smaller-left {
            width: 85%;
        }

        .colSpan-half {
            width: 95%;
        }

        #history-video {
            height: 250px;
        }

        .banner-video.product-right {
            margin-left: 18px;
        }

        .mobile-banner-subtext {
            margin-top: 151px;
        }

        body {
            font-size: 19px;
            line-height: 31px;
        }

        .popover-container p {
            font-size: 12px;
            line-height: 25px;

        }

        .popover-container h1 {
            font-size: 25px;
            line-height:30px;
        }

        .popover-container h2 {
            font-size: 21px;
            line-height:24px;

        }


        .footer-bottom {
            font-size:14px;
        }

        .legal {padding:0;}


        .tile {
            float: none;
        }

        #delay0 {
            display: block;
        }

        .message-container {
            margin-top: 15px;
        }

        .mobile-spacer {
            display: block !important;
            height: 55px;
        }

        .content-container {
            padding-top: 0px;
            margin-bottom: 21px;
        }

        .interiorContent {
            width: 98%;
            min-width: 200px;
        }

        #mainAdArea {
            height: 355px;
            margin-bottom: 0px;
        }

        #slider .banner {
            margin-top: 0px;
        }

        #slider .yellowbar {
            font-size: 16px;
        }

        .shoutContainer {
            max-width: 218px;
        }

        .shoutdivider {
            display: none;
        }

        .shoutHome {
            margin: auto;
            margin-bottom: 24px;
            margin-top: 11px
        }

        .subnavContainer {
            width: 100%;
            float: left;
        }

        .subnav {
            width: 92%;
        }

        .bottomContainer h2 {
            font-size: 24px;
            line-height: 30px
        }

        .footer {
            height: 202px;
        }

        .footer .social {
            float: none;
            margin: auto;
            padding-top: 0px;
            height: 70px;
            width: 305px;
        }

        .footer .legal {
            float: none;
            margin: auto;
            font-size: 12px;
            text-align: center;
            width: 86%;
            clear: all;
        }

        .footer a {
            font-size: 12px;
        }

        .subnav-freetrial {
            width: 93%;
        }

        .subnavWebinar {
            width: 93%;
            background: none;
        }

        .rightcolumnQuote {
            width: 93%;
        }

        .subnavContainer, .inline {
            margin-left: 0;
            margin-top: 20px;
        }

        .tiles {
            max-width: 156px;
            margin: auto;
        }

        .buttonfloat a {
            width: 100% !important;
        }

        .topnav {
            display: none;
        }

        .bottomnav {
            display: block;
        }

        #bluebanner .heading {
            font-size: 16px
        }

        .videoLarge {
            display: none
        }

        .videoMed {
            display: block;
        }

        .mobileTag {
            display: none;
        }

        .prodnav {
            position: relative;
        }

        .centerbutton-container {
            margin: auto;
            max-width: 362px;
            height: 76px;
        }

        [class*="colSpan"] {
            padding: 0px;
        }

        .scrollup {
            bottom: 10px;
            right: 10px;
        }

        .transition {
            position: relative;
            width: 100%;
            height: 281px;
        }

        .product {
            line-height: 23px;
        }

        .product h2 {
            font-size: 19px;
        }

        .quote {
            position: relative;
            display: block;
            font-size: 17px;
            line-height: 26px;
            padding: 0;
        }

        .colSpan2 li {
            font-size: 15px;
            line-height: 20px;
            padding-bottom: 10px;
        }

        .height-adj {
            height: 334px;
        }

        .see-it-bottom {
            width: 100%;
            line-height: 23px;
            font-size: 18px;
        }

        .bottom-next {
            padding-bottom: 25px;
        }

        .col-3 li {
            float: none;
            width: 100%;
        }

        a.banner-button {
            width: 91%;
            padding: 15px 0px 15px 0px;
            border: 2px solid #000000;
            color: #000;
            background: transparent;
        }

        .sub-message-container {
            font-size: 19px;
            line-height: 28px;
        }

        a.sitemap {
            display: none;
        }

        .message-container {
            font-size: 22px;
            line-height: 31px;
            padding-left: 10px;
            top: 114px;
        }

        .message-container h1, .sub-message-container h1 {
            font-size: 29px;
            line-height: 36px;
            margin: 8px 0;
            color: #5f5f5f;
        }

        h1 {
            font-size: 28px;
            line-height: 36px;
        }

        h2 {
            font-size: 26px;
            line-height: 36px;
        }

        .col-3 h2 {
            margin-top: 30px;
        }

        .sub-message-container {
            margin-top: 29px;
        }

        .k1000-sub-message-container {
            font-size: 17px;
            line-height: 25px;
            margin-top: 25px;
        }

        .animBlock[data-position="left"] {
            left: 00%;
        }

        .animBlock[data-position="right"] {
            right: 0%;
        }

        .animBlock[data-position="bottom"] {
            padding-top: 0%;
        }

        .banner-container img {
            width: 100%;
            margin: 20px 0 -8px 0;
        }

        .centerbutton {
            width: 100%;
            max-width: 100%;
        }

        .academy-nav ul {
            padding: 0
        }

        select.category {
            width: 212px;
            font-size: 19px;
        }

        select.filter {
            width: 110px;
            font-size: 16px;
            float: right
        }

        .tile {
            width: 100%;
            margin-bottom: 80px;
        }

        .tile-width {
            padding: 4px
        }

        .academy-bar h1 {
            font-size: 29px
        }

        .academy-container img {
            width: 65px;
        }

        a.academy-back:after {
            display: none;
        }

        a.academy-back {
            margin-top: -97px;
        }

        .academy-video-container {
            width: 327px;
        }

        .academy-bar-video h1 {
            font-size: 23px;
        }

        .back-arrow {
            margin: 21px 9px;
        }

        .tile-width {
            width: 366px;
        }

        .flip-container, .front, .back {
            width: 100%;
        }

        #academy-filter {
            float: left;
            margin-left: 6px;
            font-size: 17px;
            margin-top: 7px;
        }

        .type-arrow:after {
            margin-left: 94px;
        }

        #academy-filter ul ul {
            width: 290px;
        }

        #academy-filter ul li {
            width: 273px;
        }

        .nav-spacer {
            display: none;
        }

        .academy-nav {
            font-size: 17px;
            width: 327px;
            margin: auto;
            height: 172px;
            border: 1px solid #dedede;
            padding: 5px 16px;
        }

        .academy-nav hr {
            display: none;
        }

        .products, .courses {
            padding: 12px 0;
        }

        .flip-container:hover .flipper, .flip-container.hover .flipper {
            transform: rotateY(0deg);
        }

        a.academy-nav-mobile {
            display: block;
        }

        .feature-promote {
            width: auto;
        }

        .feature-promote img {
            float: none;
        }

        h2.promo {
            padding-top: 1px;
            margin-bottom: 0;
            font-size: 23px;
        }
    }


    /* STRICT IPHONE4/5 RESOLUTION  PORTRAIT FIX*/
    @media only screen and (max-device-width: 400px) and (orientation: portrait) {
        a.large-button {
            font-size: 17px;
        }

        .message-container h1, .sub-message-container h1 {
            font-size: 24px;
        }
    }


    @media only screen and (max-device-height: 480px) {

        .animBlock {
            opacity: 1;
            filter: alpha(opacity=0);
            position: relative;
            -webkit-transition: all 0s ease-in;
            -moz-transition: all 0s ease-in;
            -ms-transition: all 0s ease-in;
            -o-transition: all 0s ease-in;
            transition: all 0s ease-in;
        }
    }