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

body {
font-family: 'Cairo';
}

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

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

.arrow-right-icon,
.arrow-right-icon--selected,
.hover-icon,
.t-icon,
.t-icon--selected {
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block
}

.arrow-right-icon,
.arrow-right-icon--selected {
    background-image: url("/images/arrow-right.png");
    background-position: 0 0;
    width: 9px;
    height: 16px;
    position: absolute;
    right: 12px
}

.arrow-right-icon--selected {
    background-position: 0 -18px
}

.t-icon,
.t-icon--selected {
    height: 37px;
    width: 37px;
    background-position: 0 0;
    line-height: 0
}

.t-icon--selected {
    background-position: 0 -37px
}

.t-icon--tool {
    background-image: url(/images/icons/tool-icon-hover.png)
}

.t-icon--worksheet {
    background-image: url(/images/icons/worksheet-icon-hover.png)
}

.t-icon--video {
    background-image: url(/images/icons/video-icon-hover.png)
}

.t-icon--interactive {
    background-image: url(/images/icons/interactive-icon-hover.png)
}

.t-icon--product {
    background-image: url(/images/icons/product-icon-hover.png)
}

.t-icon--game {
    background-image: url(/images/icons/game-icon-hover.png)
}

.t-icon--book {
    background-image: url(/images/icons/book-icon-hover.png)
}

.t-icon--article {
    background-image: url(/images/icons/article-icon-hover.png)
}

.t-icon--guide {
    background-image: url(/images/icons/guide-icon-hover.png)
}

.t-icon--star {
    background-image: url(/images/icons/star-icon-hover.png)
}

.t-icon--about {
    background-image: url(/images/icons/about-icon-hover.png)
}

.t-icon--search {
    background-image: url(/images/icons/search-icon-hover.png)
}

.social-icon,
.social-icon--color,
.social-icon--color--lg,
.social-icon--color--md,
.social-icon--color--sm,
.social-icon--lg,
.social-icon--md,
.social-icon--sm {
    cursor: pointer;
    background-image: url(/images/social/buttons-dark.png);
    display: inline-block;
    opacity: .4;
    -webkit-transition: border-radius .5s, opacity .5s;
    transition: border-radius .5s, opacity .5s
}

.social-icon--color,
.social-icon--color--lg,
.social-icon--color--md,
.social-icon--color--sm {
    background-image: url(/images/social/buttons-color.png)
}

.social-icon--color--lg:hover,
.social-icon--color--md:hover,
.social-icon--color--sm:hover,
.social-icon--color:hover,
.social-icon--lg:hover,
.social-icon--md:hover,
.social-icon--sm:hover,
.social-icon:hover {
    opacity: 1
}

.social-icon--color--sm,
.social-icon--sm {
    height: 32px;
    width: 32px;
    background-size: 32px 128px
}

.social-icon--color--md,
.social-icon--md {
    height: 36px;
    width: 36px;
    background-size: 36px 144px
}

.social-icon--color--lg,
.social-icon--lg {
    height: 50px;
    width: 50px
}

.social--facebook--sm {
    background-position: 0 0
}

.social--pinterest--sm {
    background-position: 0 -32px
}

.social--twitter--sm {
    background-position: 0 -64px
}

.social--email--sm {
    background-position: 0 -96px
}

.social--facebook--md {
    background-position: 0 0
}

.social--pinterest--md {
    background-position: 0 -36px
}

.social--twitter--md {
    background-position: 0 -72px
}

.social--email--md {
    background-position: 0 -108px
}

.social--facebook--lg {
    background-position: 0 0
}

.social--pinterest--lg {
    background-position: 0 -50px
}

.social--twitter--lg {
    background-position: 0 -100px
}

.social--email--lg {
    background-position: 0 -150px
}

.ga--center-container {
    width: 100%;
    text-align: center
}

.ga--content {
    width: 100%;
    display: inline-block
}

.ga--300-right {
    float: right;
    display: inline-block;
    margin: 9px 15px 6px 18px
}

.ga--300-left {
    float: left;
    display: inline-block;
    margin: 9px 18px 6px 0
}

@media (max-width:550px) {

    .ga--300-left,
    .ga--300-right {
        width: 100%;
        margin: 0 auto 15px;
        text-align: center
    }
}

.device__big-character {
    float: left;
    font-size: 60px;
    line-height: 55px;
    padding: 4px 10px 0 3px
}

.device__example,
.device__info-box,
.device__tip {
    color: #000;
    display: block;
    border-radius: 3px;
    padding: 5px 20px;
    margin: 0 auto 30px;
    background-color: #fff
}

.device__example,
.device__tip {
    background-color: #ffffcb;
    border: 2px solid #dedea1
}

.device__example:before,
.device__tip:before {
    content: url("/images/tip.png");
    float: left;
    margin: 12px 10px 0 0
}

.device__example {
    background-color: #cde1f5;
    border-color: #506f94
}

.device__example:before {
    content: url("/images/example.png")
}

.device__bubble {
    position: relative;
    padding: 15px 20px;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #383938;
    width: 85%;
    margin-bottom: 30px
}

.device__bubble:after,
.device__bubble:before {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 14px 17px 0;
    width: 0;
    margin-left: -17px;
    left: 90%
}

.device__bubble:after {
    border-color: #fff transparent;
    z-index: 1;
    bottom: -13px
}

.device__bubble:before {
    border-color: #383938 transparent;
    z-index: 0;
    bottom: -16px
}

.device__info-table,
.device__info-table--small {
    border-radius: 3px;
    width: 100%
}

.device__info-table--small td,
.device__info-table--small th,
.device__info-table td,
.device__info-table th {
    padding: 10px;
    border: 2px solid #525252
}

.device__info-table--small td,
.device__info-table td {
    background-color: #fff
}

.device__info-table--small th,
.device__info-table th {
    background-color: #f1f1f1;
    color: #000;
    text-align: center;
    vertical-align: middle
}

.device__info-table--small tr:first-child th,
.device__info-table tr:first-child th {
    background-color: #383938;
    border-color: #000;
    color: #fff;
    font-size: 19px
}

.device__info-table--small {
    width: auto;
    max-width: 100%
}

.device__social-line {
    margin-top: 30px
}

.device__social-line table {
    margin: 0 auto;
    max-width: 300px;
    width: 100%;
    text-align: center
}

.device__social-line tr:first-child td {
    padding: 12px 0;
    font-weight: 700;
    font-size: 18px;
    font-family: Roboto Slab, sans-serif
}

.device__social-line--sm {
    clear: both;
    margin: 20px 0 10px
}

.device__social-line--sm table {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: -10px
}

.device__social-line--sm tr>td {
    padding: 0 5px
}

@media (max-width:640px) {
    .device__social-line--sm table {
        margin-bottom: -2px
    }
}

.image-text-table {
    display: table
}

.image-text-table__image {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
    max-width: 400px
}

.image-text-table__image img {
    max-width: 400px;
    width: 100%;
    margin-top: 27px
}

.image-text-table__text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px
}

@media handheld,
only screen and (max-width:767px) {

    .image-text-table__image,
    .image-text-table__text {
        display: inline-block;
        width: 100%
    }

    .image-text-table__image {
        text-align: center;
        max-width: none
    }

    .image-text-table__image img {
        margin-top: 0
    }

    .image-text-table__text {
        padding: 30px 0
    }
}

.hidden-box {
    border-radius: 5px;
    margin-bottom: 26px;
    margin: 15px 0 25px;
    background-color: #fff;
    overflow: hidden
}

.hidden-box__header {
    padding: 15px 38px 15px 20px;
    font-size: 22px;
    display: block;
    position: relative;
    width: 100%;
    font-family: Roboto Slab, sans-serif;
    background-color: #383938;
    color: #fff;
    text-align: right;
    cursor: pointer
}

.hidden-box__header img {
    right: 20px;
    top: 19px;
    position: absolute
}

.hidden-box__body {
    padding: 15px 25px 25px;
    display: none;
    font-size: 17px
}

@media (max-width:600px) {
    .hidden-box__header {
        padding: 15px 38px 15px 10px;
        font-size: 18px
    }

    .hidden-box .hidden_box__body {
        padding: 10px 20px 20px 15px
    }

    .hidden-box img {
        right: 10px
    }
}

.tooltip,
.tooltip--manual {
    position: relative;
    display: inline-block
}

.tooltip--manual .tooltip__text,
.tooltip .tooltip__text {
    visibility: hidden;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    width: 200px;
    font-size: 15px;
    line-height: 20px;
    left: 0;
    right: 0;
    margin: 0 auto 6px;
    bottom: 100%
}

.tooltip--manual .tooltip__text:after,
.tooltip--manual .tooltip__text:before,
.tooltip .tooltip__text:after,
.tooltip .tooltip__text:before {
    top: 99.5%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.tooltip--manual .tooltip__text:after,
.tooltip .tooltip__text:after {
    border-color: hsla(0, 0%, 100%, 0);
    border-top-color: #fff;
    border-width: 12px;
    margin-left: -12px
}

.tooltip--manual .tooltip__text:before,
.tooltip .tooltip__text:before {
    border-color: transparent;
    border-top-color: #ccc;
    border-width: 13px;
    margin-left: -13px
}

.tooltip--manual:hover .tooltip__text,
.tooltip:hover .tooltip__text {
    visibility: visible
}

.tooltip--manual:hover .tooltip__text {
    visibility: hidden
}

.btn {
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    border: 2px solid transparent;
    -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .25);
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .25);
    font-family: Roboto, sans-serif;
    font-weight: 500;
    cursor: pointer;
    outline: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn a {
    text-decoration: none;
    color: #fff
}

.btn--green {
    background-color: #499db6;
    border-color: #499db6
}

.btn--green:hover {
    background-color: #00B1C4
}

.btn--red {
    background-color: #a54545;
    border-color: #7b2424
}

.btn--red:hover {
    background-color: #772b2b
}

.btn--blue {
    background-color: #486692;
    border-color: #344c6d
}

.btn--blue:hover {
    background-color: #344c6d
}

.btn--dark {
    background-color: #383938;
    border-color: #000
}

.btn--dark:hover {
    background-color: #000
}

.btn--faded {
    opacity: .4;
    cursor: auto
}

.btn--carousel {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 700;
    color: #dfdfdf;
    text-decoration: underline
}

.btn--carousel:hover {
    color: #fff
}

.btn--tiny {
    line-height: 21px;
    font-size: 16px;
    padding: 3px 8px;
    text-align: center
}

.btn--sm {
    line-height: 28px;
    font-size: 18px;
    padding: 4px 10px
}

.btn--md {
    padding: 22px 30px;
    font-size: 22px;
    line-height: 2px;
    border-width: 2px
}

.btn--multi-line {
    line-height: 26px;
    padding: 8px 20px
}

.btn--lg {
    padding: 16px 18px;
    font-size: 20px;
    line-height: 26px
}

.btn--slim {
    padding: 11px 13px;
    font-size: 17px;
    border: 0
}

.btn--captioned {
    padding: 9px 0;
    width: 245px;
    font-size: 19px;
    font-weight: 700;
    line-height: 21px;
    margin-left: 12px;
    margin-right: 12px;
    vertical-align: top
}

.btn--captioned span {
    display: block;
    font-weight: 400;
    opacity: .7;
    font-size: 16px
}

.btn--3-row {
    width: 30%;
    margin: 10px 1.5%
}

.btn--6-row {
    width: 15%;
    margin: 10px .5%
}

.btn--25-width {
    width: 25%
}

.btn--right-menu {
    display: inline-block;
    height: 48px;
    line-height: 45px;
    width: 100%;
    font-size: 17px
}

.btn--right-menu>span>img {
    vertical-align: middle;
    margin: -4px 0 0 10px
}

.btn--loading,
.tco-input-box .tco-input-box__submit-button--loading {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px
}

.btn--loading div,
.tco-input-box .tco-input-box__submit-button--loading div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #fff;
    border-radius: 50%;
    -webkit-animation: btn--loading 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: btn--loading 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border-color: #fff transparent transparent
}

.btn--loading div:first-child,
.tco-input-box .tco-input-box__submit-button--loading div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.btn--loading div:nth-child(2),
.tco-input-box .tco-input-box__submit-button--loading div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.btn--loading div:nth-child(3),
.tco-input-box .tco-input-box__submit-button--loading div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes btn--loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes btn--loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

input[type=checkbox] {
    vertical-align: bottom;
    cursor: pointer;
    width: 18px;
    height: 18px
}

.form-section {
    margin-bottom: 25px
}

.form-section__error-block {
    display: block;
    color: #ec0202;
    font-size: .9em;
    font-style: italic;
    margin-top: 10px
}

.form-fieldset,
.form-fieldset--borderless {
    border-radius: 4px;
    padding: 30px;
    margin: 20px 30px;
    clear: both;
    background-color: #fff;
    color: #000;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2)
}

.form-fieldset *,
.form-fieldset--borderless * {
    clear: both
}

.form-fieldset--borderless legend,
.form-fieldset legend {
    font-family: Roboto Slab, sans-serif;
    font-size: 18px;
    font-weight: 700;
    float: right;
    margin-top: -20px;
    display: block;
    color: #adadad
}

.form-fieldset--borderless input[type=email],
.form-fieldset--borderless input[type=password],
.form-fieldset--borderless input[type=tel],
.form-fieldset--borderless input[type=text],
.form-fieldset input[type=email],
.form-fieldset input[type=password],
.form-fieldset input[type=tel],
.form-fieldset input[type=text] {
    padding: 9px;
    width: 100%;
    outline: none;
    border-radius: 3px;
    border: 3px solid #f0f0f0;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f9f9f9;
    -webkit-transition: border-color .35s, -webkit-box-shadow .35s;
    transition: border-color .35s, -webkit-box-shadow .35s;
    transition: box-shadow .35s, border-color .35s;
    transition: box-shadow .35s, border-color .35s, -webkit-box-shadow .35s
}

.form-fieldset--borderless select,
.form-fieldset select {
    padding: 9px
}

.form-fieldset--borderless input[type=checkbox],
.form-fieldset input[type=checkbox] {
    margin: 6px 8px 4px 3px
}

.form-fieldset--borderless label,
.form-fieldset label {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 4px;
    text-align: right;
    display: block
}

.form-fieldset--borderless label sub,
.form-fieldset label sub {
    font-size: 16px
}

.form-fieldset--borderless label input:focus,
.form-fieldset--borderless label textarea:focus,
.form-fieldset label input:focus,
.form-fieldset label textarea:focus {
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, .4);
    box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, .4);
    border-color: #9cd2af
}

.form-fieldset--borderless .has-error input[type=email],
.form-fieldset--borderless .has-error input[type=password],
.form-fieldset--borderless .has-error input[type=tel],
.form-fieldset--borderless .has-error input[type=text],
.form-fieldset--borderless .has-error textarea,
.form-fieldset .has-error input[type=email],
.form-fieldset .has-error input[type=password],
.form-fieldset .has-error input[type=tel],
.form-fieldset .has-error input[type=text],
.form-fieldset .has-error textarea {
    border-color: #ec0202
}

.form-fieldset--borderless .has-error label,
.form-fieldset .has-error label {
    font-weight: 700;
    color: #ec0202
}

@media (max-width:600px) {

    .form-fieldset,
    .form-fieldset--borderless {
        padding: 15px;
        margin: 13px 0 25px
    }

    .form-fieldset--borderless legend,
    .form-fieldset legend {
        margin-top: -10px;
        margin-bottom: 2px
    }
}

.form-fieldset--borderless {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal {
    display: none;
    position: fixed;
    left: 50%;
    top: 5%;
    width: 675px;
    margin-left: -347px;
    z-index: 100;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
    overflow: hidden
}

.modal-header {
    width: 100%;
    padding: 0 50px 0 18px;
    font-size: 24px;
    line-height: 42px;
    float: left;
    color: #dfdfdf;
    font-family: Roboto Slab, sans-serif
}

.modal-header,
.modal-x,
.modal-x--sm {
    height: 42px;
    background-color: #344a6b
}

.modal-x,
.modal-x--sm {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 42px;
    background-image: url(/images/modal-x.png);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 3px
}

.modal-x--sm {
    top: 6px;
    right: 6px;
    width: 24px;
    height: 24px;
    background-size: 16px 16px;
    background-color: rgba(0, 0, 0, .15)
}

.modal-body {
    background-color: #fdfdfd;
    padding: 20px;
    clear: both;
    white-space: normal
}

.modal-body--blue {
    background-color: #4c6890;
    color: #fff
}

.modal-inline-image {
    max-width: 80%;
    margin: 0 auto;
    display: block
}

@media (max-width:760px) {
    .modal {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin-left: 0;
        overflow-y: scroll
    }

    .modal-header {
        border-radius: 0
    }
}

@media (max-height:600px) and (min-width:760px) {
    .modal {
        top: 1%
    }
}

.modal-top-menu {
    display: table;
    width: 100%;
    text-align: center
}

.modal-top-menu-button,
.modal-top-menu-current {
    background-color: #fdfdfd;
    display: table-cell;
    line-height: 45px;
    height: 45px;
    font-size: 20px
}

.modal-top-menu-button {
    background-color: #dcdcdc;
    color: #686868;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .75)
}

.header {
    width: 100%;
    background-color: #fdfdfd;
    border-radius: 4px
}

.header--filters a {
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .45);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .45);
    background-color: #358e50;
    text-decoration: none;
    padding: 2px 6px;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    margin: 0 2px;
    color: #fff;
    border-radius: 2px
}

.header--filters a:after {
    content: "";
    height: 14px;
    overflow: visible;
    background-image: url(/images/close_x.png);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 20px
}

.header--filters a:hover {
    background-color: #206928
}

.inline-header {
    font-size: 20px;
    font-family: Roboto Slab, sans-serif;
    font-weight: 800;
    overflow: hidden;
    text-align: center;
    padding: 10px 0
}

.inline-header>span {
    position: relative;
    display: inline-block
}

.inline-header>span:after,
.inline-header>span:before {
    content: "";
    position: absolute;
    top: 51%;
    border-bottom: 3px solid #000;
    width: 591px;
    margin: 0 15px
}

.inline-header>span:before {
    right: 100%
}

.inline-header>span:after {
    left: 100%
}

.card--mini {
    height: 160px;
    cursor: pointer;
    margin-bottom: 7px
}

.card--mini img {
    border-right: 8px solid #cacaca;
    margin-right: 14px
}

.card--mini:hover {
    background-color: #dfffdf
}

.card--mini:hover img {
    border-color: #358e50
}

.card__text {
    position: relative;
    padding-left: 140px
}

.card__img {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #6d6d6d
}

.card__header,
.card__header--mini {
    line-height: 22px;
    max-width: 100%;
    min-height: 50px;
    border-bottom: 1px solid #9f9f9f
}

.card__header--mini {
    border: none;
    padding: 14px 0
}

.card__icon {
    margin: 4px 10px 0 0;
    float: left
}

.card__title {
    padding-right: 12px;
    font-family: Roboto Slab, sans-serif;
    font-size: 20px;
    display: block
}

.card__title h2 {
    padding-bottom: 1px
}

.card--it .card--it-subtitle,
.card__subtitle,
.mini-card__subtitle {
    font-weight: 400;
    font-size: 16px;
    font-style: italic;
    display: block
}

.card__summary,
.card__summary--mini,
.card__summary--standard {
    line-height: 22px;
    margin-top: 4px;
    position: relative;
    pointer-events: none;
    font-size: 16px
}

.card__summary--mini {
    margin: -8px 5px 0 0;
    overflow: hidden;
    max-height: 90px
}

.card__summary--standard {
    min-height: 110px
}

.card__link-box,
.card__link-box--light {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background-color: #f1f1f1
}

.card__link-box--light {
    background-color: #fafafa;
    border-top: 1px solid #c9c9c9
}

.card__link-box-promo {
    display: inline-block;
    line-height: 20px;
    color: #444
}

.card__link-box-promo .card__link-box-promo--sub-head {
    font-size: 16px
}

@media (max-width:535px) {
    .card__link-box-promo {
        padding-bottom: 6px
    }
}

.card__flag,
.card__flag--sponsored,
.card__flag--updated {
    display: inline;
    float: right;
    position: relative;
    top: 7px;
    right: 7px;
    padding: 4px 6px;
    border-radius: 2px;
    margin-left: 12px;
    background-color: #4e6c96;
    color: #fff;
    font-size: 13px
}

.card__flag--updated {
    background-color: #ce3d3d
}

.card__flag--sponsored {
    color: #696969;
    background-color: #eaeaea
}

.card__mobile-spacer {
    display: none
}

@media (max-width:729px) {

    .card__flag,
    .card__flag--sponsored,
    .card__flag--updated {
        top: 10px
    }
}

@media (max-width:767px) {
    .card__title {
        font-size: 18px
    }

    .card--mini {
        margin-bottom: 20px
    }
}

@media (max-width:650px) {

    .card__flag,
    .card__flag--sponsored,
    .card__flag--updated {
        display: none
    }

    .card__flag--sponsored {
        display: inline
    }
}

@media (max-width:525px) {

    .card__summary,
    .card__summary--mini,
    .card__summary--standard {
        margin-top: 8px
    }

    .card__summary--mini {
        margin: -8px 5px 0 0
    }

    .card__text {
        padding: 0
    }

    .card__img {
        top: 62px
    }

    .card__mobile-spacer {
        display: block;
        width: 140px;
        height: 182px;
        float: left
    }

    .card__header,
    .card__header--mini {
        max-width: none;
        font-size: 18px
    }
}

.card--it {
    display: table;
    margin: 0 auto;
    border: 1px solid #bfbfbf;
    border-radius: 3px
}

.card--it>a {
    position: relative;
    min-height: 40px;
    line-height: 26px;
    display: block;
    width: 100%;
    background-color: #f0f0f0;
    padding: 5px 8px;
    text-align: right;
    color: #000
}

.card--it>a:not(:last-child) {
    border-bottom: 1px solid #bfbfbf
}

.card--it>a:hover {
    background-color: #358e50;
    color: #fff
}

.card--it>a:hover .t-icon,
.card--it>a:hover .t-icon--selected {
    background-position: 0 -37px
}

.card--it .card--it-icon {
    position: absolute;
    height: 37px;
    width: 37px;
    margin: 9px 16px 0 5px
}

.card--it .card--it-title {
    position: relative;
    left: 58px;
    top: 3px;
    font-family: Roboto Slab, sans-serif;
    font-size: 18px;
    margin-right: 66px
}

.card--it .card--it-subtitle {
    position: relative;
    left: 58px;
    margin-bottom: 3px;
    margin-right: 64px
}

@media (max-width:550px) {

    .card--it,
    .card--it>a {
        text-align: center
    }

    .card--it>a {
        padding: 10px 8px 8px
    }

    .card--it .card--it-icon {
        position: static;
        margin: 0 auto
    }

    .card--it .card--it-title {
        white-space: normal !important
    }

    .card--it .card--it-subtitle,
    .card--it .card--it-title {
        position: static;
        margin: 0 5px
    }
}

.mini-card {
    position: relative;
    min-height: 40px;
    line-height: 26px;
    border-radius: 3px;
    display: inline-block;
    max-width: 85%;
    background-color: #f0f0f0;
    padding: 5px 8px;
    margin: 0 auto 30px;
    text-align: right;
    border: 1px solid #bfbfbf;
    color: #000
}

.mini-card:hover {
    background-color: #358e50;
    border: 1px solid #206928;
    color: #fff
}

.mini-card__icon {
    position: absolute;
    height: 37px;
    width: 37px;
    margin: 9px 16px 0 5px
}

.mini-card__title {
    position: relative;
    left: 58px;
    top: 3px;
    font-family: Roboto Slab, sans-serif;
    font-size: 18px;
    margin-right: 66px
}

.mini-card__subtitle {
    position: relative;
    left: 58px;
    margin-bottom: 3px;
    margin-right: 64px
}

.mini-card:hover .t-icon,
.mini-card:hover .t-icon--selected {
    background-position: 0 -37px
}

@media (max-width:550px) {
    .mini-card {
        text-align: center
    }

    .mini-card__icon {
        position: static;
        margin: 5px 0 0
    }

    .mini-card__title {
        white-space: normal !important
    }

    .mini-card__subtitle,
    .mini-card__title {
        position: static;
        margin: 0 5px
    }
}

.overlay,
.overlay-loading,
.overlay-modal {
    display: none;
    background-color: rgba(0, 0, 0, .7);
    height: 120%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    cursor: pointer
}

.overlay {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0
}

.overlay-loading {
    z-index: 101;
    cursor: default
}

.loading-box {
    width: 134px;
    height: 134px;
    background-color: #358e50;
    border-radius: 67px;
    position: absolute;
    top: 35%;
    left: 50%;
    margin-left: -67px
}

.loading-box img {
    display: block;
    margin: 35px
}

.ul-discs>ul {
    list-style-type: disc;
    text-indent: -1.4em;
    padding-left: 1.4em
}

.list-spacing--8>li {
    margin-bottom: 8px
}

.list-simple-white,
.list-simple-white--small {
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden
}

.list-simple-white--small .list-simple-white--head,
.list-simple-white .list-simple-white--head {
    font-size: 20px;
    padding: 15px 0;
    background-color: #383938;
    color: #fff
}

.list-simple-white--small>ol>li,
.list-simple-white--small>ul>li,
.list-simple-white>ol>li,
.list-simple-white>ul>li {
    padding: 10px 15px
}

.list-simple-white--small>ol>li:not(:first-child),
.list-simple-white--small>ul>li:not(:first-child),
.list-simple-white>ol>li:not(:first-child),
.list-simple-white>ul>li:not(:first-child) {
    border-top: 1px solid #e0e0e0
}

.list-simple-white--small>ul>ul>li,
.list-simple-white>ul>ul>li {
    font-size: .9em;
    padding: 2px 45px
}

.list-simple-white--small>ul>ul>li:first-child,
.list-simple-white>ul>ul>li:first-child {
    border-top: 0
}

.list-simple-white--small>ul>ul>li:last-child,
.list-simple-white>ul>ul>li:last-child {
    padding-bottom: 10px
}

.list-simple-white--small>ol,
.list-simple-white>ol {
    counter-reset: item;
    list-style: none
}

.list-simple-white--small>ol>li:before,
.list-simple-white>ol>li:before {
    counter-increment: item;
    content: counter(item);
    font-size: 19px;
    color: #fff;
    background-color: #000;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin: 1px 8px 0 0;
    line-height: 25px;
    float: left;
    text-align: center;
    font-weight: 700
}

.list-simple-white--small .list-simple-white--btn,
.list-simple-white .list-simple-white--btn {
    display: block;
    font-size: 20px;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    border-top: 1px solid #197937;
    cursor: pointer
}

.list-simple-white--small {
    font-size: 15px;
    line-height: 32px
}

.ul-icon {
    background-color: #fff;
    border-radius: 3px;
    color: #000
}

.ul-icon>li {
    font-size: 1em;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 10px;
    line-height: 24px
}

.ul-icon>li:not(:first-child) {
    border-top: 1px solid #e0e0e0
}

.li-icon,
.li-icon--check,
.li-icon--info,
.li-icon--x {
    position: relative;
    padding-left: 42px
}

.li-icon--check:before,
.li-icon--info:before,
.li-icon--x:before,
.li-icon:before {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto
}

.li-icon--check:before {
    content: url(/images/design-icons/ul-check.png)
}

.li-icon--x:before {
    content: url(/images/design-icons/ul-x.png)
}

.li-icon--info:before {
    content: url(/images/design-icons/ul-info.png)
}

.fave-form {
    margin-bottom: 5px
}

@media (max-width:525px) {
    .fave-form {
        margin-bottom: 15px
    }
}

@media (max-width:425px) {
    .fave-form {
        margin-bottom: 20px
    }
}

.fave-btn,
.fave-btn--selected {
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    padding: 7px;
    color: rgba(0, 0, 0, .65);
    font-size: 15px;
    line-height: 18px
}

.fave-btn--selected {
    color: #000
}

.fave-btn__star,
.fave-btn__star--selected {
    width: 18px;
    height: 17px;
    margin-left: 6px;
    float: right;
    background-image: url(/images/favorite-stars.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.fave-btn__star--selected {
    background-position: 0 -18px
}

.fave-page__heading {
    font-weight: 700;
    font-size: 19px;
    font-family: Roboto Slab, sans-serif
}

.fave-page__mini-card-promo {
    height: 160px;
    font-size: 20px;
    line-height: 28px
}

.fave-page__mini-card-promo img {
    border-right: 8px solid #cacaca
}

.fave-page__mini-card-promo p {
    padding: 15px 15px 20px 20px;
    display: table-cell;
    height: 160px;
    vertical-align: middle
}

.fave-page__mini-card-promo:hover {
    background-color: #dfffdf
}

.fave-page__mini-card-promo:hover img {
    border-color: #358e50
}

@media (max-width:820px) {
    .fave-page__mini-card-promo {
        line-height: 20px;
        font-size: 15px
    }
}

.fave-page__filter-btn,
.fave-page__filter-btn--selected {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 0 4px;
    margin-bottom: 5px;
    background-color: #fdfdfd
}

.fave-page__filter-btn--selected>img,
.fave-page__filter-btn--selected>span,
.fave-page__filter-btn>img,
.fave-page__filter-btn>span {
    opacity: .55
}

.fave-page__filter-btn--selected:hover>img,
.fave-page__filter-btn--selected:hover>span,
.fave-page__filter-btn:hover>img,
.fave-page__filter-btn:hover>span {
    opacity: 1
}

.fave-page__filter-btn--selected {
    cursor: default;
    background-color: #ffffcb
}

.fave-page__filter-btn--selected>img,
.fave-page__filter-btn--selected>span {
    opacity: 1
}

.fave-page__table {
    width: 100%
}

.fave-page__table tr:not(:last-child) {
    border-bottom: 1px solid #dadada
}

.fave-page__table tr>td {
    vertical-align: middle;
    padding: 8px
}

.topbar__hamburger-btn {
    height: 42px;
    line-height: 21px;
    top: 0;
    left: 0;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    width: 84px;
    color: #fff;
    padding: 11px 8px 11px 6px;
    text-align: right;
    background: url(/images/menu.svg) no-repeat 6px;
    background-size: 24px 24px;
    font-size: 16px;
    opacity: .75
}

.topbar__hamburger-btn:hover {
    opacity: 1
}

@media (max-width:760px) {
    .topbar__hamburger-btn {
        display: block
    }
}

.topbar {
    width: 102%;
    left: -1%;
    position: relative;
    z-index: 1;
    background-color: #344c6d;
    text-align: center;
    height: 58px;
    padding: 10px 0;
    -webkit-box-shadow: 0 7px 5px -7px rgba(0, 0, 0, .5);
    box-shadow: 0 7px 5px -7px rgba(0, 0, 0, .5)
}

.topbar__row-wrapper {
    width: 98%;
    display: inline-block;
    margin: 0 auto
}

.topbar__logo {
    display: inline-block;
    height: 28px;
    width: 203px;
    margin: 6px 0 0 15px;
    float: left
}

.topbar__nav-row {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    height: 58px;
    width: 728px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.topbar__nav-row a:not(:last-child) {
    margin-right: 4px
}

.topbar__nav-row--side-menus {
    left: -45px
}

.topbar__nav-btn,
.topbar__nav-btn--selected {
    display: inline-block;
    height: 58px;
    line-height: 60px;
    padding: 0 9px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    opacity: .75
}

.topbar__nav-btn--selected:hover,
.topbar__nav-btn:hover {
    opacity: 1
}

.topbar__nav-btn--selected .topbar__nav-icon,
.topbar__nav-btn--selected .topbar__nav-icon--article,
.topbar__nav-btn--selected .topbar__nav-icon--guide,
.topbar__nav-btn--selected .topbar__nav-icon--interactive,
.topbar__nav-btn--selected .topbar__nav-icon--search,
.topbar__nav-btn--selected .topbar__nav-icon--video,
.topbar__nav-btn--selected .topbar__nav-icon--worksheet,
.topbar__nav-btn .topbar__nav-icon,
.topbar__nav-btn .topbar__nav-icon--article,
.topbar__nav-btn .topbar__nav-icon--guide,
.topbar__nav-btn .topbar__nav-icon--interactive,
.topbar__nav-btn .topbar__nav-icon--search,
.topbar__nav-btn .topbar__nav-icon--video,
.topbar__nav-btn .topbar__nav-icon--worksheet {
    height: 20px;
    background: url("/images/icons/nav-sprite.png") no-repeat;
    display: inline-block;
    position: relative;
    top: 4px
}

.topbar__nav-btn--selected .topbar__nav-icon--spacer,
.topbar__nav-btn .topbar__nav-icon--spacer {
    height: 20px;
    width: 7px;
    display: inline-block
}

.topbar__nav-btn--selected .topbar__nav-icon--worksheet,
.topbar__nav-btn .topbar__nav-icon--worksheet {
    background-position: 0 0;
    width: 15px
}

.topbar__nav-btn--selected .topbar__nav-icon--interactive,
.topbar__nav-btn .topbar__nav-icon--interactive {
    background-position: -16px 0;
    width: 15px
}

.topbar__nav-btn--selected .topbar__nav-icon--guide,
.topbar__nav-btn .topbar__nav-icon--guide {
    background-position: -32px 0;
    width: 21px
}

.topbar__nav-btn--selected .topbar__nav-icon--video,
.topbar__nav-btn .topbar__nav-icon--video {
    background-position: -54px 0;
    width: 21px
}

.topbar__nav-btn--selected .topbar__nav-icon--article,
.topbar__nav-btn .topbar__nav-icon--article {
    background-position: -76px 0;
    width: 21px
}

.topbar__nav-btn--selected .topbar__nav-icon--search,
.topbar__nav-btn .topbar__nav-icon--search {
    background-position: -98px 0;
    width: 18px
}

.topbar__nav-btn--selected {
    opacity: 1;
    border-bottom: 3px solid #fff
}

.topbar__extra-icons-wrapper {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    line-height: 21px;
    padding: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.topbar__extra-icons--btn,
.topbar__extra-icons--btn--register {
    font-size: 16px;
    color: #fff;
    opacity: .75;
    padding: 6px 3px;
    cursor: pointer
}

.topbar__extra-icons--btn--register:hover,
.topbar__extra-icons--btn:hover {
    opacity: 1
}

.topbar__extra-icons--btn--register {
    opacity: 1;
    padding: 5px 7px;
    border-radius: 3px;
    margin: 0 4px;
    background-color: #358e50
}

.topbar__extra-icons--btn--register:hover {
    background-color: #197937
}

.topbar__extra-icons,
.topbar__extra-icons--account,
.topbar__extra-icons--help {
    height: 20px;
    width: 20px;
    background: url("/images/icons/nav-sprite.png") no-repeat;
    display: inline-block;
    position: relative;
    top: 4px
}

.topbar__extra-icons--account {
    margin-left: 7px;
    background-position: -117px 0
}

.topbar__extra-icons--help {
    background-position: -138px 0
}

.topbar__extra-icons--divider {
    display: inline-block;
    position: relative;
    top: 4px;
    height: 20px;
    width: 1px;
    background-color: #99a5b6;
    margin: 0 4px 0 3px
}

.topbar__dropdown {
    width: 200px;
    position: absolute;
    background-color: #fff;
    top: 54px;
    border-radius: 3px;
    z-index: 10;
    text-align: center;
    font-size: 18px;
    line-height: 42px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .5);
    display: none
}

.topbar__dropdown ul li {
    text-align: right;
    height: 42px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1
}

.topbar__dropdown ul li:hover {
    background-color: #f5f5f5
}

.topbar__dropdown ul li button {
    text-align: left
}

.topbar__dropdown ul li a,
.topbar__dropdown ul li button {
    display: block;
    width: 100%;
    height: 100%
}

.topbar__dropdown ul li:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.topbar__dropdown ul li:first-child:before {
    content: "";
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    width: 0;
    height: 0;
    position: absolute;
    top: -13px;
    left: 78%
}

.topbar__dropdown ul li:first-child:hover:before {
    border-bottom-color: #f1f1f1
}

.topbar__dropdown ul li:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.topbar__dropdown .topbar__dropdown-icon,
.topbar__dropdown .topbar__dropdown-icon--checked-out,
.topbar__dropdown .topbar__dropdown-icon--favorites,
.topbar__dropdown .topbar__dropdown-icon--log-out,
.topbar__dropdown .topbar__dropdown-icon--settings {
    background: url(/images/icons/dropdown-sprite.png) no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin: 0 9px 0 10px
}

.topbar__dropdown .topbar__dropdown-icon--favorites {
    background-position: 0 0
}

.topbar__dropdown .topbar__dropdown-icon--checked-out {
    background-position: 0 -20px
}

.topbar__dropdown .topbar__dropdown-icon--settings {
    background-position: 0 -40px
}

.topbar__dropdown .topbar__dropdown-icon--log-out {
    background-position: 0 -60px
}

.topbar__dropdown .topbar__dropdown-icon--none {
    padding-left: 10px
}

.topbar__dropdown .topbar__dropdown-icon--upgrade-lock {
    background: url(/images/icons/lock.png) no-repeat;
    background-position: 50%;
    height: 26px;
    width: 26px;
    display: block;
    float: left;
    position: relative;
    top: 8px;
    margin: 0 9px 0 10px
}

.topbar__dropdown .topbar__dropdown-btn--lg {
    height: 64px;
    line-height: 22px
}

.topbar__dropdown .topbar__dropdown-btn--lg a {
    padding: 11px 0 10px
}

.topbar__dropdown ul li.topbar__dropdown-btn--highlight {
    background-color: #d8ffdf;
    background: -webkit-gradient(linear, left bottom, left top, from(#e1edff), to(#d8ffdf));
    background: linear-gradient(0deg, #e1edff, #d8ffdf)
}

.topbar__dropdown ul li.topbar__dropdown-btn--highlight:before {
    border-bottom-color: #d8ffdf
}

.topbar__dropdown ul li.topbar__dropdown-btn--highlight:hover {
    background-color: #aaffba;
    background: -webkit-gradient(linear, left bottom, left top, from(#a9e3ff), to(#aaffba));
    background: linear-gradient(0deg, #a9e3ff, #aaffba)
}

.topbar__dropdown ul li.topbar__dropdown-btn--highlight:hover:before {
    border-bottom-color: #aaffba
}

.topbar__dropdown .topbar__dropdown-btn--warning:hover {
    background-color: #ffebeb
}

.topbar__dropdown ul button {
    color: #000;
    padding: 0;
    width: 100%;
    background-color: transparent
}

.topbar__dropdown--user {
    width: 205px;
    right: 19px
}

.topbar__dropdown--user ul li:first-child:before {
    left: 69.5%
}

.topbar__dropdown--user--lite {
    right: 19px
}

.topbar__dropdown--help {
    right: 6px
}

.topbar__dropdown--help ul li:first-child:before {
    left: 83%
}

@media (max-width:1300px) {
    .topbar__logo {
        margin: 5px 0 0 10px
    }

    .topbar__nav-btn,
    .topbar__nav-btn--selected {
        text-decoration: underline;
        border-bottom-width: 0
    }

    .topbar__nav-btn--selected .topbar__nav-icon--article,
    .topbar__nav-btn--selected .topbar__nav-icon--guide,
    .topbar__nav-btn--selected .topbar__nav-icon--interactive,
    .topbar__nav-btn--selected .topbar__nav-icon--search,
    .topbar__nav-btn--selected .topbar__nav-icon--video,
    .topbar__nav-btn--selected .topbar__nav-icon--worksheet,
    .topbar__nav-btn .topbar__nav-icon--article,
    .topbar__nav-btn .topbar__nav-icon--guide,
    .topbar__nav-btn .topbar__nav-icon--interactive,
    .topbar__nav-btn .topbar__nav-icon--search,
    .topbar__nav-btn .topbar__nav-icon--video,
    .topbar__nav-btn .topbar__nav-icon--worksheet,
    .topbar__nav-icon {
        display: none
    }
}

@media (max-width:1200px) {
    .topbar {
        height: 83px
    }

    .topbar--lite {
        height: 50px
    }

    .topbar__logo {
        margin: 2px 0 0 17px
    }

    .topbar__nav-row {
        text-align: right;
        margin-left: 19px;
        top: 42px;
        height: 40px;
        line-height: 40px
    }

    .topbar__nav-btn,
    .topbar__nav-btn--selected {
        text-decoration: none;
        border-bottom-width: 3px;
        height: 40px;
        line-height: 40px
    }

    .topbar__nav-btn--selected .topbar__nav-icon--article,
    .topbar__nav-btn--selected .topbar__nav-icon--guide,
    .topbar__nav-btn--selected .topbar__nav-icon--interactive,
    .topbar__nav-btn--selected .topbar__nav-icon--search,
    .topbar__nav-btn--selected .topbar__nav-icon--video,
    .topbar__nav-btn--selected .topbar__nav-icon--worksheet,
    .topbar__nav-btn .topbar__nav-icon--article,
    .topbar__nav-btn .topbar__nav-icon--guide,
    .topbar__nav-btn .topbar__nav-icon--interactive,
    .topbar__nav-btn .topbar__nav-icon--search,
    .topbar__nav-btn .topbar__nav-icon--video,
    .topbar__nav-btn .topbar__nav-icon--worksheet,
    .topbar__nav-icon {
        display: inline-block
    }

    .topbar__nav-row--side-menus {
        left: 0
    }

    .topbar__extra-icons-wrapper {
        top: -3px
    }
}

.topbar-break-2--show {
    display: none
}

@media (max-width:960px) {
    .topbar__nav-row {
        margin-left: 17px
    }
}

@media (max-width:760px) {
    .topbar-break-2--hide {
        display: none
    }

    .topbar-break-2--show {
        display: block
    }

    .topbar {
        width: 100%;
        height: 42px;
        z-index: 2;
        position: fixed;
        top: 0;
        left: 0
    }

    .topbar__logo {
        margin: 1px auto 0;
        left: 0;
        right: 0;
        position: absolute;
        top: 10px
    }

    .topbar__logo img {
        width: 150px
    }

    .topbar__extra-icons-wrapper {
        top: -7px
    }

    .topbar__extra-icons--btn--user {
        position: fixed;
        height: 42px;
        padding: 7px 7px 7px 8px;
        top: 0;
        right: 0
    }

    .topbar__dropdown--user {
        position: fixed;
        top: 47px;
        right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .topbar__dropdown--user ul li:first-child:before {
        left: 85%
    }
}

@media (max-width:450px) {
    .topbar-break-3--hide {
        display: none
    }

    .user-menu {
        right: 3px;
        top: 46px
    }

    .topbar__extra-icons--btn--user {
        padding-right: 10px
    }

    .topbar__dropdown--user ul li:first-child:before {
        left: 83.5%
    }
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    position: absolute
}

.body-container,
.body-container--wide {
    width: 100%;
    float: left;
    position: relative;
    background-color: #e4e4e4;
    padding: 18px 12px;
    clear: both
}

.body-container--wide {
    padding: 0
}

.center-centerer {
    margin-left: 205px;
    margin-right: 250px;
    padding-bottom: 20px
}

.center-col,
.center-col-wide {
    white-space: normal;
    max-width: 728px;
    min-width: 320px;
    margin: 0 auto
}

.center-col-wide {
    max-width: 1200px
}

.left-col {
    width: 205px;
    float: left
}

.right-col {
    width: 250px;
    float: right
}

@media (max-width:1300px) {

    .body-container,
    .body-container--wide {
        padding: 18px 6px
    }

    .body-container--wide {
        padding: 0
    }
}

@media (max-width:1270px) {
    .left-col {
        width: 185px
    }

    .right-col {
        width: 220px
    }

    .center-centerer {
        margin-left: 185px;
        margin-right: 220px
    }
}

@media (max-width:1200px) {
    .left-col {
        width: 205px
    }

    .right-col {
        display: none
    }

    .center-centerer {
        margin-right: 0;
        margin-left: 220px
    }
}

@media (max-width:1110px) {

    .body-container,
    .body-container--wide {
        padding: 18px 0
    }

    .body-container--wide {
        padding: 0
    }
}

@media (max-width:972px) {
    .left-col {
        display: none
    }

    .center-centerer {
        margin-left: 0
    }
}

@media (max-width:760px) {
    .wrapper {
        padding-top: 42px
    }

    .center-centerer {
        padding-left: 8px;
        padding-right: 8px
    }
}

.left-m__filter-button,
.left-m__filter-head,
.right-m__item-block,
.right-m__item-button,
.right-m__item-head {
    width: 100%;
    float: left;
    clear: both
}

.right-m__item-head {
    background-color: #f1f1f1;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    padding: 10px 15px
}

.right-m__item-button {
    display: block;
    padding: 0 10px;
    cursor: pointer
}

.right-m__item-button>.right-m__item-button--title {
    font-size: 15px;
    line-height: 16px;
    margin-top: 9px
}

.right-m__item-button>.right-m__item-button--title>span {
    font-size: 13px;
    color: #999
}

.right-m__item-button:hover>.t-icon,
.right-m__item-button:hover>.t-icon--selected {
    background-position: 0 -30px
}

.right-m__item-button:hover>.right-m__item-button--title>span {
    color: hsla(0, 0%, 100%, .6)
}

.right-m__item-button>.right-m__item-button--icon {
    margin: 9px 12px 9px 3px;
    float: left;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat
}

.left-m__filter-head {
    background-color: #f1f1f1;
    height: 41px;
    line-height: 41px;
    font-weight: 700;
    padding: 0 16px;
    font-size: 15px
}

.left-m__filter-button {
    font-size: 15px;
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 16px
}

.hamburger_link a {
    text-decoration: none;
    display: block;
    height: 100%
}

.side-m__unit {
    width: 100%;
    clear: both;
    float: left
}

.side-m__unit img {
    -webkit-box-shadow: 0 1px 1px 1px #7d7d7d;
    box-shadow: 0 1px 1px 1px #7d7d7d
}

.right-m__plans {
    display: block;
    background-color: #fff;
    padding-top: 6px
}

.right-m__plans>ul {
    font-size: 16px;
    line-height: 33px
}

.right-m__plans>ul>li {
    padding: 4px 0 4px 40px
}

.right-m__plans>div {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    border: 0;
    margin-top: 10px;
    border-radius: 0;
    font-size: 17px;
    width: 100%;
    height: 44px;
    line-height: 44px
}

.right-m__plans:hover {
    background-color: #d5ffe2
}

.right-m__plans:hover>div {
    background-color: #197937
}

.right-m__social tr:first-child {
    border-bottom: 1px solid #cecece
}

.right-m__social {
    background: #fdfdfd url(/images/social-labels.png) no-repeat 0 0
}

.right-m__social table {
    text-align: center;
    width: 221px;
    margin-left: 29px
}

.right-m__social td {
    padding: 9px 3px;
    vertical-align: middle
}

.right-m__social td:first-child {
    padding-left: 6px
}

.right-m__social img {
    position: absolute
}

.right-m__small-icon {
    cursor: pointer;
    clear: both;
    margin: 6px
}

.left-m__hamburger {
    border-radius: 4px;
    display: none;
    cursor: pointer;
    position: fixed;
    z-index: 1;
    height: 165px;
    width: 50px;
    left: -15px;
    top: 106px;
    text-align: center;
    background: #358e50 url(/images/r_arrow.svg) no-repeat 80%;
    background-size: 29px 29px;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

.left-m__hamburger:hover {
    left: -5px
}

@media (max-width:1270px) {
    .right-m__plans>ul {
        font-size: 14px
    }

    .left-m__filter-head {
        padding: 0 10px
    }

    .left-m__filter-button {
        font-size: 14px;
        padding: 0 10px
    }
}

@media (max-width:1200px) {
    .left-m__filter-head {
        padding: 0 16px
    }

    .left-m__filter-button {
        font-size: 16px;
        padding: 0 16px
    }
}

@media (max-width:972px) {
    .left-m__hamburger {
        display: block
    }
}

@media (max-width:760px) {
    .left-m__hamburger {
        display: none
    }
}

.footer {
    clear: both;
    border-top: 1px solid #bfbfbf
}

.footer__columns {
    margin: 0 auto;
    max-width: 729px;
    text-align: center
}

.footer__columns span {
    font-family: Roboto Slab, sans-serif;
    font-size: 1.35em
}

.footer__columns ul {
    margin-top: 8px;
    line-height: 35px;
    font-size: 1.1em
}

.footer__columns ul>li>a:hover {
    color: #197937
}

@media handheld,
only screen and (max-width:767px) {
    .footer__columns ul {
        margin-bottom: 25px
    }
}

.footer__end {
    margin: 28px 0 20px;
    font-size: .9em;
    text-align: center;
    background: url(/images/dark_logo.png) no-repeat top;
    padding-top: 100px
}

.footer__end p {
    line-height: 22px
}

.hamburger-m {
    background-color: #fdfdfd;
    width: 250px;
    height: 1450px;
    position: absolute;
    left: -260px;
    display: none;
    z-index: 100;
    -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, .5);
    box-shadow: 4px 0 4px rgba(0, 0, 0, .5)
}

.hamburger-m__head,
.hamburger-m__head--primary {
    width: 100%;
    height: 42px;
    background-color: #383938;
    padding-left: 10px;
    float: left;
    clear: both;
    text-align: right;
    color: #dfdfdf;
    line-height: 42px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 16px
}

.hamburger-m__head--primary {
    cursor: pointer;
    border-right: 15px solid #383938;
    background: url(/images/l_arrow.svg) no-repeat 100% #383938;
    background-size: 22px 22px
}

.hamburger-m__button {
    width: 100%;
    padding-left: 9px;
    float: left;
    clear: both;
    text-align: right;
    border-bottom: 1px solid #e8e8e8;
    height: 40px;
    line-height: 40px;
    font-size: 16px
}

.hamburger-m__icon,
.hamburger-m__icon--selected {
    float: left;
    margin-right: 8px;
    background-size: 28px;
    height: 28px;
    width: 28px;
    margin-top: 7px
}

.hamburger-m__icon--selected {
    background-position: 0 -28px
}

.hamburger-m__button:hover {
    background-color: #358e50;
    color: #fff
}

.hamburger-m__button:hover .hamburger-m__icon {
    background-position: 0 -28px
}

@media (max-width:972px) {
    .hamburger-m {
        display: block
    }
}

.landing__heading {
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    color: #fff;
    margin-bottom: 15px
}

.landing__search-subheading {
    font-size: 16px;
    color: #8bfdae;
    font-style: italic;
    margin-top: 10px
}

.landing__search-wrapper {
    display: inline-block;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .17);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .17);
    min-width: 298px
}

input[type=text].landing__search-input {
    vertical-align: bottom;
    padding: 13px 12px;
    width: 350px;
    border: 0
}

input:focus.landing__search-input {
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, .2)
}

.landing__search-button {
    vertical-align: bottom;
    height: 50px;
    width: 50px;
    margin-left: -7px;
    border-radius: 0 3px 3px 0;
    background-size: 26px;
    background: #358e50 url("/images/search-icon-2.png") no-repeat 50% !important
}

.landing__gradient {
    background: #486692;
    background: -webkit-gradient(linear, left top, left bottom, from(#486692), to(#456aa0));
    background: linear-gradient(180deg, #486692 0, #456aa0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e5980", endColorstr="#456aa0", GradientType=0);
    border-bottom: 2px solid #486692
}

@media (max-width:460px) {
    input[type=text].landing__search-input {
        width: 300px
    }
}

@media (max-width:410px) {
    input[type=text].landing__search-input {
        width: 250px
    }
}

.topic-icon--50,
.topic-icon--landing {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url("/images/icons/topics/sprite-50.png") no-repeat
}

.topic-icon--landing {
    margin: 12px 0 2px
}

.topic-icon--50--anger {
    background-position: 0 0
}

.topic-icon--50--anxiety {
    background-position: -50px 0
}

.topic-icon--50--art {
    background-position: -100px 0
}

.topic-icon--50--behavior {
    background-position: -150px 0
}

.topic-icon--50--cbt {
    background-position: -200px 0
}

.topic-icon--50--communication {
    background-position: -250px 0
}

.topic-icon--50--dbt {
    background-position: -300px 0
}

.topic-icon--50--depression {
    background-position: -350px 0
}

.topic-icon--50--education {
    background-position: -400px 0
}

.topic-icon--50--emotions {
    background-position: -450px 0
}

.topic-icon--50--goals {
    background-position: -500px 0
}

.topic-icon--50--grief {
    background-position: -550px 0
}

.topic-icon--50--substance-use {
    background-position: -600px 0
}

.topic-icon--50--positive-psychology {
    background-position: -650px 0
}

.topic-icon--50--relationships {
    background-position: -700px 0
}

.topic-icon--50--relaxation {
    background-position: -750px 0
}

.topic-icon--50--self-esteem {
    background-position: -800px 0
}

.topic-icon--50--stress {
    background-position: -850px 0
}

.topic-icon--50--trauma {
    background-position: -900px 0
}

.topic-icon--50--values {
    background-position: -950px 0
}

.item-pg__languages {
    font-size: 16px;
    color: #444;
    padding: 14px 0 0 2px
}

.item-pg__subhead {
    background-color: #f1f1f1;
    color: #000;
    padding: 8px 13px;
    font-size: 16px;
    font-weight: 700
}

.worksheet__preview {
    max-width: 425px;
    margin: 0 auto;
    display: block;
    line-height: 0;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .25)
}

.worksheet__preview img {
    width: 100%;
    height: 100%
}

.worksheet__dl-box,
.worksheet__dl-box--premium,
.worksheet__dl-box--standard {
    width: 357px;
    background-color: #fdfdfd
}

.worksheet__dl-box--premium .worksheet__dl-body,
.worksheet__dl-box--standard .worksheet__dl-body,
.worksheet__dl-box .worksheet__dl-body {
    padding: 14px 13px
}

.worksheet__dl-box--premium select,
.worksheet__dl-box--standard select,
.worksheet__dl-box select {
    background-color: #fff;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #aaa;
    font-size: 16px;
    margin-bottom: 8px
}

.worksheet__dl-box--standard {
    float: left;
    margin-right: 6px
}

.worksheet__dl-box--premium {
    float: right;
    margin-left: 6px
}

@media (max-width:760px) {

    .worksheet__dl-box,
    .worksheet__dl-box--premium,
    .worksheet__dl-box--standard {
        text-align: center
    }

    .worksheet__dl-box--premium select,
    .worksheet__dl-box--standard select,
    .worksheet__dl-box select {
        margin-bottom: 14px
    }

    .worksheet__dl-box--premium,
    .worksheet__dl-box--standard {
        float: none;
        margin: 0 auto
    }

    .worksheet__dl-box--premium {
        margin-top: 12px
    }
}

.video__preview--wrapper {
    width: 90%;
    margin: 25px auto 10px
}

.video__preview {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.video__preview iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.center-box {
    float: left;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fdfdfd
}

.center-box hr {
    width: 100%
}

.center-box h1 {
    line-height: 36px;
    font-size: 28px;
    font-family: Roboto Slab, sans-serif;
    text-align: center;
    margin-bottom: 12px
}

.center-box span.subhead {
    font-family: Roboto Slab, sans-serif;
    font-weight: 700;
    display: block
}

.center-box span.subhead2 {
    font-weight: 700;
    font-size: 16px;
    color: #3a80b9
}

.center-box p.section {
    margin-bottom: 30px
}

.center-box p.minisection {
    margin-bottom: 15px
}

.interactive-page__header {
    float: left;
    width: 100%;
    padding-top: 11px;
    overflow: hidden;
    position: relative
}

.interactive-page__header h1,
.interactive-page__header h2 {
    clear: both;
    float: left;
    font-family: Roboto Slab, sans-serif;
    margin: 0 0 0 20px
}

.interactive-page__header h1 {
    line-height: 26px;
    font-size: 26px;
    font-weight: 700
}

.interactive-page__header h2 {
    line-height: 32px;
    font-size: 20px
}

.interactive-page__header img {
    width: 100%;
    padding-top: 8px;
    display: block
}

.interactive-page__info-bar {
    padding: 10px 20px;
    background-color: #f0f0f0;
    line-height: 18px;
    text-align: center
}

.interactive-page__info-bar p {
    padding: 0 15px;
    display: inline-block
}

@media (max-width:729px) {
    .interactive-page__info-bar {
        line-height: 26px;
        text-align: left
    }

    .interactive-page__info-bar p {
        display: block;
        padding: 0
    }
}

.interactive_launch {
    width: 50%;
    height: 75px;
    line-height: 74px;
    font-size: 24px;
    margin-bottom: 30px
}

@media (max-width:585px) {
    .interactive_launch {
        width: 75%;
        height: 65px;
        line-height: 64px;
        font-size: 22px;
        margin-bottom: 15px
    }
}

.sub-buttons {
    width: 100%;
    float: left;
    display: table;
    table-layout: fixed
}

.sub-buttons ul {
    display: table-row
}

.sub-buttons li {
    display: table-cell;
    text-align: center
}

.sub-buttons li a {
    display: block;
    padding: 12px 0
}

.sub-buttons li:not(:last-child) {
    border-right: 1px solid #bfbfbf
}

.sub-buttons a:hover {
    color: #fff
}

.page-num,
.page-num--simple {
    width: 100%;
    float: left;
    display: table;
    text-align: center;
    vertical-align: middle;
    height: 60px;
    border: 2px solid #717171;
    border-radius: 4px
}

.page-num--simple {
    border: none
}

.page-num__center {
    height: 42px;
    text-align: center;
    font-size: 24px;
    line-height: 42px;
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle
}

.page-num__center a {
    color: #390;
    text-decoration: none
}

.page-num__center b {
    color: #888
}

.page-num__center span,
.page-num__next,
.page-num__next--simple,
.page-num__previous,
.page-num__previous--simple {
    font-size: 18px;
    vertical-align: top
}

.page-num__next,
.page-num__next--simple,
.page-num__previous,
.page-num__previous--simple {
    background-color: #f1f1f1;
    display: table-cell;
    padding: 0 15px;
    width: 102px;
    text-align: center;
    height: 100%;
    vertical-align: middle
}

.page-num__previous,
.page-num__previous--simple {
    border-right: 2px solid #d6d6d6
}

.page-num__next,
.page-num__next--simple {
    border-left: 2px solid #d6d6d6
}

.page-num__next--simple {
    border: 2px solid #717171;
    border-left: 1px solid #717171
}

.page-num__previous--simple {
    border: 2px solid #717171;
    border-right: 1px solid #717171
}

.page-num__next--simple,
.page-num__previous--simple {
    width: 50%
}

.page-num__filler {
    width: 102px;
    display: table-cell
}

@media (max-width:729px) {

    .page-num,
    .page-num--simple {
        border-left: 0;
        border-right: 0
    }
}

@media (max-width:465px) {
    .page-num__center {
        display: none
    }

    .page-num__next,
    .page-num__next--simple,
    .page-num__previous,
    .page-num__previous--simple {
        width: 50%
    }
}

.article__wrapper {
    max-width: 1166px;
    margin: 0 auto
}

.article__wrapper--inner {
    margin: 0 8px
}

.article {
    max-width: 875px;
    background-color: #fdfdfd;
    margin-right: 275px
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    font-family: Roboto, sans-serif
}

.article h1 {
    font-family: Roboto Slab, sans-serif;
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 7px;
    width: 100%;
    font-weight: 700
}

.article h2 {
    font-size: 30px;
    line-height: 35px;
    margin: 50px 0 5px;
    font-weight: 700
}

.article h3 {
    font-size: 26px;
    line-height: 45px;
    text-decoration: underline
}

.article h4 {
    font-size: 18px;
    line-height: 36px;
    font-weight: 700
}

.article h5 {
    text-align: center;
    font-size: 17px;
    line-height: 19px;
    font-weight: 700
}

.article__fave-btn-container {
    position: relative;
    top: -15px;
    right: 5px
}

.article__fave-btn-container>.fave-form {
    margin-bottom: 0
}

.article__right-menu {
    float: right;
    width: 260px
}

.article__col-content {
    width: 80.57%
}

.article__heading {
    margin: 30px 0 30px 3px;
    padding-left: 12px;
    border-left: 8px solid #486692;
    line-height: 0
}

.article__author {
    font-size: 16px;
    line-height: 16px;
    color: #8c8c8c
}

.article__author:hover {
    text-decoration: underline;
    color: #616161
}

.article__social-side,
.guide__social-side {
    margin-top: 24px
}

.article__social-side li,
.guide__social-side li {
    margin: 4px auto;
    width: 44px;
    height: 44px;
    padding: 6px
}

.guide__social-side {
    margin-top: 6px
}

.article__body {
    font-size: 17px;
    line-height: 28px;
    padding: 12px 0
}

.article__body p:not(:last-child) {
    margin-bottom: 30px
}

.article__pullquote,
.article__pullquote--left,
.article__pullquote--right {
    width: 290px;
    font-size: 26px;
    line-height: 36px;
    color: #1b1b1b;
    padding: 15px;
    border-bottom: 6px solid #358e50
}

.article__pullquote--left:before,
.article__pullquote--right:before,
.article__pullquote:before {
    content: "\201C";
    font-size: 110px;
    line-height: 80px;
    display: block;
    float: left;
    margin: 0 0 -45px -20px;
    padding-right: 10px;
    color: #358e50
}

.article__pullquote--left {
    float: left;
    margin: 5px 35px 20px -90px
}

.article__pullquote--right {
    float: right;
    margin: 5px -66px 20px 28px
}

.show-article-breakpoint {
    display: none
}

@media (max-width:1090px) {
    .article {
        margin-right: 215px
    }

    .article__right-menu {
        width: 200px
    }

    .article__pullquote--left {
        margin-left: -60px
    }

    .article__pullquote--right {
        margin-right: -50px
    }

    .hide-article-breakpoint {
        display: none
    }

    .show-article-breakpoint {
        display: inline
    }
}

@media (max-width:890px) {

    .article__pullquote,
    .article__pullquote--left,
    .article__pullquote--right {
        font-size: 24px;
        line-height: 34px;
        width: 240px
    }

    .article__pullquote--right {
        margin-right: -20px
    }
}

@media (max-width:835px) {
    .article {
        margin-right: 0
    }

    .article__right-menu {
        display: none
    }
}

@media handheld,
only screen and (max-width:767px) {
    .article__heading {
        margin: 18px 0
    }

    .article__pullquote,
    .article__pullquote--left,
    .article__pullquote--right {
        width: 280px
    }

    .article__pullquote--left {
        margin-left: 0
    }

    .article__pullquote--right {
        margin-right: 0
    }
}

@media (max-width:550px) {
    .article__body {
        clear: both
    }

    .article__pullquote,
    .article__pullquote--left,
    .article__pullquote--right {
        width: 80%;
        margin: 10px 10% 40px;
        padding: 15px
    }
}

.guide__outline {
    padding: 8px 10px;
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #dadada
}

.guide__outline>ol {
    margin-left: 15px;
    line-height: 34px;
    font-size: 16px
}

.guide__outline>ol>li {
    font-weight: 800
}

.guide__outline>ol>ol {
    margin-left: 26px
}

.guide__outline>ol>li>a:hover,
.guide__outline>ol>ol>li>a:hover {
    color: #358e50
}

.faq h1,
.faq h2,
.faq h3 {
    font-family: Roboto Slab, sans-serif;
    font-weight: 700
}

.faq h1 {
    font-size: 44px;
    margin: 0 20px 24px 0;
    border-bottom: 4px solid #000;
    line-height: 1em
}

.faq h1,
.faq h2 {
    padding: 20px;
    text-align: center
}

.faq h2 {
    font-size: 28px;
    line-height: 36px;
    margin: 75px 0 0;
    color: #fff;
    border-radius: 4px;
    background: #344c6d
}

.faq h3 {
    font-size: 22px;
    margin: 30px 0 12px
}

.faq h4 {
    font-size: 18px
}

.faq__topic {
    padding: 4px 12px 12px;
    margin-bottom: 18px;
    background-color: #fff;
    border-radius: 3px;
    width: 100%
}

.faq__topic span {
    font-family: Roboto Slab, sans-serif;
    font-size: 20px;
    font-weight: 700
}

.faq__topic ul {
    width: 100%;
    list-style-type: none
}

.faq__topic ul>li {
    text-decoration: underline
}

.faq__answer {
    background-color: #fff;
    border-radius: 3px;
    margin: 0 auto 20px
}

.faq__answer>h4 {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #dfdfdf;
    background-color: #383938;
    padding: 6px 16px
}

.faq__answer>div {
    padding: 16px
}

.faq__answer p {
    font-size: 16px
}

.search__label {
    width: 158px;
    height: 17px;
    display: inline-block;
    margin-left: -240px
}

input[type=text].search__input {
    vertical-align: bottom;
    padding: 11px 12px;
    width: 350px;
    border: 2px solid #a2a2a2;
    font-size: 20px;
    outline: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

input:focus.search__input {
    border-color: #197937;
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, .2)
}

.search__button {
    vertical-align: bottom;
    height: 50px;
    width: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: -7px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #358e50 url("/images/search-icon-2.png") no-repeat 50%;
    background-size: 26px
}

.search__subtext {
    font-size: 16px;
    color: #adadad;
    font-style: italic;
    margin-top: 8px
}

@media (max-width:460px) {
    .search__label {
        margin: 0 0 5px -188px
    }

    .search__button {
        width: 150px;
        margin-top: 15px;
        border-radius: 3px
    }

    .search__subtext {
        display: none
    }
}

.grid-nav-btn,
.grid-nav-btn--extra--wide,
.grid-nav-btn--wide {
    width: 111px;
    height: 109px;
    margin: 0 6px;
    cursor: pointer;
    font-size: 22px;
    display: inline-block;
    float: left
}

.grid-nav-btn--extra--wide span,
.grid-nav-btn--wide span,
.grid-nav-btn span {
    display: block;
    line-height: 31px;
    font-size: 16px;
    font-weight: 700;
    color: #383938
}

.grid-nav-btn--extra--wide img,
.grid-nav-btn--wide img,
.grid-nav-btn img {
    width: 47%;
    margin-top: 15px;
    margin-bottom: 2px
}

.grid-nav-btn--extra--wide:hover,
.grid-nav-btn--wide:hover,
.grid-nav-btn:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.grid-nav-btn--extra--wide:first-child,
.grid-nav-btn--wide:first-child,
.grid-nav-btn:first-child {
    margin-left: 0
}

.grid-nav-btn--extra--wide:last-child,
.grid-nav-btn--wide:last-child,
.grid-nav-btn:last-child {
    margin-right: 0
}

.grid-nav-btn--extra--wide,
.grid-nav-btn--wide {
    margin-top: 14px;
    width: 125px;
    height: 103px;
    background-color: #fff
}

.grid-nav-btn--extra--wide span,
.grid-nav-btn--wide span {
    font-size: 15px;
    padding: 0 7px
}

.grid-nav-btn--extra--wide img,
.grid-nav-btn--wide img {
    width: 40%;
    margin-top: 12px
}

.grid-nav-btn--extra--wide {
    height: auto;
    padding: 2px 7px
}

.grid-nav-btn--more {
    margin-top: 14px;
    padding: 8px 12px;
    cursor: pointer
}

.grid-nav-btn--more span {
    font-size: 15px;
    text-decoration: underline;
    color: #565656
}

.grid-nav-btn--more:hover span {
    color: #000
}

@media (max-width:880px) {
    .content-type-sizer {
        max-width: 510px
    }

    .grid-nav-btn,
    .grid-nav-btn--extra--wide,
    .grid-nav-btn--wide {
        float: none
    }

    .grid-nav-btn--extra--wide:first-child,
    .grid-nav-btn--wide:first-child,
    .grid-nav-btn:first-child {
        margin-left: 6px
    }

    .grid-nav-btn--extra--wide:last-child,
    .grid-nav-btn--wide:last-child,
    .grid-nav-btn:last-child {
        margin-right: 6px
    }

    .grid-nav-btn--more {
        width: 399px
    }
}

@media (max-width:467px) {
    .grid-nav-btn--more {
        width: 262px
    }
}

.content-type-btn {
    display: inline-block;
    width: 228px;
    height: 228px;
    font-size: 22px;
    opacity: .4;
    margin: 20px 11px 0
}

.content-type-btn span {
    display: block;
    line-height: 52px
}

.content-type-btn:nth-child(3n+1) {
    margin-left: 0
}

.content-type-btn:nth-child(3n+3) {
    margin-right: 0
}

@media (max-width:765px) {

    .content-type-btn:nth-child(3n+1),
    .content-type-btn:nth-child(3n+3) {
        margin: 20px 11px 0
    }
}

.content-type-btn--has-results {
    opacity: 1;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: background-color .05s, -webkit-transform .05s;
    transition: background-color .05s, -webkit-transform .05s;
    transition: transform .05s, background-color .05s;
    transition: transform .05s, background-color .05s, -webkit-transform .05s
}

.content-type-btn--has-results span {
    color: #dfdfdf;
    background-color: #383938
}

.content-type-btn--has-results:hover {
    z-index: 1;
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.content-type-btn--has-results:hover span {
    background-color: #486692
}

.content-type-btn--has-results:hover .content-type-btn__count {
    border-color: #486692;
    color: #486692
}

.content-type-btn__count {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 45px;
    height: 45px;
    border-radius: 25px;
    background: #fff;
    border: 4px solid #383938;
    line-height: 38px;
    font-size: 19px;
    font-weight: 800
}

.plans__top-links {
    line-height: 22px;
    font-size: 15px;
    padding-top: 2px
}

.plans__top-links a {
    color: #555
}

.plans__gradient-bg {
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, right top, from(#ceecd7), to(#d7e3f3));
    background: linear-gradient(90deg, #ceecd7, #d7e3f3)
}

.plans__card {
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .35);
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .35);
    margin-bottom: 7px
}

.plans__card .plans__card-header {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #383938;
    color: #fff;
    text-align: center;
    padding: 8px 6px
}

.plans__card .plans__card-header h2 {
    font-family: Roboto Slab, sans-serif;
    font-size: 20px;
    line-height: 26px
}

.plans__card .plans__card-header span {
    font-size: 16px;
    margin-top: 5px;
    line-height: 26px
}

.plans__card .plans__card-header--free span {
    color: #ccc
}

.plans__card .plans__card-header--supporter h2 {
    color: #91ff91
}

.plans__card .plans__card-subhead {
    text-align: center;
    padding: 10px;
    color: #555;
    font-size: 15px;
    font-style: italic;
    line-height: 22px
}

.plans__card ul {
    padding: 10px 6px 0
}

.plans__card ul li {
    font-size: 16px;
    padding: 11px 11px 11px 46px;
    line-height: 28px
}

.plans__card ul :not(:last-child) {
    border-bottom: 1px solid #c5c5c5
}

@media handheld,
only screen and (max-width:767px) {
    .plans__card {
        max-width: 350px;
        margin: 0 auto 30px
    }
}

.plans__interactive {
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px;
    border-radius: 4px
}

.plans__interactive-mobile-title {
    display: none;
    position: relative;
    top: 15px;
    float: right;
    padding: 8px 11px;
    margin-right: 15px;
    color: #fff;
    background-color: #191919;
    font-size: 30px;
    border-radius: 4px;
    font-weight: 700
}

.plans__interactive-image-placeholder {
    width: 400px;
    height: 300px
}

.plans__interactive-text {
    border-radius: 4px
}

.plans__interactive-buttons div {
    border-radius: 4px;
    margin: 10px 0;
    display: inline-block;
    padding: 0 5px;
    background-color: #191919
}

.plans__customizable {
    padding-right: 40px
}

.plans__fillable {
    padding-left: 40px
}

@media handheld,
only screen and (max-width:1200px) {
    .plans__customizable {
        padding-right: 20px
    }

    .plans__fillable {
        padding-left: 20px
    }
}

@media handheld,
only screen and (max-width:767px) {
    .plans__interactive {
        border-radius: 0;
        padding: 0 !important;
        background-size: 430px
    }

    .plans__interactive h3 {
        display: none
    }

    .plans__interactive-mobile-title {
        display: inline-block
    }

    .plans__interactive-image-placeholder {
        height: 200px
    }

    .plans__interactive-text {
        border-radius: 0
    }

    .plans__interactive-buttons {
        padding: 0 !important
    }

    .plans__interactive-buttons div {
        margin: -39px 0 -9px;
        border-radius: 0;
        padding-right: 0
    }

    .plans__customizable {
        padding-right: 0
    }

    .plans__fillable {
        padding-left: 0;
        margin-top: 80px
    }
}

.plans__square {
    width: 276px;
    text-align: center;
    padding: 12px;
    margin: 0 10px 20px;
    border-radius: 5px;
    display: inline-block
}

.plans__square span {
    font-size: 21px;
    line-height: 36px;
    font-family: Roboto Slab, sans-serif
}

.plans__square p {
    line-height: 22px;
    font-size: 16px
}

.plans__square img {
    display: inline-block;
    width: 64px;
    height: 64px
}

.checkout__summary-box {
    background-color: #ffffcb;
    border: 2px solid #dedea1;
    padding: 20px;
    border-radius: 5px
}

.user-btn--logged-out {
    position: absolute;
    z-index: 2;
    right: 14px;
    top: 17px
}

.user-btn--logged-out a:nth-child(2n) {
    background-color: #358e50
}

.user-btn--logged-out a:nth-child(2n):hover {
    background-color: #197937
}

.user-btn--logged-out a {
    line-height: 18px;
    color: #fff;
    padding: 6px 9px;
    border-radius: 3px
}

.user-btn--logged-out a:hover {
    background-color: #344c6d
}

.user-btn {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    line-height: 21px;
    cursor: pointer;
    color: #fff;
    padding: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.user-btn span {
    vertical-align: middle
}

.user-btn span span {
    vertical-align: initial
}

.user-btn img {
    height: 20px;
    margin-left: 6px;
    vertical-align: middle
}

.user-menu {
    width: 200px;
    position: absolute;
    background-color: #fff;
    right: 15px;
    top: 53px;
    border-radius: 3px;
    z-index: 10;
    text-align: center;
    font-size: 18px;
    line-height: 42px;
    display: none
}

.user-menu ul li {
    height: 42px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1
}

.user-menu ul li:hover {
    background-color: #358e50;
    color: #fff
}

.user-menu ul li.user-menu__btn--star {
    color: #fff;
    background-color: #383938
}

.user-menu ul li.user-menu__btn--star:before {
    content: "\2605";
    font-size: 24px;
    color: #ffffae;
    position: absolute;
    left: 15px
}

.user-menu ul li.user-menu__btn--star:hover {
    background-color: #000
}

.user-menu ul li.user-menu__btn--first:before {
    content: "";
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    width: 0;
    height: 0;
    position: absolute;
    top: -13px;
    left: 66%
}

.user-menu ul li.user-menu__btn--first:hover:before {
    border-bottom-color: #358e50
}

.user-menu ul form button {
    background-color: #f9f9f9;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.user-menu ul form button:hover {
    background-color: #ce3d3d;
    color: #fff
}

.user-menu ul li.user-menu__btn--logout {
    background-color: transparent;
    border-bottom: 0
}

.user-menu ul button,
.user-menu ul li.user-menu__btn--logout:hover {
    background-color: transparent
}

.user-menu ul button {
    color: #000;
    padding: 0;
    width: 100%
}

.user-menu ul li.user-menu__btn--register {
    border-bottom: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

@media (max-width:760px) {
    .user-btn {
        font-size: 16px;
        position: fixed;
        padding: 11px 8px;
        height: 42px;
        opacity: .75
    }

    .user-btn img,
    .user-btn span {
        vertical-align: top
    }

    .user-btn span span {
        vertical-align: inherit
    }

    .user-btn:hover {
        opacity: 1
    }

    .user-menu {
        right: 8px;
        top: 46px
    }
}

.tco-loading {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #358e50;
    top: 0;
    left: 0;
    border-radius: 4px
}

.tco-loading div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tco-index-promo {
    cursor: pointer;
    background: -webkit-gradient(linear, left bottom, left top, from(#e1edff), to(#d8ffdf));
    background: linear-gradient(0deg, #e1edff, #d8ffdf);
    padding: 15px 20px 15px 18px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 24px
}

.tco-index-promo img {
    margin: 10px 12px 0 0
}

.tco-index-promo div {
    display: inline-block
}

.tco-index-promo img,
.tco-index-promo span {
    float: left
}

.tco-index-promo:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#a9e3ff), to(#aaffba));
    background: linear-gradient(0deg, #a9e3ff, #aaffba)
}

@media (max-width:575px) {
    .tco-index-promo {
        text-align: center;
        font-size: 16px;
        line-height: 22px
    }

    .tco-index-promo img {
        margin: 0 0 4px
    }

    .tco-index-promo div {
        display: block
    }

    .tco-index-promo img,
    .tco-index-promo span {
        float: none
    }
}

.tco-index-faq li {
    border: 1px solid #cacaca;
    border-radius: 4px;
    margin-bottom: 8px;
    background-color: #fafafa
}

.tco-index-faq li>button {
    width: 100%;
    text-align: right;
    padding: 6px 9px;
    background-color: transparent;
    font-weight: 700
}

.tco-index-faq .tco-index-faq--hidden-box {
    display: none;
    border-top: 1px solid #e4e4e4;
    padding: 6px 9px
}

.tco-index-table__h-scroll {
    overflow-x: auto;
    padding: 2px 3px 0;
    margin: -2px -3px 0
}

.tco-index-table {
    width: 100%;
    vertical-align: middle;
    text-align: right;
    line-height: 21px
}

.tco-index-table tr {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: background-color .25s, opacity .3s, -webkit-transform .3s;
    transition: background-color .25s, opacity .3s, -webkit-transform .3s;
    transition: background-color .25s, opacity .3s, transform .3s;
    transition: background-color .25s, opacity .3s, transform .3s, -webkit-transform .3s
}

.tco-index-table .tco-index-table--tool {
    max-width: 130px
}

.tco-index-table .tco-index-table--code {
    letter-spacing: 3px
}

.tco-index-table .tco-index-table--date {
    white-space: nowrap
}

.tco-index-table .tco-index-table--instructions {
    padding: 0 0 0 8px
}

.tco-index-table .tco-index-table--begin-delete {
    background-color: #ffeaea
}

.tco-index-table .tco-index-table--delete {
    -webkit-transform: translate(15%);
    transform: translate(15%);
    opacity: 0
}

.tco-index-table tr:not(:last-child):not(:first-child) {
    border-bottom: 1px solid #dadada
}

.tco-index-table tr>td:first-child,
.tco-index-table tr>th:first-child {
    padding-left: 20px
}

.tco-index-table tr>td:last-child {
    padding-right: 20px
}

.tco-index-table tr>th {
    background-color: #383938;
    color: #dfdfdf;
    font-weight: 700;
    padding: 12px 8px
}

.tco-index-table tr>th:first-child {
    border-top-left-radius: 4px
}

.tco-index-table tr>th:last-child {
    border-top-right-radius: 4px
}

.tco-index-table tr>td {
    padding: 8px;
    vertical-align: middle
}

@media (max-width:729px) {
    .tco-index-table tr:not(:first-child) {
        font-size: 16px
    }

    .tco-index-table tr>td:first-child,
    .tco-index-table tr>th:first-child {
        padding-left: 8px
    }

    .tco-index-table tr>td:last-child {
        padding-right: 8px
    }
}

.tco-input-wrapper {
    height: 100%;
    color: #fff;
    background: #344c6d;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #344c6d), to(#328493));
    background: linear-gradient(180deg, #344c6d 1%, #328493);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$ta-primary", endColorstr="#328493", GradientType=0)
}

.tco-input-primary {
    position: fixed;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tco-input-primary img {
    max-width: 300px;
    margin-bottom: 10px
}

.tco-input-box {
    width: 410px;
    text-align: right;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    padding: 28px 35px 35px
}

.tco-input-box .tco-input-box__label {
    font-size: 20px;
    margin-bottom: 12px;
    color: hsla(0, 0%, 100%, .8)
}

.tco-input-box .tco-input-box__input {
    float: left;
    font-size: 42px;
    letter-spacing: 2px;
    font-family: sans-serif;
    color: #000;
    text-transform: uppercase;
    width: 225px;
    padding: 10px 12px;
    border: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.tco-input-box .tco-input-box__input:focus {
    outline-width: 0
}

.tco-input-box .tco-input-box__submit-button {
    font-size: 22px;
    width: 115px;
    height: 68px;
    background-color: #383938;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: hsla(0, 0%, 100%, .4)
}

.tco-input-box .tco-input-box__submit-button--enabled {
    color: #fff;
    background-color: #234252
}

.tco-input-box .tco-input-box__submit-button--active,
.tco-input-box .tco-input-box__submit-button--enabled:hover {
    background-color: #0f2c3c
}

.tco-input-box .tco-input-box__submit-button--loading div {
    height: 40px;
    width: 40px;
    margin: 13px
}

.tco-input-box .tco-input-box__error {
    display: none;
    position: absolute;
    top: 188px;
    left: 35px;
    padding: 12px 15px;
    background: #b52c2c;
    border-radius: 4px
}

.tco-input-box .tco-input-box__error:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #b52c2c transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -15px;
    top: -14px;
    left: 50%
}

.tco-input__footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    font-size: 16px;
    border-radius: 6px;
    color: #fff;
    padding: 6px;
    line-height: 24px
}

.tco-input__footer .tco-input__footer--copyright {
    float: left;
    padding: 0 8px
}

.tco-input__footer .tco-input__footer--links {
    float: right;
    padding: 0 8px
}

.tco-input__footer a {
    color: #fff;
    text-decoration: underline
}

@media (max-width:729px) {
    .tco-input__footer {
        text-align: center
    }

    .tco-input__footer .tco-input__footer--copyright,
    .tco-input__footer .tco-input__footer--links {
        float: none;
        white-space: nowrap
    }
}

@media (max-width:525px) {
    .tco-input-primary {
        text-align: center
    }

    .tco-input-box {
        width: 370px
    }

    .tco-input-box .tco-input-box__form {
        height: 91px
    }

    .tco-input-box .tco-input-box__input {
        width: 185px;
        letter-spacing: 0;
        font-size: 34px
    }

    .tco-input-box .tco-input-box__submit-button {
        height: 59px
    }

    .tco-input-box .tco-input-box__submit-button--loading {
        display: block;
        margin-left: 19px
    }

    .tco-input-box .tco-input-box__submit-button--loading div {
        height: 35px;
        width: 35px;
        margin: 11px 15px
    }

    .tco-input-box .tco-input-box__error {
        top: 180px
    }
}

.tco-print-body {
    background-color: #383938;
    padding: 2em 1em;
    font-size: 16px;
    height: auto
}

@media (max-width:650px) {
    .tco-print-body {
        font-size: 14px
    }
}

@media (max-width:560px) {
    .tco-print-body {
        font-size: 12px
    }
}

@media (max-width:475px) {
    .tco-print-body {
        font-size: 10px
    }
}

@media (max-width:400px) {
    .tco-print-body {
        font-size: 9px
    }
}

.tco-print-paper {
    border-radius: .2em;
    background-color: #fff;
    -webkit-box-shadow: .06em .06em .3em .06em rgba(0, 0, 0, .2);
    box-shadow: .06em .06em .3em .06em rgba(0, 0, 0, .2);
    margin: 0 auto;
    width: 37.5em;
    height: 46.88em;
    font-family: Roboto, san-serif;
    padding: 1.88em 3.13em
}

.tco-print-title {
    font-size: 1.55em;
    font-weight: 700;
    margin-bottom: .23em
}

.tco-print-subtitle {
    font-size: 1.06em;
    margin-bottom: 1.4em
}

.tco-print-label {
    margin-bottom: .4em
}

.tco-print-table {
    margin-bottom: 1.5em;
    width: 100%;
    border-style: hidden;
    -webkit-box-shadow: 0 0 0 .125em #000;
    box-shadow: 0 0 0 .125em #000;
    border-radius: .3em
}

.tco-print-table td,
.tco-print-table th {
    border: .125em solid #000;
    vertical-align: middle;
    padding: .5em 1em
}

.tco-print-table th {
    font-size: 1.05em;
    text-align: right
}

.tco-print-table td {
    font-size: 1.55em;
    font-weight: 700;
    text-align: right;
}

.tco-print-table--code {
    letter-spacing: .15em
}

.tco-print-note-box {
    border: .125em solid #000;
    border-radius: .3em;
    height: 25em;
    text-align: center;
    margin-bottom: 1.5em
}

.tco-print-note-box textarea {
    width: 95%;
    height: 95%;
    margin-top: 1.75%;
    border: none;
    resize: none;
    border-radius: .6em;
    font-size: 1.05em
}

@media (max-width:560px) {
    .tco-print-note-box textarea {
        font-size: 2em
    }
}

.tco-print-note-box textarea:focus {
    outline: none
}

.tco-print-additional-info li {
    margin-bottom: .4em
}

.tco-print-button {
    margin: 0 auto;
    display: block;
    height: 4.4em;
    width: 37.5em;
    margin-top: .8em;
    border-radius: .2em;
    color: #fff;
    background-color: #358e50;
    -webkit-box-shadow: .06em .06em .3em .06em rgba(0, 0, 0, .2);
    box-shadow: .06em .06em .3em .06em rgba(0, 0, 0, .2)
}

.tco-print-button img {
    vertical-align: middle;
    width: 1.2em;
    margin-right: .5em
}

.tco-print-button span {
    font-size: 1.5em;
    vertical-align: middle
}

.tco-print-button:hover {
    background-color: #197937
}

@media print {
    .tco-print-paper {
        border-radius: 0;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        padding: 0 30px;
        width: 100%;
        height: 100%;
        font-size: 18px
    }
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0
}

.article__col-content,
.col-1-1,
.col-1-2,
.col-1-3,
.col-1-4,
.col-1-5,
.col-1-6,
.col-1-7,
.col-1-8,
.col-1-9,
.col-1-10,
.col-1-11,
.col-1-12,
.col-2-3,
.col-2-12,
.col-3-12,
.col-4-12,
.col-5-12,
.col-6-12,
.col-7-12,
.col-8-12,
.col-9-12,
.col-10-12,
.col-11-12,
.col-base {
    float: left;
    min-height: 1px;
    padding-right: 20px
}

.grid,
.grid--small {
    width: 100%;
    max-width: 1140px;
    min-width: 635px;
    margin: 0 auto;
    overflow: hidden
}

.grid--small {
    min-width: auto
}

.grid--small:after,
.grid:after {
    content: "";
    display: table;
    clear: both
}

.grid-pad {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0
}

.push-right {
    float: right
}

.col-1-1 {
    width: 100%
}

.col-2-3,
.col-8-12 {
    width: 66.66%
}

.col-1-2,
.col-6-12 {
    width: 50%
}

.col-1-3,
.col-4-12 {
    width: 33.33%
}

.col-1-4,
.col-3-12 {
    width: 25%
}

.col-1-5 {
    width: 20%
}

.col-1-6,
.col-2-12 {
    width: 16.667%
}

.col-1-7 {
    width: 14.28%
}

.col-1-8 {
    width: 12.5%
}

.col-1-9 {
    width: 11.1%
}

.col-1-10 {
    width: 10%
}

.col-1-11 {
    width: 9.09%
}

.col-1-12 {
    width: 8.33%
}

.col-11-12 {
    width: 91.66%
}

.col-10-12 {
    width: 83.333%
}

.col-9-12 {
    width: 75%
}

.col-5-12 {
    width: 41.66%
}

.col-7-12 {
    width: 58.33%
}

.push-2-3,
.push-8-12 {
    margin-left: 66.66%
}

.push-1-2,
.push-6-12 {
    margin-left: 50%
}

.push-1-3,
.push-4-12 {
    margin-left: 33.33%
}

.push-1-4,
.push-3-12 {
    margin-left: 25%
}

.push-1-5 {
    margin-left: 20%
}

.push-1-6,
.push-2-12 {
    margin-left: 16.667%
}

.push-1-7 {
    margin-left: 14.28%
}

.push-1-8 {
    margin-left: 12.5%
}

.push-1-9 {
    margin-left: 11.1%
}

.push-1-10 {
    margin-left: 10%
}

.push-1-11 {
    margin-left: 9.09%
}

.push-1-12 {
    margin-left: 8.33%
}

@media handheld,
only screen and (max-width:767px) {

    .grid,
    .grid--small {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 5px
    }

    .article__col-content,
    .col-1-1,
    .col-1-2,
    .col-1-3,
    .col-1-4,
    .col-1-5,
    .col-1-6,
    .col-1-7,
    .col-1-8,
    .col-1-9,
    .col-1-10,
    .col-1-11,
    .col-1-12,
    .col-2-3,
    .col-2-12,
    .col-3-12,
    .col-4-12,
    .col-5-12,
    .col-6-12,
    .col-7-12,
    .col-8-12,
    .col-9-12,
    .col-10-12,
    .col-11-12,
    .col-base {
        width: auto;
        float: none;
        margin: 10px 0;
        padding-left: 0;
        padding-right: 10px
    }

    .mobile-col-1-1,
    .mobile-col-1-2,
    .mobile-col-1-3,
    .mobile-col-1-4,
    .mobile-col-1-5,
    .mobile-col-1-6,
    .mobile-col-1-7,
    .mobile-col-1-8,
    .mobile-col-1-9,
    .mobile-col-1-10,
    .mobile-col-1-11,
    .mobile-col-1-12,
    .mobile-col-2-3,
    .mobile-col-2-12,
    .mobile-col-3-12,
    .mobile-col-4-12,
    .mobile-col-5-12,
    .mobile-col-6-12,
    .mobile-col-7-12,
    .mobile-col-8-12,
    .mobile-col-9-12,
    .mobile-col-10-12,
    .mobile-col-11-12,
    .mobile-col-base {
        float: left;
        margin: 0 0 10px;
        padding-left: 0;
        padding-right: 10px;
        padding-bottom: 0
    }

    .mobile-col-1-1 {
        width: 100%
    }

    .mobile-col-2-3,
    .mobile-col-8-12 {
        width: 66.66%
    }

    .mobile-col-1-2,
    .mobile-col-6-12 {
        width: 50%
    }

    .mobile-col-1-3,
    .mobile-col-4-12 {
        width: 33.33%
    }

    .mobile-col-1-4,
    .mobile-col-3-12 {
        width: 25%
    }

    .mobile-col-1-5 {
        width: 20%
    }

    .mobile-col-1-6,
    .mobile-col-2-12 {
        width: 16.667%
    }

    .mobile-col-1-7 {
        width: 14.28%
    }

    .mobile-col-1-8 {
        width: 12.5%
    }

    .mobile-col-1-9 {
        width: 11.1%
    }

    .mobile-col-1-10 {
        width: 10%
    }

    .mobile-col-1-11 {
        width: 9.09%
    }

    .mobile-col-1-12 {
        width: 8.33%
    }

    .mobile-col-11-12 {
        width: 91.66%
    }

    .mobile-col-10-12 {
        width: 83.333%
    }

    .mobile-col-9-12 {
        width: 75%
    }

    .mobile-col-5-12 {
        width: 41.66%
    }

    .mobile-col-7-12 {
        width: 58.33%
    }
}

.float-l {
    float: left
}

.float-r {
    float: right
}

.inline {
    display: inline-block
}

.clear {
    clear: both
}

.clear-none {
    clear: none
}

.hide {
    display: none
}

.w-47 {
    width: 47%
}

.w-100 {
    width: 100%
}

.max-w-100 {
    max-width: 100%
}

.min-w-100 {
    min-width: 100%
}

.wide-hr {
    width: 100%;
    margin: 0
}

@media handheld,
only screen and (max-width:767px) {
    .hide-on-grid-collapse {
        display: none !important;
        width: 0;
        height: 0
    }
}

@media (max-width:729px) {
    .tablet-center {
        float: none;
        display: block;
        margin: 0 auto
    }

    .tablet-center-inline {
        text-align: center
    }

    .hide-tablet {
        display: none
    }
}

@media (max-width:525px) {
    .hide-mobile {
        display: none
    }
}

.center-block {
    margin: 0 auto;
    display: table
}

.center-transform {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.center-margin {
    margin: 0 auto
}

.table {
    display: table
}

.row {
    display: table-row
}

.cell {
    display: table-cell
}

div#preload {
    display: none
}

.border-t {
    border-top: 1px solid #bfbfbf
}

.borderless {
    border: 0
}

.content-type-btn,
.grid-nav-btn,
.grid-nav-btn--extra--wide,
.grid-nav-btn--wide,
.rounded-element,
.sub-buttons {
    border-radius: 4px
}

.right-m__item-head,
.rounded-element--top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.rounded-element--right,
.sub-buttons li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.content-type-btn--has-results span,
.right-m__item-list>a:last-child,
.right-m__plans>div,
.rounded-element--bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.card--mini img,
.rounded-element--left,
.sub-buttons li:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.device__info-table,
.device__info-table--small,
.grid-nav-btn,
.grid-nav-btn--extra--wide,
.grid-nav-btn--wide,
.shadow {
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2)
}

.shadowless {
    -webkit-box-shadow: none;
    box-shadow: none
}

.shadow-padding {
    padding-bottom: 5px
}

.hamburger_link:hover,
.left-m__filter-list a:hover,
.page-num__next--simple:hover,
.page-num__next:hover,
.page-num__previous--simple:hover,
.page-num__previous:hover,
.right-m__item-button:hover,
.selected,
.sub-buttons li:hover {
    background-color: #358e50;
    border-color: #197937;
    color: #fff
}

.card--it .card--it-title,
.card__title h2,
.ellipsis,
.grid-nav-btn--extra--wide span,
.grid-nav-btn--wide span,
.grid-nav-btn span,
.left-col--wide a,
.left-m__filter-button,
.mini-card__title,
.modal-header,
.right-m__item-button>.right-m__item-button--title,
.tco-index-table .tco-index-table--tool,
.topbar__dropdown ul li a,
.topbar__dropdown ul li button {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align: right;
}

.nowrap {
    white-space: nowrap
}

.center-img {
    max-width: 100%;
    display: block;
    margin: 0 auto 30px
}

.notification,
.notification--alert,
.notification--success,
.notification--warning {
    padding: 10px;
    margin: 20px 30px 0;
    border-radius: 3px;
    border: 2px solid #000;
    text-align: center;
    color: #fff;
    line-height: 24px
}

.notification--success {
    background-color: #358e50;
    border-color: #197937
}

.notification--alert {
    color: #000;
    background-color: #ffffcb;
    border-color: #dedea1
}

.notification--warning {
    background-color: #ce3d3d;
    border-color: #7b2424
}

.bg-standard {
    background-color: #e4e4e4
}

.bg-standard--light {
    background-color: #f3f3f3
}

.bg-white {
    background-color: #fff
}

.bg-body-color {
    background-color: #fdfdfd
}

.bg-mid-gray {
    background-color: #f1f1f1
}

.bg-yellow-primary {
    background-color: #ffffcb
}

.bg-dark {
    background-color: #383938
}

.bg-blue-primary {
    background-color: #486692
}

.bg-blue-accent {
    background-color: #344c6d
}

.pointer {
    cursor: pointer
}

.no-click {
    pointer-events: none
}

.screen-click-blocker {
    position: fixed;
    top: 0;
    left: 0;
    width: 102%;
    height: 102%;
    z-index: 999
}

.opacity-40 {
    opacity: .4
}

@media print {
    .print-hide {
        display: none
    }	
}

.text-body p:not(:last-child) {
    margin-bottom: 30px
}

.text-body--compact {
    font-size: 16px;
    line-height: 26px
}

.text-body--compact p:not(:last-child) {
    margin-bottom: 20px
}

.text-body--simple {
    font-size: 16px;
    line-height: 26px
}

.text-body--simple p:not(:last-child) {
    margin-bottom: 20px
}

.text-body--simple h1 {
    font-family: Roboto Slab, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 60px;
    text-align: center
}

.text-body--simple h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px
}

.text-body--simple h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #333
}

.black-text-link {
    text-decoration: underline;
    color: #000
}

.text-large {
    font-size: 19px;
    line-height: 32px
}

.header,
.text-medium {
    font-size: 17px;
    line-height: 30px
}

.text-small {
    font-size: 15px;
    line-height: 26px
}

.line-height-standard {
    line-height: 140%
}

.text-icon--md {
    float: left;
    width: 60px;
    padding: 10px 15px 10px 5px
}

.minor-note {
    opacity: .8;
    font-size: .8em
}

.attribution {
    font-style: italic;
    font-size: 16px;
    text-align: right;
    color: #333;
    width: 100%;
    margin-bottom: 30px;
    display: block
}

.text-link {
    text-decoration: underline;
    color: green;
    font-weight: 800
}

.text-link--light {
    text-decoration: underline;
    color: #91ff91
}

.title-center {
    line-height: 36px;
    font-size: 28px;
    text-align: center;
    margin-bottom: 12px
}

.title-center,
.title-left {
    font-family: Roboto Slab, sans-serif
}

.title-left {
    font-size: 24px;
    margin: 20px 0 10px
}

.white {
    color: #fff
}

.black {
    color: #000
}

.black-ish {
    color: #383938
}

.green {
    color: #2d8046
}

.light-green {
    color: #91ff91
}

.red {
    color: #ce3d3d
}

.title-font {
    font-family: Roboto Slab, sans-serif
}

.bold {
    font-weight: 800
}

.italic {
    font-style: italic
}

.underline {
    text-decoration: underline
}

.left {
    text-align: left
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.element-spacing {
    margin-top: 18px
}

.element-spacing--b {
    margin-bottom: 18px
}

.element-padding-sm,
.header {
    padding: 10px
}

.element-padding-md {
    padding: 20px
}

.element-padding-lg {
    padding: 20px 30px
}

.paragraph-spacing {
    margin-bottom: 30px
}

@media (max-width:425px) {

    .element-padding-sm,
    .header {
        padding: 8px
    }

    .element-padding-md {
        padding: 10px
    }

    .element-padding-lg {
        padding: 20px
    }
}

.margin-t-5 {
    margin-top: 5px
}

.margin-t-7 {
    margin-top: 7px
}

.margin-t-10 {
    margin-top: 10px
}

.margin-t-12 {
    margin-top: 12px
}

.margin-t-15 {
    margin-top: 15px
}

.margin-t-20 {
    margin-top: 20px
}

.margin-t-25 {
    margin-top: 25px
}

.margin-t-30 {
    margin-top: 30px
}

.margin-t-50 {
    margin-top: 50px
}

.margin-b-5 {
    margin-bottom: 5px
}

.margin-b-7 {
    margin-bottom: 7px
}

.margin-b-10 {
    margin-bottom: 10px
}

.margin-b-15 {
    margin-bottom: 15px
}

.margin-b-20 {
    margin-bottom: 20px
}

.margin-b-25 {
    margin-bottom: 25px
}

.margin-b-30 {
    margin-bottom: 30px
}

.margin-b-50 {
    margin-bottom: 50px
}

.margin-l-5 {
    margin-left: 5px
}

.margin-l-10 {
    margin-left: 10px
}

.margin-l-15 {
    margin-left: 15px
}

.margin-l-20 {
    margin-left: 20px
}

.margin-l-25 {
    margin-left: 25px
}

.margin-r-5 {
    margin-right: 5px
}

.margin-r-10 {
    margin-right: 10px
}

.margin-r-15 {
    margin-right: 15px
}

.margin-r-20 {
    margin-right: 20px
}

.margin-r-25 {
    margin-right: 25px
}

.margin-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.margin-tb-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.margin-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.margin-lr-12 {
    margin-left: 12px;
    margin-right: 12px
}

.margin-lr-20 {
    margin-left: 20px;
    margin-right: 20px
}

.padding-b-10 {
    padding-bottom: 10px
}

.padding-b-30 {
    padding-bottom: 30px
}

.padding-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.padding-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.padding-tb-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.padding-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.padding-lr-10 {
    padding-left: 10px;
    padding-right: 10px
}

.padding-lr-15 {
    padding-left: 15px;
    padding-right: 15px
}

.padding-lr-20 {
    padding-left: 20px;
    padding-right: 20px
}

.padding-lr-30 {
    padding-left: 30px;
    padding-right: 30px
}

.padding-20 {
    padding: 20px
}

.spacer-5 {
    height: 5px
}

.spacer-10 {
    height: 10px
}

.spacer-20 {
    height: 20px
}

.spacer-30 {
    height: 30px
}

.spacer-40 {
    height: 40px
}

.spacer-50 {
    height: 50px
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    color: #000;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%
}

html a {
    text-decoration: none;
    color: #000
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    line-height: 1;
    height: 100%;
    background-color: #f0f0f0
}

hr {
    color: #bfbfbf;
    background: #bfbfbf;
    height: 1px;
    width: 90%;
    border: none
}

button {
    outline: 0;
    border: 0 none
}

ol,
ul {
    list-style-position: inside
}

.body-color {
    background-color: #fdfdfd
}

.body-color--light {
    background-color: #fff
}

.element--dark {
    background-color: #383938;
    color: #dfdfdf
}

.sticky-notice {
    border: 2px solid;
    padding: 8px;
    line-height: 25px;
    display: block;
    bottom: 15px;
    left: 15px;
    position: fixed;
    width: 326px
}

.left-col--wide {
    width: 100%;
    background-color: #fdfdfd
}

.left-col--wide a:not(:last-child) {
    border-bottom: 1px solid #e8e8e8
}

.left-col--wide a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.left-col--wide a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.left-col--wide a {
    position: relative;
    display: block;
    padding: 15px 33px 15px 10px
}

.left-col--wide a:hover {
    background-color: #358e50;
    color: #fff
}

.left-col--wide a:hover .arrow-right-icon,
.left-col--wide a:hover .arrow-right-icon--selected {
    background-position: 0 -18px
}

.weglot-default {
 display:none;   
}