/*Normalize, border box and clearfix */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

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

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

[hidden] {
    display: none;
}

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

a:focus {
    outline: thin dotted;
}

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

h1 {
    font-size: 2em;
}

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

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

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

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

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: \201C \201D \2018 \2019;
}

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;
}

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

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

button, input {
    line-height: normal;
}

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

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

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

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -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;
        }

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

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

body, figure {
    margin: 0;
}

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

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

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

* html .clearfix {
    height: 1%;
}

img {
    max-width: 100%;
}

*, *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

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

    .container:after {
        clear: both;
    }

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

    .container:after {
        clear: both;
    }

.hide-sm {
    display: none;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

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

    .row:after {
        clear: both;
    }

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

    .row:after {
        clear: both;
    }

.xs-1,
.sm-1,
.md-1,
.lg-1,
.xs-2,
.sm-2,
.md-2,
.lg-2,
.xs-3,
.sm-3,
.md-3,
aside,
.lg-3,
.xs-4,
.sm-4,
.md-4,
.sidebar-menu,
.lg-4,
.xs-5,
.sm-5,
.md-5,
.lg-5,
.xs-6,
.sm-6,
.md-6,
.lg-6,
.xs-7,
.sm-7,
.md-7,
.col,
.col-left,
.lg-7,
.xs-8,
.sm-8,
.md-8,
section,
.col-med,
.lg-8,
.xs-9,
.sm-9,
.md-9,
.lg-9,
.xs-10,
.sm-10,
.md-10,
.col-lg,
.lg-10,
.xs-11,
.sm-11,
.md-11,
.lg-11,
.xs-12,
.full,
section,
.col-lg,
.col-med,
.col,
aside,
.sm-12,
.md-12,
.lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.xs-1,
.xs-2,
.xs-3,
.xs-4,
.xs-5,
.xs-6,
.xs-7,
.xs-8,
.xs-9,
.xs-10,
.xs-11,
.xs-12,
.full,
section,
.col-lg,
.col-med,
.col,
aside {
    float: left;
}

.xs-12, .full, section, .col-lg, .col-med, .col, aside {
    width: 100%;
}

.xs-11 {
    width: 91.66666666666666%;
}

.xs-10 {
    width: 83.33333333333334%;
}

.xs-9 {
    width: 75%;
}

.xs-8 {
    width: 66.66666666666666%;
}

.xs-7 {
    width: 58.333333333333336%;
}

.xs-6 {
    width: 50%;
}

.xs-5 {
    width: 41.66666666666667%;
}

.xs-4 {
    width: 33.33333333333333%;
}

.xs-3 {
    width: 25%;
}

.xs-2 {
    width: 16.666666666666664%;
}

.xs-1 {
    width: 8.333333333333332%;
}

.xs-pull-12 {
    right: 100%;
}

.xs-pull-11 {
    right: 91.66666666666666%;
}

.xs-pull-10 {
    right: 83.33333333333334%;
}

.xs-pull-9 {
    right: 75%;
}

.xs-pull-8 {
    right: 66.66666666666666%;
}

.xs-pull-7 {
    right: 58.333333333333336%;
}

.xs-pull-6 {
    right: 50%;
}

.xs-pull-5 {
    right: 41.66666666666667%;
}

.xs-pull-4 {
    right: 33.33333333333333%;
}

.xs-pull-3 {
    right: 25%;
}

.xs-pull-2 {
    right: 16.666666666666664%;
}

.xs-pull-1 {
    right: 8.333333333333332%;
}

.xs-pull-0 {
    right: 0;
}

.xs-push-12 {
    left: 100%;
}

.xs-push-11 {
    left: 91.66666666666666%;
}

.xs-push-10 {
    left: 83.33333333333334%;
}

.xs-push-9 {
    left: 75%;
}

.xs-push-8 {
    left: 66.66666666666666%;
}

.xs-push-7 {
    left: 58.333333333333336%;
}

.xs-push-6 {
    left: 50%;
}

.xs-push-5 {
    left: 41.66666666666667%;
}

.xs-push-4 {
    left: 33.33333333333333%;
}

.xs-push-3 {
    left: 25%;
}

.xs-push-2 {
    left: 16.666666666666664%;
}

.xs-push-1 {
    left: 8.333333333333332%;
}

.xs-push-0 {
    left: 0;
}

.xs-offset-12 {
    margin-left: 100%;
}

.xs-offset-11 {
    margin-left: 91.66666666666666%;
}

.xs-offset-10 {
    margin-left: 83.33333333333334%;
}

.xs-offset-9 {
    margin-left: 75%;
}

.xs-offset-8 {
    margin-left: 66.66666666666666%;
}

.xs-offset-7 {
    margin-left: 58.333333333333336%;
}

.xs-offset-6 {
    margin-left: 50%;
}

.xs-offset-5 {
    margin-left: 41.66666666666667%;
}

.xs-offset-4 {
    margin-left: 33.33333333333333%;
}

.xs-offset-3 {
    margin-left: 25%;
}

.xs-offset-2 {
    margin-left: 16.666666666666664%;
}

.xs-offset-1 {
    margin-left: 8.333333333333332%;
}

.xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .sm-1,
    .sm-2,
    .sm-3,
    .sm-4,
    .sm-5,
    .sm-6,
    .sm-7,
    .sm-8,
    .sm-9,
    .sm-10,
    .sm-11,
    .sm-12 {
        float: left;
    }

    .sm-12 {
        width: 100%;
    }

    .sm-11 {
        width: 91.66666666666666%;
    }

    .sm-10 {
        width: 83.33333333333334%;
    }

    .sm-9 {
        width: 75%;
    }

    .sm-8 {
        width: 66.66666666666666%;
    }

    .sm-7 {
        width: 58.333333333333336%;
    }

    .sm-6 {
        width: 50%;
    }

    .sm-5 {
        width: 41.66666666666667%;
    }

    .sm-4 {
        width: 33.33333333333333%;
    }

    .sm-3 {
        width: 25%;
    }

    .sm-2 {
        width: 16.666666666666664%;
    }

    .sm-1 {
        width: 8.333333333333332%;
    }

    .sm-pull-12 {
        right: 100%;
    }

    .sm-pull-11 {
        right: 91.66666666666666%;
    }

    .sm-pull-10 {
        right: 83.33333333333334%;
    }

    .sm-pull-9 {
        right: 75%;
    }

    .sm-pull-8 {
        right: 66.66666666666666%;
    }

    .sm-pull-7 {
        right: 58.333333333333336%;
    }

    .sm-pull-6 {
        right: 50%;
    }

    .sm-pull-5 {
        right: 41.66666666666667%;
    }

    .sm-pull-4 {
        right: 33.33333333333333%;
    }

    .sm-pull-3 {
        right: 25%;
    }

    .sm-pull-2 {
        right: 16.666666666666664%;
    }

    .sm-pull-1 {
        right: 8.333333333333332%;
    }

    .sm-pull-0 {
        right: 0;
    }

    .sm-push-12 {
        left: 100%;
    }

    .sm-push-11 {
        left: 91.66666666666666%;
    }

    .sm-push-10 {
        left: 83.33333333333334%;
    }

    .sm-push-9 {
        left: 75%;
    }

    .sm-push-8 {
        left: 66.66666666666666%;
    }

    .sm-push-7 {
        left: 58.333333333333336%;
    }

    .sm-push-6 {
        left: 50%;
    }

    .sm-push-5 {
        left: 41.66666666666667%;
    }

    .sm-push-4 {
        left: 33.33333333333333%;
    }

    .sm-push-3 {
        left: 25%;
    }

    .sm-push-2 {
        left: 16.666666666666664%;
    }

    .sm-push-1 {
        left: 8.333333333333332%;
    }

    .sm-push-0 {
        left: 0;
    }

    .sm-offset-12 {
        margin-left: 100%;
    }

    .sm-offset-11 {
        margin-left: 91.66666666666666%;
    }

    .sm-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .sm-offset-9 {
        margin-left: 75%;
    }

    .sm-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .sm-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .sm-offset-6 {
        margin-left: 50%;
    }

    .sm-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .sm-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .sm-offset-3 {
        margin-left: 25%;
    }

    .sm-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .sm-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .sm-offset-0 {
        margin-left: 0;
    }

    .hide-sm {
        display: block;
        height: 83px;
    }
}

@media (min-width: 992px) {
    .md-1,
    .md-2,
    .md-3,
    aside,
    .md-4,
    .sidebar-menu,
    .md-5,
    .md-6,
    .md-7,
    .col,
    .col-left,
    .md-8,
    section,
    .col-med,
    .md-9,
    .md-10,
    .col-lg,
    .md-11,
    .md-12 {
        float: left;
    }

    .md-12 {
        width: 100%;
    }

    .md-11 {
        width: 91.66666666666666%;
    }

    .md-10, .col-lg {
        width: 83.33333333333334%;
    }

    .md-9 {
        width: 75%;
    }

    .md-8, section, .col-med {
        width: 66.66666666666666%;
    }

    .md-7, .col, .col-left {
        width: 58.333333333333336%;
    }

    .md-6 {
        width: 50%;
    }

    .md-5 {
        width: 41.66666666666667%;
    }

    .md-4, .sidebar-menu {
        width: 33.33333333333333%;
    }

    .md-3, aside {
        width: 25%;
    }

    .md-2 {
        width: 16.666666666666664%;
    }

    .md-1 {
        width: 8.333333333333332%;
    }

    .md-pull-12 {
        right: 100%;
    }

    .md-pull-11 {
        right: 91.66666666666666%;
    }

    .md-pull-10 {
        right: 83.33333333333334%;
    }

    .md-pull-9 {
        right: 75%;
    }

    .md-pull-8 {
        right: 66.66666666666666%;
    }

    .md-pull-7 {
        right: 58.333333333333336%;
    }

    .md-pull-6 {
        right: 50%;
    }

    .md-pull-5 {
        right: 41.66666666666667%;
    }

    .md-pull-4 {
        right: 33.33333333333333%;
    }

    .md-pull-3 {
        right: 25%;
    }

    .md-pull-2 {
        right: 16.666666666666664%;
    }

    .md-pull-1 {
        right: 8.333333333333332%;
    }

    .md-pull-0 {
        right: 0;
    }

    .md-push-12 {
        left: 100%;
    }

    .md-push-11 {
        left: 91.66666666666666%;
    }

    .md-push-10 {
        left: 83.33333333333334%;
    }

    .md-push-9 {
        left: 75%;
    }

    .md-push-8 {
        left: 66.66666666666666%;
    }

    .md-push-7 {
        left: 58.333333333333336%;
    }

    .md-push-6 {
        left: 50%;
    }

    .md-push-5 {
        left: 41.66666666666667%;
    }

    .md-push-4 {
        left: 33.33333333333333%;
    }

    .md-push-3 {
        left: 25%;
    }

    .md-push-2 {
        left: 16.666666666666664%;
    }

    .md-push-1 {
        left: 8.333333333333332%;
    }

    .md-push-0 {
        left: 0;
    }

    .md-offset-12 {
        margin-left: 100%;
    }

    .md-offset-11 {
        margin-left: 91.66666666666666%;
    }

    .md-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .md-offset-9 {
        margin-left: 75%;
    }

    .md-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .md-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .md-offset-6 {
        margin-left: 50%;
    }

    .md-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .md-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .md-offset-3 {
        margin-left: 25%;
    }

    .md-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .md-offset-1, .col-left {
        margin-left: 8.333333333333332%;
    }

    .md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .lg-1,
    .lg-2,
    .lg-3,
    .lg-4,
    .lg-5,
    .lg-6,
    .lg-7,
    .lg-8,
    .lg-9,
    .lg-10,
    .lg-11,
    .lg-12 {
        float: left;
    }

    .lg-12 {
        width: 100%;
    }

    .lg-11 {
        width: 91.66666666666666%;
    }

    .lg-10 {
        width: 83.33333333333334%;
    }

    .lg-9 {
        width: 75%;
    }

    .lg-8 {
        width: 66.66666666666666%;
    }

    .lg-7 {
        width: 58.333333333333336%;
    }

    .lg-6 {
        width: 50%;
    }

    .lg-5 {
        width: 41.66666666666667%;
    }

    .lg-4 {
        width: 33.33333333333333%;
    }

    .lg-3 {
        width: 25%;
    }

    .lg-2 {
        width: 16.666666666666664%;
    }

    .lg-1 {
        width: 8.333333333333332%;
    }

    .lg-pull-12 {
        right: 100%;
    }

    .lg-pull-11 {
        right: 91.66666666666666%;
    }

    .lg-pull-10 {
        right: 83.33333333333334%;
    }

    .lg-pull-9 {
        right: 75%;
    }

    .lg-pull-8 {
        right: 66.66666666666666%;
    }

    .lg-pull-7 {
        right: 58.333333333333336%;
    }

    .lg-pull-6 {
        right: 50%;
    }

    .lg-pull-5 {
        right: 41.66666666666667%;
    }

    .lg-pull-4 {
        right: 33.33333333333333%;
    }

    .lg-pull-3 {
        right: 25%;
    }

    .lg-pull-2 {
        right: 16.666666666666664%;
    }

    .lg-pull-1 {
        right: 8.333333333333332%;
    }

    .lg-pull-0 {
        right: 0;
    }

    .lg-push-12 {
        left: 100%;
    }

    .lg-push-11 {
        left: 91.66666666666666%;
    }

    .lg-push-10 {
        left: 83.33333333333334%;
    }

    .lg-push-9 {
        left: 75%;
    }

    .lg-push-8 {
        left: 66.66666666666666%;
    }

    .lg-push-7 {
        left: 58.333333333333336%;
    }

    .lg-push-6 {
        left: 50%;
    }

    .lg-push-5 {
        left: 41.66666666666667%;
    }

    .lg-push-4 {
        left: 33.33333333333333%;
    }

    .lg-push-3 {
        left: 25%;
    }

    .lg-push-2 {
        left: 16.666666666666664%;
    }

    .lg-push-1 {
        left: 8.333333333333332%;
    }

    .lg-push-0 {
        left: 0;
    }

    .lg-offset-12 {
        margin-left: 100%;
    }

    .lg-offset-11 {
        margin-left: 91.66666666666666%;
    }

    .lg-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .lg-offset-9 {
        margin-left: 75%;
    }

    .lg-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .lg-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .lg-offset-6 {
        margin-left: 50%;
    }

    .lg-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .lg-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .lg-offset-3 {
        margin-left: 25%;
    }

    .lg-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .lg-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .lg-offset-0 {
        margin-left: 0;
    }
}

.btn, .btn-simple, .btn-small, .btn-secondary, .btn-secondary-lt, .btn-emphasis, .btn-overlay, .btn-form {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 900;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    background-color: #01a37e;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 15px 30px 17px 20px;
    letter-spacing: .09em;
}

    .btn:hover, .btn-simple:hover, .btn-small:hover, .btn-secondary:hover, .btn-secondary-lt:hover, .btn-emphasis:hover, .btn-overlay:hover, .btn-form:hover, .btn:focus, .btn-simple:focus, .btn-small:focus, .btn-secondary:focus, .btn-secondary-lt:focus, .btn-emphasis:focus, .btn-overlay:focus, .btn-form:focus, .btn.focus, .focus.btn-simple, .focus.btn-small, .focus.btn-secondary, .focus.btn-secondary-lt, .focus.btn-emphasis, .focus.btn-overlay, .focus.btn-form {
        background-color: #00705b;
        text-decoration: none;
    }

    .btn a, .btn-simple a, .btn-small a, .btn-secondary a, .btn-secondary-lt a, .btn-emphasis a, .btn-overlay a, .btn-form a {
        color: #ffffff;
        position: relative;
        top: 0;
    }

        .btn a:hover, .btn-simple a:hover, .btn-small a:hover, .btn-secondary a:hover, .btn-secondary-lt a:hover, .btn-emphasis a:hover, .btn-overlay a:hover, .btn-form a:hover, .btn a:focus, .btn-simple a:focus, .btn-small a:focus, .btn-secondary a:focus, .btn-secondary-lt a:focus, .btn-emphasis a:focus, .btn-overlay a:focus, .btn-form a:focus {
            color: #ffffff;
        }

    .btn img, .btn-simple img, .btn-small img, .btn-secondary img, .btn-secondary-lt img, .btn-emphasis img, .btn-overlay img, .btn-form img {
        position: relative;
        top: 3px;
        left: 15px;
    }

.btn-simple, .btn-small {
    padding: 14px 30px 15px 30px;
    height: 54px;
}

    .btn-simple a, .btn-small a {
        font-weight: 400;
        text-decoration: none;
        font-size: 14px;
        position: relative;
        top: 0px;
    }

.btn-small {
    width: 130px;
    padding: initial;
    margin-right: 15px;
}

.btn-secondary {
    background-color: #007076;
    padding: 15px 24px 17px;
}

    .btn-secondary:hover, .btn-secondary:focus {
        background-color: #2ca5aa;
    }

    .btn-secondary img {
        left: 0;
        margin-left: 40px;
    }

.btn-secondary-lt {
    background-color: #2ca5aa;
}

    .btn-secondary-lt:hover, .btn-secondary-lt:focus {
        background-color: #007076;
    }

.btn-emphasis {
    background-color: #f7941d;
}

    .btn-emphasis:hover, .btn-emphasis:focus {
        background-color: #d96200;
    }

.btn-overlay {
    background-color: #00705b;
    color: #ffffff;
}

    .btn-overlay:hover, .btn-overlay:focus {
        color: #00705b;
        background-color: #ffffff;
    }

.btn-form {
    background-color: #B4B4B4;
}

    .btn-form:hover, .btn-form:focus {
        background-color: #007076;
    }

.btn.submit, .submit.btn-simple, .submit.btn-small, .submit.btn-secondary, .submit.btn-secondary-lt, .submit.btn-emphasis, .submit.btn-overlay, .submit.btn-form {
    background-color: #01a37e;
    height: 54px;
    padding: 15px 25px 17px 25px;
    float: right;
}

    .btn.submit a, .submit.btn-simple a, .submit.btn-small a, .submit.btn-secondary a, .submit.btn-secondary-lt a, .submit.btn-emphasis a, .submit.btn-overlay a, .submit.btn-form a {
        font-weight: 400;
        color: #ffffff;
        text-decoration: none;
    }

body {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #24282C;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 300;
    background-color: #ffffff;
}

p {
    padding: 10px 0;
}

    p.desc {
        font-size: 14px;
        font-style: italic;
        font-family: "Merriweather", Georgia, Times, serif;
        font-weight: 400;
        color: #E5E6E7;
    }

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

h1, h2, h3, h4, h5 {
    line-height: 30px;
}

h1 {
    color: #01a37e;
    font-size: 41px;
    font-weight: 700;
    line-height: 52px;
    margin-bottom: 24px;
}

h2 {
    color: #00705b;
    font-size: 28px;
    margin: 30px 0 10px 0;
    font-weight: 700;
    line-height: 38px;
}

h3 {
    color: #01a37e;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 30px 0 8px 0;
}

h4,
h4 a {
    color: #01a37e;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin: 16px 0 8px 0;
}

    h4:hover,
    h4 a:hover {
        color: #00705b;
    }

    h4.no-hover {
        color: #01a37e;
        clear: both;
    }

    h4.lg-margin {
        margin: 26px 0 18px;
    }

h5 {
    color: #01a37e;
    font-size: 16px;
    font-weight: 400;
}

h1.heading {
    font-size: 32px;
    font-weight: 900;
    color: #24282C;
    line-height: 1.3;
}

h2.heading {
    font-size: 34px;
    font-weight: 100;
    color: #01a37e;
}

h3.heading {
    font-size: 20px;
    font-weight: 900;
    color: #24282C;
}

h4.heading {
    font-size: 18px;
    font-weight: 900;
    color: #24282C;
}

a {
    outline: 0;
    color: #01a37e;
    text-decoration: underline;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
}

    a:hover, a:focus {
        color: #00705b;
    }

    a.bold,
    .bold {
        font-weight: 700 !important;
    }

ul li {
    /*list-style: none;*/
}

.trademark {
    position: relative;
    font-weight: 400;
    top: -1px;
    font-size: 30px;
}

.trademark-small {
    font-weight: 100;
    font-size: 20px;
}

.reg {
    font-size: 24px;
    position: relative;
    left: -8px;
    margin-right: -7px;
}

.detail {
    color: #a0a0a0;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 19px;
    padding: 8px 0 16px 0;
    display: inline;
}

.detail-link {
    color: #C7C1C1;
    font-weight: 700;
    text-transform: uppercase;
    top: 20px;
    position: relative;
    font-size: 13px;
    letter-spacing: 1px;
}

    .detail-link:first-of-type {
        border-right: 2px solid #C7C1C1;
        padding-right: 14px;
    }

.detail-list {
    position: relative;
    top: 13px;
}

.orange-light {
    color: #f7941d;
}

.brand-dark {
    color: #00705b !important;
}


.sub-text {
    color: #B4B4B4;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
}

    .sub-text span {
        color: #01a37e;
    }

        .sub-text span.black {
            color: #000;
        }

.star-container .sub-text span {
    color: #B4B4B4;
}

p.italics {
    font-style: italic;
}

.gray-inactive {
    color: #E5E6E7;
    margin-bottom: 40px;
}

.black {
    color: #000;
}

.color-link,
.color-text {
    color: #01a37e;
    text-decoration: none;
}

.color-text-important {
    color: #01a37e !important;
    text-decoration: none;
}

p.small {
    font-size: 14px !important;
    font-weight: 300 !important;
    margin-top: 10px;
}

    p.small a {
        font-size: 14px;
    }

p.info, p.info a, span.info {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.gray-italic {
    color: #B4B4B4;
    font-style: italic;
}

.table-headers p {
    font-weight: 700 !important;
}

body {
    overflow-x: hidden;
}

.noscroll {
    position: static;
    overflow: hidden;
}

main {
    margin: 0 auto;
    position: relative;
}

.full {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0 0;
}

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

section {
    float: none;
    margin: 0 auto;
}

.small-col {
    margin-bottom: 80px !important;
}

.short-container .footer-links {
    margin-top: 12%;
}

.col-lg {
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    margin: 0 auto;
}

    .col-lg:after {
        content: "";
        display: table;
        clear: both;
    }

.col-med {
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    margin: 0 auto;
}

    .col-med:after {
        content: "";
        display: table;
        clear: both;
    }

.col-left h1 {
    clear: both;
}

aside {
    margin-left: 0px;
    margin-right: 0px;
}

    aside:after {
        content: "";
        display: table;
        clear: both;
    }

.sidebar-menu {
    margin-left: 0px;
    margin-right: 0px;
}

    .sidebar-menu:after {
        content: "";
        display: table;
        clear: both;
    }

.fluid-left {
    float: left;
    width: 62%;
    margin-left: 8.333333333333332%;
    position: relative;
}

.fluid-left--narrow {
    width: 55%;
}

footer:after {
    content: "";
    display: table;
    clear: both;
}

.gray {
    background-color: #f0f0f0;
}

.gray-text {
    color: #b4b4b4;
}

.brand {
    color: #01a37e;
}

.padding {
    padding: 3% 0;
    clear: both;
}

.padding-sm {
    padding: 10px 0;
    clear: both;
}

.date {
    color: #C7C1C1;
    font-style: italic;
}

.centered {
    text-align: center;
    margin: 0 auto;
}

.right {
    text-align: right;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.va {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

textarea:focus, input:focus {
    outline: 0;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

.icon-small {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
}

.icon {
    width: 25px;
    height: 25px;
}

.icon-large {
    width: 45px;
}

.icon-xlarge {
    max-height: 60px;
    max-width: 70px;
}

.icon-inline {
    position: relative;
    top: 6px;
    margin: 0 10px;
}

.img-sm {
    max-width: 80px;
    max-height: 80px;
}

.icon-right {
    margin: 0 10px 0 0;
}

.block-list {
    padding-bottom: 40px;
}

    .block-list li {
        list-style: none;
    }

    .block-list .block-item, .block-list a.block-item {
        padding: 10px 30px;
        background-color: #f0f0f0;
        color: #01a37e;
        float: left;
        margin: 2px;
        font-size: 14px;
        font-weight: 400;
        transition: background-color 0.5s ease;
        text-decoration: none;
    }

.block-item:hover, a.block-item:hover {
    background-color: #01a37e;
    color: #ffffff;
}

.block-list-small {
    padding-top: 20px;
}

    .block-list-small .block-item {
        padding: 7px 20px;
        font-size: 12px;
    }

/*
.bulleted-list {
    padding: 10px 0 0 40px;
}

    .bulleted-list li {
        padding: 5px 0;
        text-indent: 0;
        font-size: 16px;
        position: relative;
    }

        .bulleted-list li:before {
            background-image: url("../i/00-dot-icon.png");
            content: "";
            position: absolute;
            left: -26px;
            top: 8px;
            background-size: 10px 20px;
            width: 6px;
            height: 15px;
        }

    .bulleted-list .sub-list {
        padding: 10px 0 10px 40px;
    }

        .bulleted-list .sub-list li {
            position: relative;
        }

            .bulleted-list .sub-list li:before {
                background-image: url("../i/level-two-dot.png");
                content: "";
                position: absolute;
                left: -26px;
                top: 8px;
                background-size: 10px 20px;
                width: 6px;
                height: 15px;
            }
*/
ol.ordered-list {
    margin: 0;
}

    ol.ordered-list li {
        text-indent: 0;
    }

.star-container {
    position: relative;
}

    .star-container img.star-swap {
        position: absolute;
        width: 35px;
        left: -55px;
        top: 5px;
    }

    .star-container img.share {
        width: 30px;
    }

.icon-container {
    position: absolute;
    width: 35px;
    left: -65px;
    text-align: center;
    top: 10px;
}

    .icon-container img {
        margin-bottom: 10px;
    }

    .icon-container .share-icon {
        width: 30px;
    }

    .icon-container.no-top {
        top: auto;
    }

.language-select-header .icon-container {
    top: 0;
}

.content-list {
    clear: both;
}

    .content-list h4 {
        margin: 4px 100px 2px 0;
    }

    .content-list p {
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .content-list .star-container {
        position: initial;
    }

        .content-list .star-container img.star-swap {
            top: 15px;
        }

        .content-list .star-container img.share-icon {
            top: 60px;
        }

    .content-list .flag {
        width: 40px;
        position: absolute;
        top: 30px;
        right: 20px;
    }

    .content-list .icon-flag {
        width: 25px;
        float: left;
        margin-right: 10px;
    }

    .content-list.content-list-checkbox li p {
        float: right;
        width: 95%;
        margin-right: 0;
        padding-top: 10px;
    }

    .content-list.content-list-checkbox li.list-form {
        padding: 2px 10px;
    }

        .content-list.content-list-checkbox li.list-form p {
            width: 100%;
        }

    .content-list.content-list-contrib {
        padding: 0;
        width: 110%;
        margin: 20px 0 40px 0;
        position: relative;
        left: -10px;
    }

        .content-list.content-list-contrib li p {
            margin: 0;
            padding: 5px 0 0 0;
        }

        .content-list.content-list-contrib li a {
            font-size: 14px;
            font-weight: 300;
            position: relative;
            top: 4px;
        }

.content-list-small p {
    padding: 0 !important;
    margin: 0 !important;
}

    .content-list-small p.color-text {
        padding: 0;
        float: left;
        margin: 0 20px 0px 0;
    }

.content-list-small img {
    float: left;
    margin: 0 20px 0px 0;
    width: 17px;
}

.content-list-small .videos img {
    width: 25px;
    position: relative;
    top: 5px;
}

.content-list-small .videos p {
    position: relative;
    left: 45px;
}

.content-list-small .question-tooltip .popup-container {
    float: right;
    width: 25px;
}

    .content-list-small .question-tooltip .popup-container span.question-popup {
        right: -17px;
        left: auto;
        width: 250px;
        height: auto;
        white-space: inherit;
        line-height: 13px;
        text-align: left;
        padding: 15px;
        z-index: 1;
        bottom: 45px;
        top: auto;
    }

        .content-list-small .question-tooltip .popup-container span.question-popup img {
            width: 25px;
        }

    .content-list-small .question-tooltip .popup-container img {
        width: 25px;
    }

.content-list-small .question-tooltip h4 {
    display: inline;
}

.content-list-small .popup-container:hover span {
    left: -15px;
}

    .content-list-small .popup-container:hover span:before {
        left: auto;
        right: 20px;
    }

.popup-container-centered:hover span {
    left: -70px !important;
}

.star-container div.popup-container, .content-list div.popup-container, .search-block div.popup-container {
    top: -20px;
    left: 10px;
}



.content-list-small.promotional-material li {
    padding: 16px 10px;
}

.content-list.questions p {
    padding: 4px 0 0 0;
    margin-bottom: 4px;
}

.content-list.external-tool {
    margin-top: 30px;
}

    .content-list.external-tool p {
        padding: 0;
        margin-bottom: 4px;
    }

    .content-list.external-tool .star-container img.star-swap {
        top: 45px;
    }

    .content-list.external-tool .star-container img.share-icon {
        top: 90px;
    }

.content-list.trending p {
    padding: 0;
    margin-bottom: 0;
}

.content-list.toolkit h4 {
    padding-top: 10px;
}

.content-list.toolkit p {
    padding: 2px 0 0 0;
}

.content-list.toolkit .star-container img.star-swap {
    top: 30px;
}

.content-list.accordion li:last-of-type {
    border-bottom: 1px solid #E5E6E7;
}

hr {
    border: 0;
    height: 0;
    border-top: 0px solid #E5E6E7;
    border-bottom: 1px solid #E5E6E7;
    margin: 36px 0;
}

    hr.extend {
        margin: 36px -10px;
    }

    hr.line {
        margin: 0;
    }

    hr.line-extend {
        margin: 15px -10px;
    }

.exerpt hr {
    margin: 20px 0;
}

.exerpt h3 {
    margin: 0;
}

.exerpt p {
    padding: 0;
}

.breadcrumbs {
    padding: 0 0 3% 0;
}

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

    .breadcrumbs ul li {
        color: #C7C1C1;
        float: left;
        padding: 0 1% 0 0;
        font-size: 12px;
        list-style: none;
    }

        .breadcrumbs ul li img {
            width: 8px;
            position: relative;
            top: 3px;
            left: 2px;
            margin: 0 3px 0 0;
        }

    .breadcrumbs ul .current {
        color: #b4b4b4;
    }

.prev-post a,
.go-to-page a {
    color: #01a37e;
    text-decoration: none;
    position: relative;
    top: -5px;
    left: 10px;
    font-size: 14px;
    font-weight: 400;
}

.prev-post img,
.go-to-page img {
    width: 20px;
}

.next-page {
    float: right;
}

    .next-page img {
        float: right;
    }

.go-to-page {
    position: relative;
    left: -10px;
}

    .go-to-page a {
        font-size: 14px;
    }

    .go-to-page img {
        position: relative;
        right: -20px;
        top: -3px !important;
        width: 15px;
        height: 15px;
    }

.back-to-top {
    padding-top: 20px;
}

.mid-col .prev-post {
    padding: 30px 0;
}

.popup-container {
    position: relative;
}

    .popup-container span {
        display: none;
    }

    .popup-container:hover span {
        display: block;
        position: absolute;
        padding: 2px 10px;
        content: attr(title);
        min-width: 100px;
        text-align: center;
        width: auto;
        height: auto;
        white-space: nowrap;
        top: -45px;
        background: rgba(0, 0, 0, 0.8);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 3px;
        color: #ffffff;
        font-size: 11px;
        left: -50px;
    }

        .popup-container:hover span:before {
            position: absolute;
            display: block;
            content: "";
            border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
            border-style: solid;
            border-width: 10px;
            height: 0;
            width: 0;
            position: absolute;
            bottom: -20px;
            left: 40%;
        }

#popout {
    cursor: pointer;
}

.side-menu-icons #hidden {
    display: none;
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.4);
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #E5E6E7;
    color: #01a37e;
    z-index: 1;
    padding: 5px 0 15px 15px;
    width: 80%;
    left: 20px;
    top: 90px;
}

    .side-menu-icons #hidden li {
        padding: 5px;
    }

foreignobject.hidden-map {
    position: relative;
    top: 0;
    left: 0;
}

.map {
  max-width: 1300px;
  margin: 0 auto; }

.map-list {
  background-color: #ffffff;
  display: none;
  box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.4);
  border: 1px solid #E5E6E7;
  z-index: 9999;
  position: static;
  width: 235px; }
  .map-list li {
    padding: 15px; }
    .map-list li h3 {
      margin: 0; }
    .map-list li p {
      padding: 0;
      font-size: 14px; }
    .map-list li:first-of-type {
      border-bottom: 1px solid #E5E6E7; }
    .map-list li a.color-link {
      font-size: 14px; }
  .map-list .list-num {
    border-top: 1px solid #E5E6E7;
    border-bottom: 1px solid #E5E6E7; }
    .map-list .list-num:nth-of-type(even) {
      border: none; }
    .map-list .list-num .detail {
      padding: 10px 0 0 0;
      float: left;
      font-weight: 300; }
    .map-list .list-num h3 {
      margin: 0;
      float: right;
      font-weight: 300; }

.content-list-map,
.content-list-map-ie {
  display: none; }
  .content-list-map img,
  .content-list-map-ie img {
    float: right;
    width: 30px;
    position: relative;
    top: 11px; }
  .content-list-map h4,
  .content-list-map-ie h4 {
    float: left; }
  .content-list-map li,
  .content-list-map-ie li {
    border-bottom: 1px solid #f0f0f0; }
    .content-list-map li:first-of-type,
    .content-list-map-ie li:first-of-type {
      border-top: 1px solid #f0f0f0; }
  .content-list-map .definition,
  .content-list-map-ie .definition {
    clear: both; }
  .content-list-map .map-list,
  .content-list-map-ie .map-list {
    display: block;
    width: 100%;
    box-shadow: none;
    background-color: #ffffff;
    border-bottom: none; }
    .content-list-map .map-list li,
    .content-list-map-ie .map-list li {
      padding: 10px 15px;
      border-bottom: none; }
    .content-list-map .map-list .list-num,
    .content-list-map-ie .map-list .list-num {
      border-top: none;
      border-bottom: 1px solid #f0f0f0; }

.content-list-map-ie {
  display: block; }
  .content-list-map-ie li {
    padding: 10px 0; }
    .content-list-map-ie li h3 {
      font-size: 23px;
      font-weight: 300; }
    .content-list-map-ie li .detail {
      font-weight: 300;
      font-size: 18px; }
  .content-list-map-ie .map-list {
    border: none; }
    .content-list-map-ie .map-list li:first-of-type {
      border: none; }
    .content-list-map-ie .map-list .list-num {
      border: none; }

.map-legend li {
  padding: 5px; }
  .map-legend li .circle {
    width: 15px;
    height: 15px;
    background-color: #00705b;
    display: inline-block;
    border-radius: 50%; }
  .map-legend li .detail {
    font-weight: 300;
    padding-left: 5px; }
  .map-legend li:last-of-type .circle {
    background-color: #01a37e; }

.non-member {
    border-top: 1px solid #24282C;
    padding: 30px;
    margin-top: 30px;
}

    .non-member .btn, .non-member .btn-simple, .non-member .btn-small, .non-member .btn-secondary, .non-member .btn-secondary-lt, .non-member .btn-emphasis, .non-member .btn-overlay, .non-member .btn-form {
        margin: 20px 0;
    }

    .non-member a {
        color: #01a37e;
        text-decoration: none;
    }

        .non-member a.btn-simple {
            color: #ffffff;
            text-decoration: none;
            font-weight: bold;
        }

    .non-member span p {
        color: #C7C1C1;
    }

.fadeout {
    position: absolute;
    width: 100%;
    height: 100px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
}

.jcarousel-wrapper {
    margin: 0 auto;
    background-image: url("../i/home-background.jpg");
    max-height: 700px;
    border: 10px solid #fff;
    width: 100%;
    z-index: -1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.jcarousel img {
    max-width: 1370px;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    max-height: 720px;
    max-width: 1370px;
    margin: 0 auto;
}

    .jcarousel ul {
        width: 20000em;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .jcarousel li {
        float: left;
    }

.jcarousel-wrapper {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 200px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
  display: none; }

.jcarousel-control-prev {
    left: 25px;
    top: 45%;
    background: url("../i/slider_nav_left.png");
    width: 40px;
    height: 40px;
    box-shadow: none;
}

.jcarousel-control-next {
    right: 25px;
    top: 45%;
    background: url("../i/slider_nav_right.png");
    width: 40px;
    height: 40px;
    box-shadow: none;
}

    .jcarousel-control-prev:hover span,
    .jcarousel-control-next:hover span {
        display: block;
    }

    .jcarousel-control-prev.inactive,
    .jcarousel-control-next.inactive {
        opacity: .5;
        cursor: default;
    }

.jcarousel-pagination {
    display: none;
}

.quick-links {
    margin-top: 125px;
}

    .quick-links h3 {
        float: left;
    }

    .quick-links .tabs {
        margin: 0 5% 0 20%;
        text-align: center;
    }

        .quick-links .tabs a {
            background-color: #ffffff;
            color: #01a37e;
            float: left;
            margin: 0 4px 4px 0;
            padding: 15px 40px;
            text-decoration: none;
        }

            .quick-links .tabs a:hover {
                background-color: #01a37e;
                color: #ffffff;
            }

.newsletter .featured-newsletter img {
    width: 200px;
    float: right;
    margin: 0 0 30px 30px;
}

.tags {
    margin-bottom: -20px;
}

    .tags ul {
        margin: 0 !important;
        position: relative;
        top: -30px;
        left: 35px;
        width: 80%;
    }

        .tags ul img {
            margin-right: 10px;
        }

        .tags ul li {
            display: inline-block;
            border: none;
            padding: 0;
        }

            .tags ul li a {
                color: #24282C;
                font-size: 14px;
                font-weight: normal;
            }

                .tags ul li a:hover {
                    color: #00705b;
                }

.newsletter-archive {
    position: relative;
    left: -15px;
    padding-right: 30px;
}

    .newsletter-archive .archive {
        border: 2px solid #f0f0f0;
        padding: 20px;
        margin: 10px;
        min-height: 200px;
    }

        .newsletter-archive .archive a {
            position: absolute;
            bottom: 20px;
        }

        .newsletter-archive .archive:hover {
            border: 2px solid #01a37e;
            color: #ffffff;
            background-color: #01a37e;
        }

            .newsletter-archive .archive:hover a, .newsletter-archive .archive:hover .detail {
                color: #ffffff;
            }

.questions {
    margin: 9px 0px -10px 0px;
}

    .questions h3 {
        margin: 20px 0 20px 0;
    }

    .questions li.question {
        border: none !important;
    }

        .questions li.question .color-text,
        .questions li.question .sub-text {
            display: inline-block;
        }

        .questions li.question .color-text {
            margin-right: 10px;
        }

        .questions li.question h4 {
            margin: 10px 0 20px 0;
        }

        .questions li.question p {
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .questions li.question:first-of-type .star-container img.star-swap {
            top: 80px;
        }

.pagination p {
    float: left;
    display: inline-block;
    font-size: 14px;
}

.pagination span {
    background-color: #f0f0f0;
    padding: 9px 18px;
    margin: 0 10px;
    color: #01a37e;
    float: left;
    font-weight: 400;
}

.pagination .arrows {
    float: right;
}

    .pagination .arrows img {
        width: 45px;
    }

.sort-container {
    margin: 20px 0;
}

    .sort-container h2 {
        float: left;
        margin: 0;
    }

    .sort-container .click-nav {
        float: right;
    }

        .sort-container .click-nav img {
            top: 18px;
            left: auto;
            right: 25px;
        }

        .sort-container .click-nav .dropdown-select.sub {
            box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.4);
        }

.content-list.resources li span {
    float: left;
    width: 80%;
}

.flag-container {
    float: right;
    width: 20%;
    padding-top: 10px;
}

    .flag-container img {
        width: 40px;
        margin-right: 10px;
        float: right;
    }

.gear {
    float: right;
    padding-top: 10px;
}

    .gear .color-text {
        font-weight: 400;
        font-size: 13px;
        float: right;
        padding: 0;
        position: relative;
        top: 4px;
        left: 5px;
    }

    .gear img {
        float: left;
    }

.toolkit-box {
    background-color: #F7F7F7;
    padding: 15px 25px 30px 25px;
}

    .toolkit-box .slide-open-map {
        height: 35px;
        position: relative;
        top: 10px;
        left: 5px;
        margin-right: 30px;
    }

.toolkit-detail h4 {
    padding: 30px 0 10px 0;
}

.toolkit-detail .content-list .star-container img.star-swap {
    top: 45px;
}

.toolkit-detail .content-list p {
    line-height: 26px;
    font-weight: 300;
    font-size: 16px;
}

.toolkit-detail .content-list ul.service-list li {
    list-style: disc inside;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    border: none;
}

    .toolkit-detail .content-list ul.service-list li p {
        list-style: none;
    }

    .toolkit-detail .content-list ul.service-list li.content {
        list-style: none;
        padding: 5px 0 10px 0;
    }

.toolkit-detail .content-list ul {
    margin: 10px 0 10px 25px;
}

.toolkit-box.author-container input[type="checkbox"] + label.check-circle {
    margin-left: 0;
}

.toolkit-detail .content-list-small.featured {
    margin-top: -20px;
}

    .toolkit-detail .content-list-small.featured p {
        font-size: 14px;
        font-weight: 400;
    }

ol {
    padding: 10px 0 0 40px;
}

    ol li {
        padding: 5px 15px;
        /*text-indent: -9px;*/
        font-size: 16px;
    }

.grey-block {
    background-color: #F0F0F0;
    color: #01a37e;
    /*padding: 7px 8px;*/
    display: inline-block;
    margin: 5px 0;
}

ul.toolkit-nav {
    background-color: #F7F7F7;
    border-top: 1px solid #E5E6E7;
}

    ul.toolkit-nav li {
        float: left;
        padding: 0 15px;
        list-style: none;
    }

        ul.toolkit-nav li a {
            text-decoration: none;
            color: #01a37e;
            font-weight: 400;
        }

            ul.toolkit-nav li a:hover {
                color: #00705b;
            }

    ul.toolkit-nav div {
        padding: 10px 10px 35px 10px;
    }

ol.references li {
    font-size: 14px;
    line-height: 24px;
    padding: 5px 10px;
}

.button_container#toggle {
    height: 20px;
}

.button_container {
    position: absolute;
    top: 22px;
    right: 105px;
    width: 20px;
    cursor: pointer;
    z-index: 99;
    transition: opacity .25s ease;
}

    .button_container .menu {
        color: #01a37e;
        font-size: 18px;
        position: relative;
        left: 35px;
        top: -5px;
        font-weight: 400;
        z-index: 99999;
    }

    .button_container:hover {
        opacity: .7;
    }

    .button_container.active .top {
        transform: translateY(11px) translateX(0) rotate(45deg);
        background: #00705b;
        top: -6px;
    }

    .button_container.active .middle {
        opacity: 0;
        background: #00705b;
    }

    .button_container.active .bottom {
        transform: translateY(-11px) translateX(0) rotate(-45deg);
        background: #00705b;
        top: 16px;
    }

    .button_container.active > .menu {
        color: #00705b;
    }

    .button_container span {
        background: #01a37e;
        border: none;
        height: 3px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .35s ease;
        cursor: pointer;
    }

        .button_container span:nth-of-type(2) {
            top: 7px;
        }

        .button_container span:nth-of-type(3) {
            top: 14px;
        }

.overlay {
    position: absolute;
    background: #ffffff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
}

    .overlay.open {
        opacity: .95;
        visibility: visible;
        height: 1100px;
        z-index: 50;
    }

    .overlay nav {
        position: relative;
        height: 100%;
        top: 53%;
        transform: translateY(-50%);
        font-size: 22px;
        text-align: right;
        right: 150px;
    }

    .overlay ul {
        list-style: none;
        display: inline-block;
        text-align: right;
    }

        .overlay ul li {
            display: block;
            padding: 10px;
            position: relative;
            opacity: 1;
        }

            .overlay ul li a {
                display: block;
                position: relative;
                color: #01a37e;
                text-decoration: none;
                font-size: 30px;
            }

                .overlay ul li a:hover, .overlay ul li a:focus {
                    color: #00705b;
                }

    .overlay .top-links {
        margin: 60px 0 10px 0;
        display: block;
        clear: both;
    }

        .overlay .top-links li {
            display: inline-block;
        }

            .overlay .top-links li a {
                font-size: 15px;
            }

    .overlay .social {
        float: right;
    }

        .overlay .social img {
            width: 25px;
        }

    .overlay .expanded,
    .overlay .expander {
        font-size: 30px;
        position: absolute;
        top: 2px;
        right: -15px;
        font-weight: 400;
        cursor: pointer;
    }

    .overlay .expander {
        top: 10px;
        right: -10px;
        color: #01a37e;
    }

    .overlay .expanded {
        color: #00705b;
    }

    .overlay .sub-menu {
        padding-top: 10px;
    }

        .overlay .sub-menu li {
            padding: 0;
        }

            .overlay .sub-menu li a {
                font-size: 15px;
            }

.click-nav {
    float: right;
    width: 160px;
}

    .click-nav ul {
        position: relative;
        font-weight: 900;
    }

        .click-nav ul li {
            position: relative;
            list-style: none;
            cursor: pointer;
            width: 140px;
        }

            .click-nav ul li ul {
                position: absolute;
                left: 0;
                right: 0;
                z-index: 1;
            }

        .click-nav ul .clicker {
            position: relative;
            background: #f0f0f0;
            font-weight: 400;
            color: #01a37e;
            font-size: 14px;
        }

            .click-nav ul .clicker:hover, .click-nav ul .active {
                background: #f0f0f0;
            }

    .click-nav img {
        position: absolute;
        top: 0;
        left: 12px;
        width: 15px;
    }

    .click-nav ul li a {
        transition: background-color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        display: block;
        padding: 9px 4px 9px 25px;
        background: #f0f0f0;
        color: #01a37e;
        text-decoration: none;
    }

    .click-nav .dropdown-select.sub li a {
        font-size: 14px;
    }

        .click-nav .dropdown-select.sub li a:hover {
            background-color: #E5E6E7;
        }

    /* Fallbacks */
    .click-nav .no-js ul {
        display: none;
    }

    .click-nav .no-js:hover ul {
        display: block;
    }

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

#contentmanager, #admin {
    position: relative;
    top: 6px;
}

    #contentmanager img, #admin img {
        z-index: 0;
        width: 60px;
    }

#contentmanager-swap, #admin-swap {
    position: relative;
    top: 18px;
}

#search {
    position: relative;
    top: 6px;
    left: -4px;
}

    #search img {
        z-index: 0;
        width: 60px;
    }

#search-swap {
    position: relative;
    top: 18px;
}

.search-overlay {
    position: fixed;
    background: #ffffff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    overflow-y: scroll;
}

    .search-overlay.open {
        opacity: 1;
        visibility: visible;
        height: 100%;
        z-index: -1;
    }

    .search-overlay input[type=text]:focus {
        border: none;
    }

    .search-overlay a.block-item {
        margin: 0 0 -4px;
    }

    .search-overlay h3 {
        margin-top: 5px;
    }

.search-wrap {
    position: relative;
    top: 25%;
    float: none;
    margin: 0 auto;
}

    .search-wrap form {
        padding: 0px 0 12% 0;
    }

    .search-wrap .form {
        padding: 0px 0 12% 0;
    }

.search-wrap-results {
    top: 28%;
}

    .search-wrap-results form {
        padding: 0px 0 5% 0;
    }

    .search-wrap-results .click-nav {
        margin-bottom: 40px;
        margin-right: 20px;
        margin-top: -5px;
    }

        .search-wrap-results .click-nav img {
            top: 0;
        }

.right-results {
    float: right;
    padding-bottom: 30px;
    left: -8px;
}

    .right-results img {
        width: 100px;
        margin-top: 20px;
    }

    .right-results h4 {
        margin: 0;
        margin-top: 25px;
    }

    .right-results p {
        padding: 5px 0;
    }

.search-block {
    padding: 8px 0;
}

    .search-block h3 {
        margin-bottom: 0;
        margin-top: 12px;
    }

    .search-block .alert-inline {
        margin-right: 20px;
        padding: 0 8px;
        margin-top: -1px;
    }

    .search-block p {
        display: inline;
    }

        .search-block p.info {
            display: block;
            padding-bottom: 0px;
        }

.search-results-sidebar {
    padding-top: 24px;
}

.search-input {
    width: 100%;
    height: 60px;
    font-size: 40px;
    font-weight: 100;
    border: none;
    color: #222;
    background-color: #ffffff;
}

.advanced-results input.search-input {
    padding-left: 0px;
}

#mock-cursor {
    position: absolute;
    color: #222;
    -webkit-animation: blink 1s infinite;
    animation: blink 1s infinite;
    top: 10px;
    left: 14px;
    font-weight: 100;
    font-size: 60px;
}

.mock-cursor-results {
    left: 178px !important;
}

input:focus ~ #mock-cursor {
    display: none;
}

@-webkit-keyframes blink {
    0%, 49.9%, 100% {
        opacity: 0;
    }

    50%, 99.9% {
        opacity: 1;
    }
}

.search-result-sub {
    padding-bottom: 0px;
}

#lang {
    background-color: #01a37e;
    height: 60px;
    width: 60px;
    position: relative;
    top: -17px;
}

    #lang #lang-img {
        position: relative;
        top: 20px;
        left: 10px;
        width: 20px;
        height: 20px;
    }

.search-wrap input:focus {
    border: none;
}

.swap-wrapper {
    position: relative;
}

    .swap-wrapper img {
        width: 60px;
    }

#swap-nav {
    display: none;
    position: absolute;
    background-color: #01a37e;
    cursor: pointer;
    top: 40px;
    left: 16px;
}

    #swap-nav li {
        display: inherit;
        background-color: #00705b;
        padding: 17px 13px 15px 12px;
        background-color: #00705A;
    }

        #swap-nav li a {
            color: #ffffff;
            padding: 4px 5px;
            border: 1px solid transparent;
        }

            #swap-nav li a:hover {
                border: 1px solid #ffffff;
            }

.user-menu-wrapper {
    cursor: pointer;
}

#user-menu {
    position: relative;
    top: 20px;
    left: 6px;
    width: 60px;
    text-align: center;
    height: 74px;
}

    #user-menu .icon {
        width: 30px;
        height: 30px;
        margin-top: 15px;
        position: relative;
        top: 15px;
    }

    #user-menu .user-menu-arrow {
        max-width: 11px;
        position: relative;
        top: 0;
        left: 0px;
    }

    #user-menu.active {
        background-color: #01a37e;
    }

#user-menu-nav {
    display: none;
    position: absolute;
    cursor: pointer;
    top: 40px;
    left: 6px;
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.4);
    background-color: #ffffff;
    border: 1px solid #E5E6E7;
    color: #01a37e;
    z-index: 1;
}

    #user-menu-nav li {
        padding: 10px 25px;
        border-bottom: 1px solid #E5E6E7;
        width: 165px;
    }

        #user-menu-nav li:last-of-type {
            border: none;
        }

        #user-menu-nav li a {
            font-size: 14px;
        }

            #user-menu-nav li a:hover {
                color: #24282C;
            }

header {
    background-color: #ffffff;
    width: 100%;
    height: 60px;
    margin-bottom: 6%;
}

    header .nav-items {
        display: inline;
        position: absolute;
        right: 150px;
        top: -24px;
        z-index: 99;
    }

        header .nav-items .block-list li {
            padding: 0px;
        }

        header .nav-items li {
            display: inline-block;
            padding: 0 10px;
        }

            header .nav-items li a {
                font-size: 18px;
                color: #01a37e;
                text-decoration: none;
                font-weight: 400;
            }

                header .nav-items li a img {
                    position: relative;
                    top: 8px;
                }

        header .nav-items #swap {
            position: relative;
            top: 23px;
            left: 6px;
        }

    header .nav-items-member {
        top: -35px;
    }

    header .logo img {
        z-index: 99;
        position: absolute;
        height: 120px;
    }

.nav-items .profile {
    width: 30px;
    position: relative;
    top: 5px;
    left: 15px;
}

header .search-result-links li,
.search-results-sidebar .search-result-links li {
    padding-left: 0;
    display: block;
}

    header .search-result-links li a,
    .search-results-sidebar .search-result-links li a {
        font-size: 14px;
        font-weight: 400;
        color: #01a37e;
        text-decoration: none;
    }

        header .search-result-links li a.disabled,
        .search-results-sidebar .search-result-links li a.disabled {
            color: #C7C1C1;
        }

header .search-result-sub li,
.search-results-sidebar .search-result-sub li {
    padding-left: 15px;
}

    header .search-result-sub li a,
    .search-results-sidebar .search-result-sub li a {
        font-style: italic;
        font-weight: 400;
    }

.search-col {
    padding-right: 5%;
}

.advanced-results {
    width: 78%;
}

    .advanced-results .search-wrap-results {
        padding-left: 0;
    }

    .advanced-results .results-form {
        margin-left: -20px;
    }

    .advanced-results .results-info {
        color: #B4B4B4;
        float: left;
        font-size: 13px;
    }

        .advanced-results .results-info .remove {
            padding: 0 10px 0 5px;
        }

        .advanced-results .results-info a {
            font-size: 13px;
            text-decoration: none;
        }

    .advanced-results .pagination {
        margin-top: 60px;
    }

    .advanced-results .search-result-links {
        margin-top: 20px;
    }

.results-info {
    margin-top: 10px;
}

.flag-hover {
    display: inline;
    position: relative;
}

    .flag-hover .icon {
        width: 26px;
        height: 26px;
        top: 8px;
    }

span.flag-text {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 13px;
    color: white;
    cursor: pointer;
    display: table;
    font-size: 12px;
    font-style: normal;
    height: 26px;
    left: 0;
    position: absolute;
    top: -3px;
    width: 26px;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

    span.flag-text span {
        color: #ffffff;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

.flag-hover:hover span.flag-text {
    opacity: 1;
}

.overlay-open {
    overflow: hidden;
}

    .overlay-open .nav-items {
        z-index: 10000;
    }

    .overlay-open .overlay-bg {
        display: block;
    }

.overlay-bg {
    background-color: #ffffff;
    position: absolute;
    display: none;
    width: 100%;
    height: 50px;
    z-index: 1000;
    top: 0;
}

footer {
    font-style: italic;
    padding: 30px 0;
    color: #C7C1C1;
}

    footer p, footer span {
        line-height: 1.6em;
        font-size: 13px;
        color: #A5AAAF;
        line-height: 17px;
        padding: 4px 0;
    }

    footer .copyright img {
        float: left;
        margin-top: 4px;
    }

    footer .copyright span {
        position: relative;
        left: 10px;
        top: 10px;
        padding-right: 70px;
        font-style: initial;
        font-weight: 400;
    }

        footer .copyright span a {
            color: #01a37e;
            text-decoration: none;
            font-size: 13px;
            line-height: 0;
        }

    footer p.paragraph {
        padding-bottom: 10px;
    }

    footer.full {
        padding: 3% 0;
    }

.footer-links {
    padding: 6% 0;
    margin-top: 8%;
}

    .footer-links li {
        list-style: none;
    }

        .footer-links li a {
            color: #007076;
            line-height: 32px;
            text-decoration: none;
        }

    .footer-links ul {
        clear: both;
    }

    .footer-links .footer-logo {
        width: 180px;
    }

    .footer-links .social {
        position: relative;
        left: -5px;
    }

        .footer-links .social li img {
            width: 25px;
        }

        .footer-links .social li:first-of-type img {
            position: relative;
            top: 2px;
        }

.home-page .footer-links {
    margin: 0;
}

.copyright-left p {
    font-size: 13px;
    color: #A5AAAF;
    line-height: 17px;
    padding: 4px 0;
}

.copyright p {
    line-height: 17px;
}

.sidebar {
    background-color: #FAFAFA;
    border: 1px solid #E5E6E7;
    padding: 0;
    position: absolute;
    float: right;
    right: 0;
}

    .sidebar li {
        list-style: none;
        padding: 4px 0;
    }

        .sidebar li.current {
            border-left: 3px solid #00705b;
            position: relative;
            left: -10px;
            border-left: 2px solid #00705b;
            left: -12px;
        }

            .sidebar li.current a {
                color: #00705b;
                padding-left: 10px;
                font-size: 14px;
                font-weight: 400;
            }

        .sidebar li.child {
            font-style: italic;
            padding-left: 12px;
        }

    .sidebar a {
        color: #01a37e;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
        display: block;
    }

        .sidebar a:hover, .sidebar a:focus {
            color: #00705b;
            font-size: 14px;
            font-weight: 400;
        }

    .sidebar div {
        padding: 50px 30px 30px 30px;
    }

    .sidebar .side-menu.dropdown-sidebar {
        padding-top: 30px;
    }

    .sidebar .detail {
        position: relative;
        top: -20px;
    }

        .sidebar .detail p {
            line-height: 22px;
            padding: 0;
        }

    .sidebar .side-menu-icons {
        /*border-bottom: 1px solid #E5E6E7;*/
        padding: 30px;
        position: relative;
    }

        .sidebar .side-menu-icons li {
            float: left;
            padding: 0 20px 0 0;
            position: relative;
            top: 6px;
        }

            .sidebar .side-menu-icons li img {
                width: 40px;
            }

    .sidebar #sidebar-toggle {
        position: absolute;
        left: -46px;
        top: -1px;
    }

    .sidebar .side-menu-flags {
        border-bottom: 1px solid #E5E6E7;
        height: 96px;
        padding: 30px;
    }

        .sidebar .side-menu-flags span {
            color: #C7C1C1;
            font-size: 14px;
            letter-spacing: 0.5px;
            padding-right: 20px;
            position: relative;
            top: -12px;
        }

        .sidebar .side-menu-flags img {
            margin-right: 8px;
            max-width: 36px;
        }

    .sidebar.small-sidebar {
        top: 215px;
    }

        .sidebar.small-sidebar .side-menu-icons {
            padding: 15px 30px;
            border-top: none;
            border-bottom: none;
        }

    .sidebar .search-sidebar {
        padding: 0px;
        border-bottom: 1px solid #E5E6E7;
        background-color: #ffffff;
    }

        .sidebar .search-sidebar img {
            position: absolute;
            right: 25px;
            top: 26px;
        }

        .sidebar .search-sidebar .side-menu-icons.popular-tags ul .sidebar-tag a {
            font-size: 12px;
            display: inline;
        }

        .sidebar .search-sidebar input {
            width: 100%;
            background-color: #FAFAFA;
            height: 80px;
            padding: 0 0 0 20px;
        }

    .sidebar .go-to-page {
        padding: 10px 30px;
        width: 100%;
    }

        .sidebar .go-to-page a {
            display: inline-block;
        }

    .sidebar .side-menu-icons.popular-tags {
        border-top: none;
        border-bottom: 1px solid #E5E6E7;
        padding: 50px 10px 30px 30px;
    }

        .sidebar .side-menu-icons.popular-tags li.sidebar-tag {
            padding-right: 7px;
        }

            .sidebar .side-menu-icons.popular-tags li.sidebar-tag a.tiny {
                font-size: 10px;
            }

            .sidebar .side-menu-icons.popular-tags li.sidebar-tag a.big {
                font-size: 18px;
            }

            .sidebar .side-menu-icons.popular-tags li.sidebar-tag .detail {
                top: 0;
            }

    .sidebar .side-menu {
        border-bottom: 1px solid #E5E6E7;
    }

        .sidebar .side-menu li.indent a {
            padding-left: 30px;
            font-style: italic;
            font-weight: 100;
        }

        .sidebar .side-menu .slide-open-nav img.slide-open {
            float: left;
            margin-right: 10px;
            width: 15px !important;
        }

        .sidebar .side-menu .slide-open-nav span.slide-open {
            color: #01a37e;
            text-decoration: none;
            font-size: 14px;
            font-weight: 400;
            display: block;
        }

        .sidebar .side-menu .slide-open-nav ul.definition {
            padding-left: 40px;
        }

            .sidebar .side-menu .slide-open-nav ul.definition li {
                padding: 5px 0;
            }

                .sidebar .side-menu .slide-open-nav ul.definition li a {
                    line-height: 15px;
                    font-style: italic;
                    font-weight: 100;
                }

.static-sidebar {
    margin-left: 4%;
    margin-top: 70px;
    font-size: 14px;
}

    .static-sidebar .detail {
        display: block;
        padding-bottom: 21px;
    }

    .static-sidebar .img-sm {
        margin: 3px 20px 80px 0;
    }

    .static-sidebar h4 {
        margin-top: 0;
        line-height: 23px;
    }

.sidebar .alert-section {
    padding: 10px 0px 30px 30px;
}

    .sidebar .alert-section div {
        padding: 0;
    }

    .sidebar .alert-section h4 {
        margin: 0;
    }

main.home-page {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.home-page header {
    margin-bottom: 0;
}

.banner-text {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.97);
    left: 150px;
    margin-top: 5px;
    top: 250px;
  padding: 32px 40px 12px 40px;
  max-width: 460px; }

    .banner-text p {
        margin: 20px 0;
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
    }

.social {
    padding: 6% 0;
}

    .social li {
        float: left;
        padding: 5px;
    }

button.btn-emphasis {
    position: absolute;
    bottom: -58px;
    right: 0;
}

.top {
    padding-right: 20px;
    background: #01a37e;
    text-align: right;
}

.tab-container {
    margin: 0 auto;
    width: 100%;
    position: relative;
    left: -30px;
}

.content {
    background: #ffffff;
}

    .content > div {
        display: none;
        padding: 20px 25px 5px;
    }

    .content p {
        color: #ffffff;
        margin-bottom: 10px;
    }

    .content.generate-sre div,
    .content.generate-sre p,
    .content.generate-sre span,
    .content.generate-sre ul,
    .content.generate-sre li {
        color: #24282C;
    }

    .content.generate-sre >div {
        display: block;
    }

    .content .tab-inner {
        float: left;
        width: 100%;
        padding: 0;
    }

    .content img {
        float: left;
    }

#content2,
#content3 {
    position: relative;
    left: 0;
}

.tab-label {
    width: 30%;
    background-color: #E5E6E7;
    color: #B4B4B4;
    text-transform: uppercase;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    padding: 15px 35px;
    letter-spacing: .09em;
    border: solid 1px;
    border-bottom: solid 0px;
}

.tab-container input {
    display: none;
}

.tab-label {
    display: inline-block;
    font-weight: 900;
    font-size: 16px;
    text-align: center;
}

.tab-label {
    margin-right: -4px;
}

    .tab-label:hover {
        cursor: pointer;
    }

    input:checked + label,
    .tab-label.active,
    .dash-tabs input:checked + label {
        background: #2ca5aa;
        color: #ffffff;
    }

#tab1:checked ~ .content #content1,
#tab2:checked ~ .content #content2,
#tab3:checked ~ .content #content3,
#tab4:checked ~ .content #content4 {
    display: block;
    background-color: #ffffff;
    min-height: 385px;
    padding: 0;
}

.dash-mobile {
    display: none;
}

.tab-inner {
    float: left;
}

    .tab-inner p {
        font-size: 14px;
        float: left;
        color: #24282C;
        font-weight: 400;
        line-height: 26px;
        font-family: "Roboto", Helvetica, Arial, sans-serif;
    }

    .tab-inner a {
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        color: #01a37e;
        text-decoration: none;
    }

    .tab-inner a, .tab-inner h3 {
        float: left;
    }

    .tab-inner h3 {
        width: 100%;
        /*padding-top: 10px;*/
    }

    .tab-inner .tab-box {
        float: left;
        width: 33%;
        padding: 40px;
    }

.right-tab-box .tab-inner {
    background-color: #01a37e;
    text-align: center;
}

.right-tab-box img {
    width: 100px;
    padding: 35px 0 25px 0;
}

.right-tab-box .tab-label {
    background-color: #ffffff;
    color: #01a37e;
    width: 100%;
    margin: 0;
}

.right-tab-box a, .right-tab-box p {
    color: #ffffff;
    width: 100%;
    text-align: center;
}

.right-tab-box p {
    padding: 0px 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

.right-tab-box a {
    padding: 30px 0 70px 0;
}

.twitter-box,
.feature-box,
.latest-box {
    background-color: #ffffff;
    position: relative;
}

    .twitter-box p,
    .feature-box p,
    .latest-box p {
        font-size: 14px;
    }

    .twitter-box span,
    .feature-box span,
    .latest-box span {
        font-weight: 400;
    }

    .twitter-box .twitter-at,
    .feature-box .twitter-at,
    .latest-box .twitter-at {
        color: #b4b4b4;
        font-weight: 400;
        font-size: 14px;
    }

    .twitter-box .img-2,
    .feature-box .img-2,
    .latest-box .img-2 {
        position: absolute;
        width: 65px;
    }

.dash-btm .latest-box {
    height: 196px;
}

.latest-box {
    padding: 40px;
    left: 12%;
}

.social-block .twitter-box {
    height: 220px;
}

.twitter-box {
    left: 12%;
}

    .twitter-box img,
    .latest-box img {
        left: -65px;
        top: 35%;
    }

    .twitter-box a, .twitter-box span,
    .latest-box a,
    .latest-box span {
        color: #5CACEC;
    }

    .twitter-box h5 {
        color: #5CACEC;
    }

.twitter-at a {
    color: #b4b4b4;
}

.feature-box {
    top: -67px;
    padding: 0;
    position: relative;
}

    .feature-box .feature-img {
        width: auto;
        float: left;
    }

    .feature-box .inner-details {
        position: relative;
        left: 30px;
        width: 52%;
        float: left;
        top: 14px;
    }

        .feature-box .inner-details a {
            position: relative;
            font-weight: 400;
            text-decoration: none;
        }

    .feature-box .img-1 {
        width: 160px;
        margin-bottom: -8px;
    }

    .feature-box .img-2 {
        right: -65px;
        top: 25%;
    }

    .feature-box a, .feature-box span {
        color: #01a37e;
        font-weight: 700;
        font-size: 14px;
    }

    .feature-box p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        padding: 6px 0 12px 0;
    }

.latest-box {
    padding: 30px 40px;
}

    .latest-box .img-2 {
        top: 35%;
    }

    .latest-box a, .latest-box span {
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        color: #01a37e;
        text-decoration: none;
    }

.e-news-box,
.sub-intro-box {
    font-weight: 400;
}

    .e-news-box img.mail,
    .sub-intro-box img.mail {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        margin-top: 7px;
    }

    .e-news-box .btn, .e-news-box .btn-simple, .e-news-box .btn-small, .e-news-box .btn-secondary, .e-news-box .btn-secondary-lt, .e-news-box .btn-emphasis, .e-news-box .btn-overlay, .e-news-box .btn-form,
    .sub-intro-box .btn,
    .sub-intro-box .btn-simple,
    .sub-intro-box .btn-small,
    .sub-intro-box .btn-secondary,
    .sub-intro-box .btn-secondary-lt,
    .sub-intro-box .btn-emphasis,
    .sub-intro-box .btn-overlay,
    .sub-intro-box .btn-form {
        position: absolute;
        bottom: 0;
        left: 21%;
    }

        .e-news-box .btn :hover, .e-news-box .btn-simple :hover, .e-news-box .btn-small :hover, .e-news-box .btn-secondary :hover, .e-news-box .btn-secondary-lt :hover, .e-news-box .btn-emphasis :hover, .e-news-box .btn-overlay :hover, .e-news-box .btn-form :hover,
        .sub-intro-box .btn :hover,
        .sub-intro-box .btn-simple :hover,
        .sub-intro-box .btn-small :hover,
        .sub-intro-box .btn-secondary :hover,
        .sub-intro-box .btn-secondary-lt :hover,
        .sub-intro-box .btn-emphasis :hover,
        .sub-intro-box .btn-overlay :hover,
        .sub-intro-box .btn-form :hover {
            background-color: #2ca5aa;
        }

    .e-news-box .tab-label,
    .sub-intro-box .tab-label {
        width: auto;
    }

.e-news-box {
    background: url("/i/image_overlay.jpg") right;
    color: #ffffff;
    padding: 60px 40px 90px 40px;
    float: right;
    margin-left: 50px;
    z-index: 1;
    max-width: 800px;
}

.sub-intro-box {
    /*top: -80px;*/
    background-color: #ffffff;
    color: #24282C;
    font-size: 16px;
    margin-right: 50px;
    line-height: 28px;
    /*top: -105px;*/
    padding: 50px 60px 50px 150px;
}

    .sub-intro-box span {
        color: #2ca5aa;
    }

.social-block,
.sub-block {
    position: relative;
    z-index: 1;
}

.social-block {
    top: 95px;
}

.sub-block {
    background-color: #f0f0f0;
}

.footer-links.footer-home {
    padding: 11% 0 8% 0;
}

.footer-links.footer-dash {
    padding-top: 95px;
}

.copyright-left p {
    margin-right: 20px;
}

p.bold {
    font-style: initial;
    padding-bottom: 10px;
}

.copyright p {
    padding-right: 30px;
}

.home-button {
    position: relative;
    top: 45px;
    /*z-index: -99999*/;
}

.dash {
    max-width: auto;
}

    .dash header {
        margin-bottom: 0;
    }

.dash-top-1 {
    background-color: #f0f0f0;
    background: url("../i/marketing-home-01-blur.jpg") no-repeat 0 0;
    background-size: cover;
    min-height: 660px;
    position: relative;
}

.dash-top-2 {
    background-color: #f0f0f0;
    background: url("../i/marketing-home-02-blur.jpg") no-repeat 0 0;
    background-size: cover;
    min-height: 660px;
    position: relative;
}

.dash-top-3 {
    background-color: #f0f0f0;
    background: url("../i/marketing-home-03-blur.jpg") no-repeat 0 0;
    background-size: cover;
    min-height: 660px;
    position: relative;
}

.dash-top-4 {
    background-color: #f0f0f0;
    background: url("../i/marketing-home-04-blur.jpg") no-repeat 0 0;
    background-size: cover;
    min-height: 660px;
    position: relative;
}

.dash-top {
    /*background-color: #f0f0f0;
    background: url("../i/marketing-home-01-blur.jpg") no-repeat 0 0;
    background-size: cover;
    min-height: 660px;
    position: relative;*/
}

    .dash-top .dash-top-content {
        top: 80px;
    }

        .dash-top .dash-top-content .right:after {
            content: "";
            display: table;
            clear: both;
        }

        .dash-top .dash-top-content .user {
            color: #ffffff;
            font-size: 18px;
            font-weight: 400;
        }

        .dash-top .dash-top-content .arrow {
            margin: 0 22px 0 12px;
            width: 14px;
        }

        .dash-top .dash-top-content .profile {
            position: relative;
            top: 25px;
            width: 60px;
        }

        .dash-top .dash-top-content .welcome-text {
            margin-left: 25px;
        }

            .dash-top .dash-top-content .welcome-text span {
                font-size: 20px;
            }

        .dash-top .dash-top-content .search-links {
            color: #ffffff;
            text-transform: uppercase;
        }

            .dash-top .dash-top-content .search-links a {
                color: #ffffff;
                font-weight: 700;
                font-size: 13px;
                letter-spacing: 1px;
                padding: 0 15px;
                text-decoration: none;
            }

        .dash-top .dash-top-content .search-input {
            border: none;
            font-size: 20px;
            height: 80px;
            outline: none;
            padding: 0 40px;
            margin-top: 20px;
            background-color: #ffffff;
        }

        .dash-top .dash-top-content .btn-emphasis {
            background-image: url("../i/dashboard-search.png");
            background-position: right 24px center;
            background-repeat: no-repeat;
            background-size: 20px;
            padding-left: 24px;
            padding-right: 84px;
            width: 330px;
        }


.dash-sb .tab-label,
.dash-btm .tab-label {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
}

.dash-sb a {
    text-decoration: none;
}

.dash-sb .sub-intro-box {
    height: 100px;
    padding: 0;
    top: -50px;
}

.dash-sb .tab-label {
    left: 150px;
}

.dash-sb .tab-label,
.dash-sb .pen-tools {
    position: relative;
    top: -58px;
}

    .dash-sb .pen-tools li {
        float: left;
        height: 100px;
        position: relative;
        text-align: center;
        width: 100px;
        list-style: none;
    }

        .dash-sb .pen-tools li img {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .dash-sb .pen-tools li .tree {
            max-height: 48px;
        }

        .dash-sb .pen-tools li .doc {
            max-height: 50px;
        }

        .dash-sb .pen-tools li .star {
            max-height: 47px;
        }

        .dash-sb .pen-tools li .case {
            max-height: 40px;
        }

        .dash-sb .pen-tools li .calc {
            max-height: 48px;
        }

    .dash-sb .pen-tools .tool-hover {
        background: #01a37e;
        /* The Fallback */
        background: rgba(1, 163, 126, 0.8);
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .dash-sb .pen-tools a {
        color: #ffffff;
        position: relative;
        top: 42%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
    }

        .dash-sb .pen-tools a.two-lines {
            color: #ffffff;
            position: relative;
            top: 13%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 14px;
            font-weight: 400;
            line-height: 26px;
        }

    .dash-sb .pen-tools li:hover .tool-hover {
        display: block;
    }

.dash-sb .feature-box {
    top: -82px;
}

    .dash-sb .feature-box .feature-img {
        width: auto;
    }

    .dash-sb .feature-box p {
        font-size: 16px;
        line-height: 22px;
    }

    .dash-sb .feature-box .img-1 {
        height: 160px;
        width: 160px;
    }

    .dash-sb .feature-box .inner-details {
        left: 5%;
        width: 48%;
        top: 15px;
        padding-top: 6px;
    }

        .dash-sb .feature-box .inner-details span, .dash-sb .feature-box .inner-details a {
            color: #f7941d;
        }

        .dash-sb .feature-box .inner-details a {
            top: 0;
        }

    .dash-sb .feature-box a, .dash-sb .feature-box span {
        font-weight: 700;
        font-size: 14px;
    }

.dash-tabs .tab-label {
    background-color: #2ca5aa;
    color: #ffffff;
    width: 25%;
}

.dash-tabs .tab-inner h3 {
    padding: 0 0 0;
}

.dash-tabs input:checked + label.tab-label-secondary,
.dash-tabs label.tab-label-secondary {
    background-color: #01a37e;
    color: #ffffff;
}

.dash-tabs input:checked + label.tab-label-three,
.dash-tabs label.tab-label-three {
    background-color: #00705b;
    color: #ffffff;
}

.dash-tabs input:checked + label.tab-label-four,
.dash-tabs label.tab-label-four {
    background-color: #d96200;
    color: #ffffff;
}

.dash-tabs .tab-primary h3, .dash-tabs .tab-primary a {
    color: #2ca5aa;
}

.dash-tabs .tab-secondary h3, .dash-tabs .tab-secondary a {
    color: #01a37e;
}

.dash-tabs .tab-three h3, .dash-tabs .tab-three a {
    color: #00705b;
}

.dash-tabs .tab-four h3, .dash-tabs .tab-four a {
    color: #d96200;
}

.dash-btm .twitter-box {
    left: auto;
    margin-top: 56px;
    padding: 55px 40px 25px;
}

    .dash-btm .twitter-box img {
        width: 48px;
    }

    .dash-btm .twitter-box span {
        display: block;
    }

    .dash-btm .twitter-box .twitter-at {
        color: #C7C1C1;
    }

.author-box {
    background: #01a37e url("../i/enews-block-400x400.jpg") no-repeat 0 0;
    background-size: contain;
    padding: 0;
    right: -15px;
}

.inner-box {
    float: left;
    height: 200px;
    text-align: center;
    width: 200px;
    background: #01a37e;
    /* The Fallback */
    background: rgba(1, 163, 126, 0.7);
}

    .inner-box img {
        display: block;
        margin: 0 auto 20px;
    }

    .inner-box a {
        color: #ffffff;
        line-height: 20px;
        text-decoration: none;
    }

.banner-text-mobile {
  display: none; }

.banner-mobile {
  display: none; }

section.mid-col a.contributors {
    padding: 10px 0;
    display: block;
}

section.mid-col img.content-img {
    width: 100%;
    margin: 10px 0;
}

ul.service-list {
    list-style: circle;
    margin: 10px 0;
}

    ul.service-list li {
        list-style: disc inside;
        padding: 5px 0 5px 12px;
    }

section img.icon {
    height: 23px;
    margin: 0;
    position: relative;
    top: 6px;
    width: 23px;
}

section .box {
    margin: 30px auto 0;
}

    section .box .box-content {
        padding: 30px 30px 0;
    }

        section .box .box-content h2 {
            margin-top: 0;
        }

section .row-border {
    border-bottom: 1px solid #E5E6E7;
    color: #01a37e;
    font-size: 20px;
    font-weight: 500;
    padding: 15px 30px;
}

section .search-icon {
    background: url("../i/toc-content.png") no-repeat 0 0;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    top: 4px;
    background-size: 100% 100%;
}

    section .search-icon:hover {
        background: url("../i/toc-content-hover.png") no-repeat 0 0;
        background-size: 100% 100%;
    }

.toc input[type="checkbox"],
input[type="checkbox"].circle {
    display: none;
}

    .toc input[type="checkbox"] + label.check-circle,
    input[type="checkbox"].circle + label.check-circle {
        display: inline-block;
        cursor: pointer;
        outline: 0;
        width: 20px;
        height: 20px;
        background: url("../i/circle-icon.png") no-repeat 0 0;
        background-size: 100% 100%;
        margin-right: 20px;
        position: relative;
        top: 4px;
    }

    .toc input[type="checkbox"]:checked + label.check-circle,
    input[type="checkbox"].circle:checked + label.check-circle {
        background-image: url("../i/circle-checked-icon.png");
    }

.check-square input[type="checkbox"] + label.check-circle,
.check-square input[type="checkbox"].circle + label.check-circle {
    background: url("../i/square-outline.png") no-repeat 0 0;
}

.check-square input[type="checkbox"]:checked + label.check-circle,
.check-square input[type="checkbox"].circle:checked + label.check-circle {
    background-image: url("../i/green-check-square.png");
}

.toc-wrapper {
    overflow-x: visible;
    width: 100%;
}

section .toc-header {
    margin-top: 30px;
    padding-bottom: 20px;
    padding-left: 10px;
}

#toc1-head {
    overflow-x: hidden;
}

.toc-table, .signup-table {
    font-size: 14px;
    line-height: 20px;
    overflow-x: hidden;
}

    .toc-table tr, .signup-table tr {
        border-bottom: 1px solid #E5E6E7;
    }

    .toc-table .row-parent, .signup-table .row-parent {
        border: none;
    }

        .toc-table .row-parent td, .signup-table .row-parent td {
            padding-bottom: 8px;
        }

    .toc-table .no-option td, .signup-table .no-option td {
        color: #24282C;
        padding: 15px 10px 10px;
    }

    .toc-table .row-child, .signup-table .row-child {
        font-style: italic;
    }

        .toc-table .row-child td, .signup-table .row-child td {
            padding-top: 3px;
        }

        .toc-table .row-child .title, .signup-table .row-child .title {
            padding-left: 30px;
        }

    .toc-table .nb, .signup-table .nb {
        border: none;
    }

        .toc-table .nb td, .signup-table .nb td {
            padding-bottom: 8px;
        }

    .toc-table th, .toc-table td, .signup-table th, .signup-table td {
        padding: 12px;
    }

    .toc-table th, .signup-table th {
        background-color: #ffffff;
        font-weight: bold;
        text-align: left;
    }

    .toc-table td, .signup-table td {
        color: #000000;
        font-weight: 300;
        font-size: 16px;
        line-height: 26px;
    }

    .toc-table .popup-container:hover span, .signup-table .popup-container:hover span {
        font-weight: 300;
        left: 3px;
        line-height: 18px;
        padding: 10px 15px;
        text-align: left;
        top: -55px;
        white-space: normal;
        width: 205px;
    }

        .toc-table .popup-container:hover span:before, .signup-table .popup-container:hover span:before {
            left: 8px;
        }

.clone-table {
    border-collapse: inherit;
}

    .clone-table th {
        border-bottom: 1px solid #E5E6E7;
    }

.checkbox-list {
    display: inline;
    float: left;
    position: relative;
    top: 15px;
}

.list-form .detail-list {
    position: relative;
    top: 25px;
}

.list-form .contact-form {
    margin-top: 45px;
}

    .list-form .contact-form .input-container {
        margin: 0;
        float: right;
    }

.content-list {
    border-top: 1px solid #E5E6E7;
    margin: 30px -10px 25px;
    position: relative;
}

    .content-list li {
        list-style: none;
        border-bottom: 1px solid #E5E6E7;
        padding: 12px 10px;
        position: relative;
    }

        .content-list li p {
            font-size: 14px;
            padding: 0 0 5px 0;
            margin-right: 100px;
        }

            .content-list li p a {
                font-size: 14px;
            }

        .content-list li .sub-text {
            padding: 0;
        }

    .content-list.kp-list li .sub-text, .search-block .sub-text {
        display: inline-block;
    }

    .content-list li .sub-text a {
        font-size: 14px;
        color: #01a37e;
        text-decoration: none;
        font-style: normal;
        padding-right: 5px;
    }

    .content-list li a {
        text-decoration: none;
    }

    .content-list li ul {
        margin: 10px 0 10px 38px;
    }

    .content-list li li {
        border: none;
        list-style: square;
        padding: 0;
        font-size: 14px;
        line-height: 24px;
    }

    .content-list.trending li li {
        list-style: disc;
        font-size: inherit;
    }

        .content-list li li a {
            line-height: 24px;
            text-decoration: underline;
        }

    .content-list li:last-of-type {
        border-bottom: none;
    }

    .content-list.trending li:last-of-type {
        border-bottom: none;
    }

    .content-list .languages a {
        color: #01a37e;
        padding: 0 8px;
    }

        .content-list .languages a:hover {
            color: #00705b;
        }

.fluid-left--narrow .content-list li:last-of-type {
    border-bottom: 1px solid #E5E6E7;
}

.fluid-left--narrow .content-list li ul li:last-of-type {
    border: none;
}

.alert {
    /*background-color: #f7941d;
    border: 2px solid #f7941d;
    color: #ffffff;*/
    font-size: 14px;
    font-weight: 400;
    top: 22px;
    padding: 4px 14px;
    position: absolute;
    right: 10px;
}

.alert-white {
    background-color: #ffffff;
    color: #f7941d;
}

.alert-brand {
    color: #01a37e;
    border: 2px solid #f0f0f0;
    padding: 3px 12px;
    margin-right: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 8px;
}

.alert-inline {
    display: inline-block;
    float: none;
    position: inherit;
    margin-right: 20px;
    padding: 0 8px;
    margin-top: -1px;
}

.question-list li {
    list-style: none;
}

.question-list {
    margin-top: 30px;
}

    .question-list h3 {
        margin-bottom: 0;
    }

img.slide-open {
    width: 20px !important;
    float: right;
    position: relative;
    top: 5px;
    cursor: pointer;
}

.fluid-left--narrow .content-list h4, .fluid-left--narrow .content-list h4.slide-open {
    margin: 4px 0 2px;
}

.fluid-left--narrow .content-list img.slide-open {
    top: 7px;
}

.slide-open {
    cursor: pointer;
}

.content-list h4.slide-open {
    margin: 0;
}

.glossary-bar {
    background-color: #f0f0f0;
    text-align: center;
    z-index: 1;
    margin-bottom: 50px;
}

    .glossary-bar ul {
        float: none;
        margin: 0 auto;
        text-align: left;
        right: -4px;
    }

        .glossary-bar ul li {
            display: inline-block;
        }

            .glossary-bar ul li a {
                display: inline-block;
                color: #01a37e;
                font-size: 20px;
                font-weight: 400;
                text-decoration: none;
                padding: 7px 5px 5px 5px;
                border-bottom: 2px solid transparent;
            }

                .glossary-bar ul li a:hover, .glossary-bar ul li a:focus {
                    color: #00705b;
                    border-bottom: 2px solid #00705b;
                }

            .glossary-bar ul li .current {
                color: #00705b;
                border-bottom: 2px solid #00705b;
            }

.definition {
    display: none;
}

    /*.definition span {
        font-weight: 700;
        font-size: 14px;
    }*/

.search-glossary {
    float: right;
    position: relative;
    bottom: -15px;
    top: 5px;
    cursor: pointer;
}

.search-glossary-active {
    position: absolute;
    right: -140px;
    top: 5px;
}

.icon-search {
    display: none;
    border: 2px solid #01a37e;
    height: 45px;
    width: 200px;
    padding: 10px;
    background-image: url("../i/00-search.png");
    background-repeat: no-repeat;
    background-position: 150px;
    float: right;
}

.contact-form .input-container-right {
    float: right;
    margin: 0;
    position: relative;
    top: -25px;
}

/* Handouts */
.doc-list li {
    margin-bottom: 4px;
}

    .doc-list li img {
        padding-right: 15px;
        position: relative;
        top: 5px;
        width: 30px;
    }

    .doc-list li a {
        font-size: 14px;
        font-weight: normal;
        color: #01a37e;
        text-decoration: none;
    }

.brand-list {
    color: #01a37e;
}

.tabbed-list {
    margin-left: 30px;
}

    .tabbed-list .content-list {
        margin-bottom: 35px;
    }

        .tabbed-list .content-list li:after {
            content: "";
            display: table;
            clear: both;
        }

        .tabbed-list .content-list li > a {
            max-width: 70%;
            display: inline-block;
        }

        .tabbed-list .content-list li span.languages {
            max-width: 30%;
        }

    .tabbed-list h6 {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        margin-top: 20px;
    }

.language-select-header {
    position: relative;
}

    .language-select-header h3 {
        padding-right: 120px;
    }

    .language-select-header .language-select {
        position: absolute;
        right: 0;
        margin-top: 0;
        top: 0;
    }

form input {
    width: 100%;
    height: 50px;
    background-color: #f0f0f0;
    border: none;
    padding: 0 0 0 20px;
    border: 2px solid transparent;
}

    input.small-input {
        border: 2px solid #f0f0f0;
        background-color: #ffffff;
        width: 150px;
        float: right;
    }

    input[type=search]:focus,
    input[type=text]:focus {
        background-color: #ffffff;
        border: 2px solid #01a37e;
    }

.input-title {
    display: none;
}

input[type=text]:focus + .input-title {
    display: block;
}

.input-hidden {
    display: none;
    color: #C7C1C1;
    font-weight: 400;
    top: -21px;
    left: 22px;
    position: absolute;
    font-size: 12px;
}

.input-required:after {
    content: " *";
    position: absolute;
    top: 13px;
    right: 10px;
    color: #01a37e;
}

    .input-required:after textarea {
        width: 100%;
    }

.input-required-error input, .input-required-error textarea {
    border: 2px solid #D0021B !important;
}

.input-required-error:after {
    color: #D0021B;
}

.contact-form,
.author-container,
.profile-container,
.sign-up-container,
.forgot-login,
.language-select {
    margin-top: 30px;
}

    .contact-form .input-container,
    .author-container .input-container,
    .profile-container .input-container,
    .sign-up-container .input-container,
    .forgot-login .input-container,
    .language-select .input-container {
        float: left;
        width: 300px;
        height: 50px;
        margin: 0 0 30px 0;
        position: relative;
    }

        .contact-form .input-container ::-webkit-input-placeholder,
        .author-container .input-container ::-webkit-input-placeholder,
        .profile-container .input-container ::-webkit-input-placeholder,
        .sign-up-container .input-container ::-webkit-input-placeholder,
        .forgot-login .input-container ::-webkit-input-placeholder,
        .language-select .input-container ::-webkit-input-placeholder {
            color: #C7C1C1;
            font-weight: 400;
        }

        .contact-form .input-container :-moz-placeholder,
        .author-container .input-container :-moz-placeholder,
        .profile-container .input-container :-moz-placeholder,
        .sign-up-container .input-container :-moz-placeholder,
        .forgot-login .input-container :-moz-placeholder,
        .language-select .input-container :-moz-placeholder {
            /* Firefox 18- */
            color: #C7C1C1;
            font-weight: 400;
        }

        .contact-form .input-container ::-moz-placeholder,
        .author-container .input-container ::-moz-placeholder,
        .profile-container .input-container ::-moz-placeholder,
        .sign-up-container .input-container ::-moz-placeholder,
        .forgot-login .input-container ::-moz-placeholder,
        .language-select .input-container ::-moz-placeholder {
            /* Firefox 19+ */
            color: #C7C1C1;
            font-weight: 400;
        }

        .contact-form .input-container :-ms-input-placeholder,
        .author-container .input-container :-ms-input-placeholder,
        .profile-container .input-container :-ms-input-placeholder,
        .sign-up-container .input-container :-ms-input-placeholder,
        .forgot-login .input-container :-ms-input-placeholder,
        .language-select .input-container :-ms-input-placeholder {
            color: #C7C1C1;
            font-weight: 400;
        }

    .contact-form .affiliations,
    .author-container .affiliations,
    .profile-container .affiliations,
    .sign-up-container .affiliations,
    .forgot-login .affiliations,
    .language-select .affiliations {
        margin-bottom: 30px;
    }

    .contact-form .message textarea,
    .author-container .message textarea,
    .profile-container .message textarea,
    .sign-up-container .message textarea,
    .forgot-login .message textarea,
    .language-select .message textarea {
        background-color: #f0f0f0;
        /*border: none;*/
        padding: 15px 0 0 20px;
        margin: 10px 0 40px 0;
    }

        .contact-form .message textarea:focus {
            background-color: #ffffff;
            border: 2px solid #01a37e;
        }

    .contact-form .message ::-webkit-input-placeholder,
    .author-container .message ::-webkit-input-placeholder,
    .profile-container .message ::-webkit-input-placeholder,
    .sign-up-container .message ::-webkit-input-placeholder,
    .forgot-login .message ::-webkit-input-placeholder,
    .language-select .message ::-webkit-input-placeholder {
        color: #C7C1C1;
        font-weight: 400;
    }

    .contact-form .message :-moz-placeholder,
    .author-container .message :-moz-placeholder,
    .profile-container .message :-moz-placeholder,
    .sign-up-container .message :-moz-placeholder,
    .forgot-login .message :-moz-placeholder,
    .language-select .message :-moz-placeholder {
        /* Firefox 18- */
        color: #C7C1C1;
        font-weight: 400;
    }

    .contact-form .message ::-moz-placeholder,
    .author-container .message ::-moz-placeholder,
    .profile-container .message ::-moz-placeholder,
    .sign-up-container .message ::-moz-placeholder,
    .forgot-login .message ::-moz-placeholder,
    .language-select .message ::-moz-placeholder {
        /* Firefox 19+ */
        color: #C7C1C1;
        font-weight: 400;
    }

    .contact-form .message :-ms-input-placeholder,
    .author-container .message :-ms-input-placeholder,
    .profile-container .message :-ms-input-placeholder,
    .sign-up-container .message :-ms-input-placeholder,
    .forgot-login .message :-ms-input-placeholder,
    .language-select .message :-ms-input-placeholder {
        color: #C7C1C1;
        font-weight: 400;
    }

    .contact-form .click-nav,
    .author-container .click-nav,
    .profile-container .click-nav,
    .sign-up-container .click-nav,
    .forgot-login .click-nav,
    .language-select .click-nav {
        width: 300px;
    }

        .contact-form .click-nav ul.sub li,
        .author-container .click-nav ul.sub li,
        .profile-container .click-nav ul.sub li,
        .sign-up-container .click-nav ul.sub li,
        .forgot-login .click-nav ul.sub li,
        .language-select .click-nav ul.sub li {
            width: 100%;
            border-bottom: 1px solid #eee;
            border-right: 1px solid #eee;
            border-left: 1px solid #eee;
        }

        .contact-form .click-nav ul li,
        .author-container .click-nav ul li,
        .profile-container .click-nav ul li,
        .sign-up-container .click-nav ul li,
        .forgot-login .click-nav ul li,
        .language-select .click-nav ul li {
            list-style: none;
        }

        .contact-form .click-nav ul.sub,
        .author-container .click-nav ul.sub,
        .profile-container .click-nav ul.sub,
        .sign-up-container .click-nav ul.sub,
        .forgot-login .click-nav ul.sub,
        .language-select .click-nav ul.sub {
            box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.4);
        }

            .contact-form .click-nav ul.sub li,
            .author-container .click-nav ul.sub li,
            .profile-container .click-nav ul.sub li,
            .sign-up-container .click-nav ul.sub li,
            .forgot-login .click-nav ul.sub li,
            .language-select .click-nav ul.sub li {
                z-index: 1;
            }

                .contact-form .click-nav ul.sub li a,
                .author-container .click-nav ul.sub li a,
                .profile-container .click-nav ul.sub li a,
                .sign-up-container .click-nav ul.sub li a,
                .forgot-login .click-nav ul.sub li a,
                .language-select .click-nav ul.sub li a {
                    background-color: #ffffff;
                }

        .contact-form .click-nav ul li a,
        .author-container .click-nav ul li a,
        .profile-container .click-nav ul li a,
        .sign-up-container .click-nav ul li a,
        .forgot-login .click-nav ul li a,
        .language-select .click-nav ul li a {
            padding: 12px 0 12px 20px;
            font-weight: 400;
            font-size: 16px;
            color: #01a37e;
            text-decoration: none;
        }

        .contact-form .click-nav ul li .sub a,
        .author-container .click-nav ul li .sub a,
        .profile-container .click-nav ul li .sub a,
        .sign-up-container .click-nav ul li .sub a,
        .forgot-login .click-nav ul li .sub a,
        .language-select .click-nav ul li .sub a {
            font-weight: 300;
        }

        .contact-form .click-nav img,
        .author-container .click-nav img,
        .profile-container .click-nav img,
        .sign-up-container .click-nav img,
        .forgot-login .click-nav img,
        .language-select .click-nav img {
            top: 20px !important;
            right: 20px;
            left: auto;
        }

    .contact-form .buttons,
    .author-container .buttons,
    .profile-container .buttons,
    .sign-up-container .buttons,
    .forgot-login .buttons,
    .language-select .buttons {
        float: right;
        margin: 0 65px 0 0;
    }

        .contact-form .buttons .btn, .contact-form .buttons .btn-simple, .contact-form .buttons .btn-small, .contact-form .buttons .btn-secondary, .contact-form .buttons .btn-secondary-lt, .contact-form .buttons .btn-emphasis, .contact-form .buttons .btn-overlay, .contact-form .buttons .btn-form,
        .author-container .buttons .btn,
        .author-container .buttons .btn-simple,
        .author-container .buttons .btn-small,
        .author-container .buttons .btn-secondary,
        .author-container .buttons .btn-secondary-lt,
        .author-container .buttons .btn-emphasis,
        .author-container .buttons .btn-overlay,
        .author-container .buttons .btn-form,
        .profile-container .buttons .btn,
        .profile-container .buttons .btn-simple,
        .profile-container .buttons .btn-small,
        .profile-container .buttons .btn-secondary,
        .profile-container .buttons .btn-secondary-lt,
        .profile-container .buttons .btn-emphasis,
        .profile-container .buttons .btn-overlay,
        .profile-container .buttons .btn-form,
        .sign-up-container .buttons .btn,
        .sign-up-container .buttons .btn-simple,
        .sign-up-container .buttons .btn-small,
        .sign-up-container .buttons .btn-secondary,
        .sign-up-container .buttons .btn-secondary-lt,
        .sign-up-container .buttons .btn-emphasis,
        .sign-up-container .buttons .btn-overlay,
        .sign-up-container .buttons .btn-form,
        .forgot-login .buttons .btn,
        .forgot-login .buttons .btn-simple,
        .forgot-login .buttons .btn-small,
        .forgot-login .buttons .btn-secondary,
        .forgot-login .buttons .btn-secondary-lt,
        .forgot-login .buttons .btn-emphasis,
        .forgot-login .buttons .btn-overlay,
        .forgot-login .buttons .btn-form,
        .language-select .buttons .btn,
        .language-select .buttons .btn-simple,
        .language-select .buttons .btn-small,
        .language-select .buttons .btn-secondary,
        .language-select .buttons .btn-secondary-lt,
        .language-select .buttons .btn-emphasis,
        .language-select .buttons .btn-overlay,
        .language-select .buttons .btn-form {
            padding: 14px 30px 15px 30px;
            height: 54px;
        }

            .contact-form .buttons .btn a, .contact-form .buttons .btn-simple a, .contact-form .buttons .btn-small a, .contact-form .buttons .btn-secondary a, .contact-form .buttons .btn-secondary-lt a, .contact-form .buttons .btn-emphasis a, .contact-form .buttons .btn-overlay a, .contact-form .buttons .btn-form a,
            .author-container .buttons .btn a,
            .author-container .buttons .btn-simple a,
            .author-container .buttons .btn-small a,
            .author-container .buttons .btn-secondary a,
            .author-container .buttons .btn-secondary-lt a,
            .author-container .buttons .btn-emphasis a,
            .author-container .buttons .btn-overlay a,
            .author-container .buttons .btn-form a,
            .profile-container .buttons .btn a,
            .profile-container .buttons .btn-simple a,
            .profile-container .buttons .btn-small a,
            .profile-container .buttons .btn-secondary a,
            .profile-container .buttons .btn-secondary-lt a,
            .profile-container .buttons .btn-emphasis a,
            .profile-container .buttons .btn-overlay a,
            .profile-container .buttons .btn-form a,
            .sign-up-container .buttons .btn a,
            .sign-up-container .buttons .btn-simple a,
            .sign-up-container .buttons .btn-small a,
            .sign-up-container .buttons .btn-secondary a,
            .sign-up-container .buttons .btn-secondary-lt a,
            .sign-up-container .buttons .btn-emphasis a,
            .sign-up-container .buttons .btn-overlay a,
            .sign-up-container .buttons .btn-form a,
            .forgot-login .buttons .btn a,
            .forgot-login .buttons .btn-simple a,
            .forgot-login .buttons .btn-small a,
            .forgot-login .buttons .btn-secondary a,
            .forgot-login .buttons .btn-secondary-lt a,
            .forgot-login .buttons .btn-emphasis a,
            .forgot-login .buttons .btn-overlay a,
            .forgot-login .buttons .btn-form a,
            .language-select .buttons .btn a,
            .language-select .buttons .btn-simple a,
            .language-select .buttons .btn-small a,
            .language-select .buttons .btn-secondary a,
            .language-select .buttons .btn-secondary-lt a,
            .language-select .buttons .btn-emphasis a,
            .language-select .buttons .btn-overlay a,
            .language-select .buttons .btn-form a {
                text-decoration: none;
                font-weight: 400;
                font-size: 14px;
            }

            .contact-form .buttons .btn-form:first-child,
            .author-container .buttons .btn-form:first-child,
            .profile-container .buttons .btn-form:first-child,
            .sign-up-container .buttons .btn-form:first-child,
            .forgot-login .buttons .btn-form:first-child,
            .language-select .buttons .btn-form:first-child {
                margin-right: 10px;
            }

    .contact-form .message textarea {
        width: 100%;
    }

    .contact-form .buttons {
        margin: 0;
    }

    .contact-form.contact {
        width: 650px;
    }

    .author-container .left-text,
    .profile-container .left-text,
    .sign-up-container .left-text {
        float: left;
        width: 50%;
        color: #B4B4B4;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .author-container .right-form,
    .profile-container .right-form,
    .sign-up-container .right-form {
        float: left;
        width: 50%;
        text-align: right;
        padding-right: 60px;
    }

        .author-container .right-form .row-border,
        .profile-container .right-form .row-border,
        .sign-up-container .right-form .row-border {
            margin-top: 20px;
        }

    .author-container hr,
    .profile-container hr,
    .sign-up-container hr {
        clear: both;
        margin: 30px -10px 50px -10px;
    }

    .author-container .left-side,
    .profile-container .left-side,
    .sign-up-container .left-side {
        float: left;
        width: 50%;
    }

        .author-container .left-side p,
        .profile-container .left-side p,
        .sign-up-container .left-side p {
            color: #a0a0a0;
            font-weight: 400;
        }

    .author-container .right-side input,
    .author-container .right-side .click-nav ul li,
    .profile-container .right-side input,
    .profile-container .right-side .click-nav ul li,
    .sign-up-container .right-side input,
    .sign-up-container .right-side .click-nav ul li,
    .profile-container .click-nav ul li {
        width: 350px;
    }

    .author-container input[type="checkbox"],
    .author-container input[type="checkbox"].circle,
    .profile-container input[type="checkbox"],
    .profile-container input[type="checkbox"].circle,
    .sign-up-container input[type="checkbox"],
    .sign-up-container input[type="checkbox"].circle {
        display: none;
    }

        .author-container input[type="checkbox"] + label.check-circle,
        .author-container input[type="checkbox"].circle + label.check-circle,
        .profile-container input[type="checkbox"] + label.check-circle,
        .profile-container input[type="checkbox"].circle + label.check-circle,
        .sign-up-container input[type="checkbox"] + label.check-circle,
        .sign-up-container input[type="checkbox"].circle + label.check-circle {
            display: inline-block;
            cursor: pointer;
            outline: 0;
            width: 20px;
            height: 20px;
            background: url("../i/circle-icon.png") no-repeat 0 0;
            background-size: 100% 100%;
            margin: 0 10px 0 60px;
            position: relative;
            top: 4px;
        }

        .author-container input[type="checkbox"]:checked + label.check-circle,
        .author-container input[type="checkbox"].circle:checked + label.check-circle,
        .profile-container input[type="checkbox"]:checked + label.check-circle,
        .profile-container input[type="checkbox"].circle:checked + label.check-circle,
        .sign-up-container input[type="checkbox"]:checked + label.check-circle,
        .sign-up-container input[type="checkbox"].circle:checked + label.check-circle {
            background-image: url("../i/circle-checked-icon.png");
        }

    .author-container .check-square input[type="checkbox"] + label.check-circle,
    .author-container .check-square input[type="checkbox"].circle + label.check-circle,
    .profile-container .check-square input[type="checkbox"] + label.check-circle,
    .profile-container .check-square input[type="checkbox"].circle + label.check-circle,
    .sign-up-container .check-square input[type="checkbox"] + label.check-circle,
    .sign-up-container .check-square input[type="checkbox"].circle + label.check-circle {
        background: url("../i/square-outline.png") no-repeat 0 0;
    }

    .author-container .check-square input[type="checkbox"]:checked + label.check-circle,
    .author-container .check-square input[type="checkbox"].circle:checked + label.check-circle,
    .profile-container .check-square input[type="checkbox"]:checked + label.check-circle,
    .profile-container .check-square input[type="checkbox"].circle:checked + label.check-circle,
    .sign-up-container .check-square input[type="checkbox"]:checked + label.check-circle,
    .sign-up-container .check-square input[type="checkbox"].circle:checked + label.check-circle {
        background-image: url("../i/green-check-square.png");
    }

    .author-container .right-form p,
    .profile-container .right-form p,
    .sign-up-container .right-form p {
        display: inline-block;
        padding: 0;
        font-weight: 400;
    }

    .author-container .right-form .message,
    .profile-container .right-form .message,
    .sign-up-container .right-form .message {
        margin-top: 0 !important;
    }

    .author-container .buttons.author-button,
    .profile-container .buttons.author-button,
    .sign-up-container .buttons.author-button {
        margin: 20px 10px 50px 0;
    }

    .author-container hr.line {
        margin: 40px 0 20px 0;
    }

        .author-container hr.line:first-of-type {
            margin-bottom: 0;
        }

.submit-form .right-side .message textarea {
    width: 350px;
    float: right;
    margin: 10px 0px 10px 0;
}

.submit-form .content-list-small {
    margin: 20px -10px 20px;
}

.submit-form .profile-container .input-container {
    float: right;
    width: auto;
    margin: 10px 0px 10px 0;
}

.submit-form .profile-container .left-side p {
    position: relative;
    top: 20px;
}

.author-container .right-form {
    padding-right: 10px;
}

.sign-up-container {
    padding-bottom: 50px;
}

    /* Sign-up pages */
    .sign-up-container .rght-side,
    .sign-up-container label,
    .sign-up-container p {
        float: left;
    }

        .sign-up-container p.b {
            font-weight: 400;
            color: #000;
        }

    .sign-up-container h3 {
        margin: 30px 0 25px 0;
    }

    .sign-up-container p.fine-print {
        color: #B4B4B4;
        font-size: 14px;
        font-style: italic;
        letter-spacing: 0.01rem;
        font-weight: 300;
    }

    .sign-up-container hr {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .sign-up-container .radio {
        float: left;
        position: relative;
        top: 10px;
    }

        .sign-up-container .radio p {
            padding: 0;
        }

    .sign-up-container .click-nav img {
        width: 15px;
        margin: 0;
    }

    .sign-up-container .click-nav ul li {
        width: 100%;
    }

    .sign-up-container .right-side .click-nav ul li {
        background-color: #ffffff;
        width: 100%;
    }

    .sign-up-container .click-nav ul li a.active {
        background-color: #ffffff;
        color: #f0f0f0;
        border: 2px solid #f0f0f0;
        height: 50px;
    }

    .sign-up-container .inner-container .left-side,
    .sign-up-container .inner-container .left-side input,
    .sign-up-container .left-side {
        width: 350px;
        margin: 0 50px 0 0;
    }

    .sign-up-container .inner-container .right-side,
    .sign-up-container .inner-container .right-side input {
        width: 350px;
    }

        .sign-up-container .inner-container .left-side input:focus,
        .sign-up-container .inner-container .right-side input:focus {
            border: 2px solid #01a37e;
            background-color: #FFF;
        }

        .sign-up-container .inner-container .left-side input:visited,
        .sign-up-container .inner-container .right-side input:visited {
            border: 2px solid #f0f0f0;
            background-color: #FFF;
        }

    .sign-up-container .inner-container .radio p {
        padding: 0;
    }

    .sign-up-container .trial {
        clear: both;
        padding: 20px;
    }

        .sign-up-container .trial .trial-radio {
            width: 90%;
            margin: 0 auto;
            padding-left: 30px;
        }

            .sign-up-container .trial .trial-radio p {
                padding: 0;
                color: #B4B4B4;
                font-weight: 400;
                position: relative;
                right: -15px;
                top: 2px;
            }

            .sign-up-container .trial .trial-radio a {
                color: #01a37e;
                text-decoration: none;
                font-weight: 400;
            }

        .sign-up-container .trial .buttons {
            width: 100%;
            margin: 0 auto;
            text-align: center;
            padding-top: 30px;
        }

    .sign-up-container .content-list {
        position: relative;
        top: 50px;
    }

    .sign-up-container .membership.right-side {
        width: 48%;
        margin: 0 0 40px 0;
        float: right;
    }

        .sign-up-container .membership.right-side .click-nav {
            width: 100%;
        }

    .sign-up-container .membership.left-side {
        float: left;
        width: 50%;
        margin: 0 !important;
    }

        .sign-up-container .membership.left-side .click-nav {
            width: 100%;
            float: left;
        }

.profile-container hr {
    margin: 30px 0;
}

.profile-container .input-container.last {
    margin-bottom: 50px;
}

.country-box-title p.color-text,
.country-box-title p.detail {
    font-weight: 400;
    font-size: 16px;
}

.country-box-title .country-num p.detail {
    float: right;
}

.country-box {
    background: #f0f0f0;
    margin-bottom: 10px;
}

.country-input-details p {
    color: #000;
    font-weight: 400;
    padding: 10px 20px 0px 20px;
    width: 100%;
}

.country-input-details .xs-6, .country-input-details .xs-10, .country-input-details .xs-12 {
    margin-bottom: 10px;
}

.country-num p {
    text-align: right;
    padding-right: 20px;
}

.country-input-details:nth-of-type(2n) {
    margin-top: 30px;
}

/* My Account page */
.mid-col .profile-img,
.mid-col .distribution-img {
    float: left;
    padding-bottom: 20px;
}

    .mid-col .profile-img img,
    .mid-col .distribution-img img {
        width: 130px;
        float: left;
        margin-right: 20px;
    }

.distribution-img .upload {
    margin-top: 50px;
}

.upload {
    float: left;
    margin-top: 65px;
}

    .upload .new-upload {
        float: left;
        color: #01a37e;
        font-weight: 400;
        font-size: 14px;
    }

    .upload .expander {
        float: left;
        font-size: 20px;
        top: -2px;
        right: 0px;
        font-weight: 400;
        cursor: pointer;
        color: #01a37e;
        padding-right: 10px;
        position: relative;
    }

.reset a {
    color: #01a37e;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    top: 7px;
}

a.email-preferences {
    text-decoration: none;
    color: #01a37e;
}

.profile-container .my-account-button {
    margin: 20px 60px 60px 0;
}

.profile-container {
    padding-top: 0;
}

.buttons.centered .btn, .buttons.centered .btn-simple, .buttons.centered .btn-small, .buttons.centered .btn-secondary, .buttons.centered .btn-secondary-lt, .buttons.centered .btn-emphasis, .buttons.centered .btn-overlay, .buttons.centered .btn-form, .buttons.centered .btn-secondary {
    padding: 14px 30px 15px 30px;
    height: 54px;
}

    .buttons.centered .btn a, .buttons.centered .btn-simple a, .buttons.centered .btn-small a, .buttons.centered .btn-secondary a, .buttons.centered .btn-secondary-lt a, .buttons.centered .btn-emphasis a, .buttons.centered .btn-overlay a, .buttons.centered .btn-form a, .buttons.centered .btn-secondary a {
        font-weight: 400;
        text-decoration: none;
        font-size: 14px;
    }

.buttons.centered .btn-secondary {
    margin-right: 20px;
}

.buttons.centered .btn, .buttons.centered .btn-simple, .buttons.centered .btn-small, .buttons.centered .btn-secondary, .buttons.centered .btn-secondary-lt, .buttons.centered .btn-emphasis, .buttons.centered .btn-overlay, .buttons.centered .btn-form {
    padding: 14px 30px 15px 30px;
    height: 54px;
}

.login {
    float: none;
    margin: 0 auto;
    padding-bottom: 60px;
}

    .login a {
        text-decoration: none;
        color: #01a37e;
    }

    .login .input-container,
    .login .input-container input {
        width: 100%;
    }

        .login .input-container input,
        .login .input-container input input {
            height: 54px;
        }

    .login .remember {
        margin-right: 30px;
        position: relative;
        top: 5px;
    }

    .login input[type="checkbox"].circle + label.check-circle {
        margin: 0 12px 0 20px;
    }

    .login .btn, .login .btn-simple, .login .btn-small, .login .btn-secondary, .login .btn-secondary-lt, .login .btn-emphasis, .login .btn-overlay, .login .btn-form {
        font-size: 14px;
        font-weight: 400;
        padding: 11px 25px 11px;
        width: auto;
    }

    .login p {
        margin: 25px 0 0 20px;
        font-size: 16px;
        line-height: 26px;
    }

    .login .img-sm {
        margin: 3px 20px 80px 0;
    }

    .login .login-right {
        line-height: 24px;
        margin-top: 0;
    }

        .login .login-right h3 {
            margin-bottom: 31px;
            margin-top: 18px;
        }

        .login .login-right a {
            font-size: 14px;
        }

    .login a.whatsnew-more {
        font-size: 16px;
    }

h3.diff {
    margin-bottom: 10px;
}

.forgot-form {
    width: 100%;
    padding: 20px 0;
}

    .forgot-form .input-container {
        width: 72%;
        margin: 0;
    }

        .forgot-form .input-container input {
            width: 95%;
            height: 54px;
        }

.language-select .click-nav {
    width: 106px;
}

    .language-select .click-nav ul li {
        width: 106px !important;
    }

        .language-select .click-nav ul li a {
            font-size: 12px;
        }

.sign-up-container .inner-container .left-side,
.sign-up-container .inner-container .left-side input,
.sign-up-container .left-side,
.sign-up-container .inner-container .right-side,
.sign-up-container .inner-container .right-side input {
    width: 48%;
}

    .sign-up-container .inner-container .right-side input,
    .sign-up-container .left-side,
    .sign-up-container .inner-container .left-side input,
    .sign-up-container .inner-container .right-side input,
    .sign-up-container .left-side,
    .sign-up-container .inner-container .left-side input {
        width: 100%;
    }

    .sign-up-container .inner-container .left-side,
    .sign-up-container .inner-container .left-side input,
    .sign-up-container .left-side {
        margin: 0 4% 0 0;
    }

h1.bmi-title {
    float: left;
}

.form-text {
    position: absolute;
    right: 0;
    top: 12px;
    font-weight: 400;
}

.calculator-input {
    width: 90%;
    height: 36px;
}

.bmi-form .contact-form .input-container {
    height: 36px;
}

.small-input-container {
    float: right;
    padding-top: 5px;
    position: relative;
    left: -15px;
}

    .small-input-container p {
        float: left;
        font-weight: 400;
        padding-right: 15px;
    }

.conversion-dropdown {
    float: right;
    top: 10px;
    position: relative;
}

    .conversion-dropdown .click-nav img {
        top: 7px;
        left: auto;
        width: 30px;
        right: 2px;
    }

    .conversion-dropdown .click-nav ul li a {
        background-color: #ffffff;
    }

    .conversion-dropdown .click-nav ul .sub {
        position: absolute;
        left: 10px;
        box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.4);
    }

        .conversion-dropdown .click-nav ul .sub li {
            border-bottom: 1px solid #E5E6E7;
            border-right: 1px solid #E5E6E7;
            border-left: 1px solid #E5E6E7;
        }

            .conversion-dropdown .click-nav ul .sub li a {
                background-color: #ffffff;
            }

            .conversion-dropdown .click-nav ul .sub li:first-of-type {
                border-top: 1px solid #E5E6E7;
            }

.condensed-bulleted {
    padding-top: 40px;
}

    .condensed-bulleted p {
        padding-bottom: 0;
    }

    .condensed-bulleted .bulleted-list {
        padding: 0px 0 20px 40px;
    }

        .condensed-bulleted .bulleted-list li {
            padding: 2px;
        }

.bmi-form .list-form .contact-form .input-container {
    float: right;
    margin: -10px;
    position: relative;
    top: -30px;
    margin-bottom: -23px;
}

.bmi-form.content-list.content-list-checkbox li.list-form p {
    position: relative;
    top: 3px;
}

.bmi-form.content-list {
    margin: 20px -10px 25px;
}

.bmi-form .form-text {
    top: 7px;
}

.click-nav.click-nav-small.nav-bmi .dropdown dd ul li {
    width: 100%;
}

    .click-nav.click-nav-small.nav-bmi .dropdown dd ul li:first-of-type {
        border-top: 1px solid #eeeeee;
    }

.profile-container.advanced-search.contact-form .click-nav {
    width: 100%;
}

    .profile-container.advanced-search.contact-form .click-nav .right-side ul {
        margin: 0;
    }

        .profile-container.advanced-search.contact-form .click-nav .right-side ul li {
            width: 100%;
        }

    .profile-container.advanced-search.contact-form .click-nav ul.sub {
        margin: 0;
    }

        .profile-container.advanced-search.contact-form .click-nav ul.sub li a {
            color: #C7C1C1;
        }

.profile-container.advanced-search.contact-form .check-square input[type="checkbox"] + label.check-circle {
    margin: 0;
}

.profile-container.advanced-search.contact-form .check-country {
    height: 30px;
    width: 150px;
    margin-bottom: 5px;
}

.profile-container.advanced-search.contact-form .input-container {
    height: auto;
}

.profile-container.advanced-search.contact-form .check-square {
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
    column-gap: 20px;
    margin: 20px 0 5px 0;
}

    .profile-container.advanced-search.contact-form .check-square p {
        font-size: 12px;
        padding: 0;
        margin-right: 0;
        position: relative;
        top: -20px;
        right: -26px;
        line-height: 12px;
    }

        .profile-container.advanced-search.contact-form .check-square p.detail {
            display: block;
        }

    .profile-container.advanced-search.contact-form .check-square:last-of-type {
        width: 350px;
        padding: 0px 15px;
    }

.country-column .country-column-left {
    float: left;
}

.country-column .country-column-right {
    float: left;
    padding-left: 20px;
}

.country-column .clear {
    clear: both;
}

.submit-form.advanced .buttons {
    float: right;
}

    .submit-form.advanced .buttons .btn-small {
        margin-left: 15px;
        margin-right: 0;
    }

.submit-form.advanced h4 {
    margin-top: 30px;
}

.multi-select select {
    width: 350px;
    border: 2px solid #E5E6E7;
    outline: none;
    background-color: #ffffff;
}

.multi-select option {
    padding: 15px 20px;
}

    .multi-select option:checked,
    .multi-select option[selected],
    .multi-select option:focus {
        background: #f0f0f0;
    }

.multi-select *:focus {
    outline: #f0f0f0 solid 5px;
}

.multi-select option:checked {
    box-shadow: 0 0 10px 100px #f0f0f0 inset;
}

.contact-form .click-nav ul {
    margin: 0;
}

    .contact-form .click-nav ul li {
        width: 100%;
        margin-left: 15%;
    }

    .contact-form .click-nav ul.sub li {
        margin: 0;
    }

.advanced-results .click-nav img {
    top: 18px;
    left: 100px;
}

.advanced-results .detail-link {
    float: left;
    margin-right: 15px;
    list-style: none;
}

.advanced-results .sub-text img {
    margin-right: 10px;
}

.advanced-results .search-input::-webkit-input-placeholder {
    color: #24282C;
}

.advanced-results .search-input:-moz-placeholder {
    color: #24282C;
}

.advanced-results .search-input::-moz-placeholder {
    color: #24282C;
}

.advanced-results .search-input:-ms-input-placeholder {
    color: #24282C;
}

.search-block .alert-inline {
    margin-bottom: 10px;
}

.dropdown-select {
    display: none;
}

#target {
    float: right;
    font-size: 13px;
    line-height: 13px;
    position: relative;
    width: 100%;
}

/*::-webkit-scrollbar {
    display: none;
}*/

.click-nav .dropdown dd, .click-nav .dropdown dt, .click-nav .dropdown ul {
    margin: 0px;
    padding: 0px;
}

.click-nav .dropdown dd {
    position: relative;
}

.click-nav .dropdown a, .click-nav .dropdown a:visited {
    text-decoration: none;
    outline: none;
}

.click-nav .dropdown dt div {
    background: url("../i/arrow-down-green.png") #f0f0f0 95% center no-repeat;
    background-size: 15px auto;
    cursor: pointer;
    color: #01a37e;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding: 12px 0 12px 20px;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out 0s;
}

    .click-nav .dropdown dt div span {
        cursor: pointer;
        display: block;
    }

.click-nav-expand .click-nav .dropdown dd ul {
    max-height: initial;
}

.click-nav .dropdown dd ul {
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.4);
    background: #ffffff none repeat scroll 0 0;
    color: #01a37e;
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    list-style: none;
    z-index: 1000;
    max-height: 250px;
    overflow: scroll;
}

    .click-nav .dropdown dd ul li {
        border-bottom: 1px solid #eeeeee;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
        margin: 0;
    }

        .click-nav .dropdown dd ul li div {
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
            padding: 5px 5px 5px 8px;
            display: block;
            cursor: pointer;
            padding: 12px 0 12px 20px;
        }

.click-nav .dropdown span.value {
    display: none;
}

.click-nav.click-nav-small .dropdown dt div {
    background: url("../i/arrow-down-green.png") #f0f0f0 90% center no-repeat;
    background-size: 15px auto;
}

.click-nav.click-nav-small .dropdown dd ul li {
    border-right: none;
}

.click-nav.click-nav-full #target {
    width: 350px;
}

.click-nav.nav-bmi .dropdown dt div {
    background: url("../i/arrow-down-green.png") #fff 90% center no-repeat;
    background-size: 15px auto;
}

.membership.right-side .click-nav-full .dropdown dt div {
    background: url("../i/arrow-down-green.png") #fff 90% center no-repeat;
    background-size: 15px auto;
}

.membership.right-side .click-nav-full div {
    border: 2px solid #f0f0f0;
}

.membership.right-side .click-nav-full li div {
    border: none;
}

.membership .click-nav-full #target {
    width: 100%;
}

.author-container {
    max-width: 830px;
}

    .author-container .message textarea,
    .author-container .input-container.right-side {
        float: right;
        clear: both;
        width: 350px;
    }

.click-nav .dropdown dd ul {
    color: #01a37e;
}

.click-nav .dropdown dt div {
    color: #a0a0a0;
}

.sign-up-checkbox label.check-circle:first-of-type {
    margin-left: 0 !important;
}

.sign-up-checkbox .check-box {
    padding: 5px 0;
}

.author-container.author-reviewer .left-side {
    margin: 0 0 30px 0;
}

.author-container.author-reviewer .text-box {
    margin-bottom: 30px;
}

    .author-container.author-reviewer .text-box .right-side {
        float: right;
    }

    .author-container.author-reviewer .text-box .left-side {
        margin-top: 25px;
    }

.author-reviewer.author-container .input-container.right-side {
    clear: inherit;
}

.author-reviewer .text-area {
    padding-top: 20px;
}

    .author-reviewer .text-area .right-side {
        float: right;
    }

.author-reviewer.author-container .input-container {
    margin: 0 0 26px 0;
}

.contact-error {
    padding: 20px;
    background-color: #fbe9eb;
    margin-bottom: 40px;
    text-align: center;
}

    .contact-error p {
        font-size: 14px;
        line-height: 24px;
        color: #D0021B;
        font-weight: 400;
        width: 100%;
    }

.newsletter h2.heading {
    font-size: 36px;
    font-weight: 300;
    color: #01a37e;
    line-height: 50px;
}

.newsletter .tags {
    padding: 10px 0 10px 0;
}

.newsletter .content-list h4 {
    padding-top: 10px;
}

.newsletter h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
}

.newsletter .newsletter-archive .archive {
    min-height: 180px;
    cursor: pointer;
}

    .newsletter .newsletter-archive .archive a.color-text {
        bottom: 25px;
        font-size: 14px;
        font-weight: 400;
    }

    .newsletter .newsletter-archive .archive p {
        line-height: 24px;
    }

.newsletter-search-result-heading {
    color: #01a37e;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.newsletter .newsletter-archive .archive-title p {
    line-height: 22px;
    padding: 0;
}

.sidebar .go-to-page {
    padding: 20px 30px 10px 30px;
}

    .sidebar .go-to-page img {
        top: 0 !important;
    }

.sidebar .side-menu-icons {
    padding: 30px 10px 30px 30px;
}

    .sidebar .side-menu-icons.more {
        border-bottom: 1px solid #E5E6E7;
    }

.toolkit-body {
    text-align: center;
}

    .toolkit-body svg.svg-tutorial,
    .toolkit-body img.svg-tutorial,
    .toolkit-body .toolkit-body svg.svg-tutorial-mobile,
    .toolkit-body .toolkit-body img.svg-tutorial-mobile {
        z-index: 9999;
        position: relative;
    }

    .toolkit-body .tutorial-main {
        position: relative;
    }

    .toolkit-body svg.svg-tutorial-mobile,
    .toolkit-body img.svg-tutorial-mobile {
        display: none;
    }

.svg-wrapper {
    width: 100%;
    z-index: 9999;
    margin: 0 auto;
    
    top: 50px;
}

.popup-svg-wrap {
    max-width: 1280px;
    left: 0;
    margin: 0 auto;
    width: 90%;
    position: relative;
}

.help-detail {
    width: 100%;
    padding: 30px 0;
    text-align: center;
}

    .help-detail p, .help-detail a {
        font-weight: 300;
    }

    .help-detail a {
        text-decoration: underline;
        color: #A0A0A0;
        font-size: 14px;
    }

.clear {
    clear: both;
}

.double-link {
    color: #2CA5AA;
    text-decoration: underline;
    border-bottom: 1px solid #2CA5AA;
    display: inline;
    padding-bottom: 0;
}

ul.references li {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 5px;
}

.tutorial-top {
    top: 12%;
    position: absolute;
    right: 2%;
}

.tutorial-toc-content {
    margin-top: 16%;
}

.tutorial-search-bar {
    right: 0;
    left: 0;
    top: 44%;
}

.tutorial-tabs {
    right: 0;
    left: 0;
    top: 7%;
}

.tutorial-tools {
    top: 3%;
    left: 0;
    right: 0;
}

    .tutorial-tools .popup-icon {
        width: 70px !important;
    }

.tutorial-toc-alerts {
    right: 0;
    left: 0;
    top: 2%;
}

p.grey {
    color: #A0A0A0;
}

    p.grey:hover {
        color: #01a37e;
    }

h2.help-heading {
    font-weight: 300;
    color: #24282C;
    margin: 16px 0;
}

.faq .content-list li p {
    font-size: 16px;
    line-height: 26px;
}

.content-list li a.color-link {
    font-size: 16px;
    line-height: 26px;
    color: #01A37E;
    font-weight: 500;
    text-decoration: underline;
}

.content-list ul.service-list ul li {
    font-style: italic;
}

ul.service-list li {
    list-style: disc inside !important;
}

img.help-close {
    width: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 0;
    margin: 20px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/*
    img.help-close:hover {
        content: url("../i/help-close.png");
    }
*/

.help-overlay {
    opacity: 0.9;
    background: rgba(0, 0, 0, 0.88);
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    height: 100%;
    z-index: 99;
    right: 0;
    bottom: 0;
}

.modal-overlay {
    z-index: 99999999;
    position: absolute;
}

    .modal-overlay.notification-tip {
        margin-top: 0;
    }

.blur {
    -webkit-filter: blur(40px);
    -moz-filter: blur(40px);
    -o-filter: blur(40px);
    -ms-filter: blur(40px);
    filter: blur(40px);
}

.tutorial-main {
    position: relative;
    top: 0;
    width: 100%;
}

    .tutorial-main header .nav-items {
        z-index: inherit;
    }

    .tutorial-main .dash-top {
        z-index: -1;
    }

    .tutorial-main header .logo img {
        z-index: 0;
    }

    .tutorial-main .button_container {
        z-index: 1;
    }

.tooltip-container {
    position: relative;
}

.popup-tutorial {
    position: absolute;
    top: -500px;
}

hr.sm {
    margin: 15px 0;
}

.modal {
    width: 480px;
    text-align: center;
    border-radius: 4px;
    background-color: white;
    margin: 0 auto;
    position: relative;
    padding: 5% 5% 0 5%;
    overflow: hidden;
}

    .modal .screen {
        margin: 25px 0 -10px 0;
    }

    .modal .name {
        color: #01a37e;
    }

    .modal p {
        padding: 8px 20px;
    }

        .modal p.grey {
            padding: 0;
        }

    .modal .btn, .modal .btn-simple, .modal .btn-small, .modal .btn-secondary, .modal .btn-secondary-lt, .modal .btn-emphasis, .modal .btn-overlay, .modal .btn-form {
        margin: 25px 0;
        padding: 15px 48px 17px 36px;
    }

    .modal .profile-container {
        width: 80%;
        margin: 0 auto;
        margin-top: 10px;
        font-size: 14px;
    }

        .modal .profile-container p:hover {
            color: #A0A0A0;
        }

    .modal input[type="checkbox"] + label.check-circle,
    .modal input[type="checkbox"].circle + label.check-circle {
        display: inline-block;
        cursor: pointer;
        outline: 0;
        width: 20px;
        height: 20px;
        background: url("../i/help-checkbox-off.png") no-repeat 0 0;
        background-size: 100% 100%;
        margin: 0;
        float: left;
        position: relative;
        top: 2px;
        margin-right: 2px;
    }

    .modal input[type="checkbox"]:checked + label.check-circle,
    .modal input[type="checkbox"].circle:checked + label.check-circle {
        background-image: url("../i/circle-checked-icon.png");
    }

.modal-overlay-centered {
    width: 100%;
}

    .modal-overlay-centered .modal {
        margin: 0 auto;
        margin-top: 7%;
    }

.popup {
    background: white;
    padding: 40px;
    width: 450px;
    border-radius: 4px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

    .popup .popup-icon {
        width: 50px;
    }

    .popup .popup-paging {
        float: left;
        position: relative;
        right: -10px;
        z-index: 1000;
    }

        .popup .popup-paging span {
            display: block;
            border-radius: 50%;
            display: inline-block;
            margin-right: 7px;
            position: relative;
            top: 10px;
            width: 10px;
            height: 10px;
            background-color: #D8D8D8;
        }

            .popup .popup-paging span.active {
                background-color: #01a37e;
            }

    .popup p {
        padding: 15px;
    }

    .popup .go-to-page {
        position: relative;
        left: 10px;
        top: 15px;
    }

        .popup .go-to-page img {
            cursor: pointer;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
            top: -2px !important;
        }

        .popup .go-to-page a {
            top: -4px;
            font-weight: 400;
            font-size: 15px;
            display: inline;
        }

            .popup .go-to-page a:hover {
                color: #00705B;
            }

.go-to-page img.icon:hover {
    content: url("../i/green-right.png");
}

.tour-btn {
    float: right;
    border-radius: 30px;
    width: 145px;
    height: 48px;
    margin-right: 30px;
    padding: 11px 24px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.4px;
    position: fixed;
    bottom: 15px;
    right: -15px;
    z-index: 999;
}

.notification-tip {
    position: absolute;
    top: 80px;
    z-index: 9999;
    background-color: white;
    border-radius: 5px;
    right: 20px;
    max-width: 450px;
    -moz-box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.9);
    box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.9);
}

    .notification-tip .notification-icon {
        width: 45px;
        float: left;
        position: relative;
        margin: 0 0 0 40px;
        top: 40px;
    }

    .notification-tip .notification-text {
        float: left;
        width: 60%;
        padding: 25px 0 15px 30px;
    }

        .notification-tip .notification-text h2 {
            display: inline;
            font-size: 22px;
        }

        .notification-tip .notification-text p {
            font-size: 14px;
            padding-top: 0;
            line-height: 16px;
        }

        .notification-tip .notification-text a {
            color: #01a37e;
            text-decoration: none;
            font-size: 14px;
            font-weight: 400;
        }

    .notification-tip .notification-text-lg h2 {
        line-height: 32px;
    }

    .notification-tip img.help-close {
        width: 20px;
        right: 10px;
        top: 10px;
    }

    .notification-tip.notification-grey {
        border: 1px solid #E5E6E7;
        background-color: #FAFAFA;
        box-shadow: none;
    }

img.video {
    width: 30%;
    float: left;
}

.video-text {
    float: left;
    width: 70%;
    padding-left: 30px;
}

    .video-text h3 {
        margin-top: 10px;
    }

.content-list-help li {
    padding: 24px 10px;
}

    .content-list-help li p {
        margin-right: 0;
    }

    .content-list-help li a {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
    }

.toolkit-box.toolkit-grades {
    margin-top: 30px;
    padding: 20px 25px 30px 25px;
}

    .toolkit-box.toolkit-grades .popup-container img.grade-dot {
        width: 17px;
    }

    .toolkit-box.toolkit-grades .sub-text {
        display: inline;
        float: left;
        margin-right: 10px;
    }

    .toolkit-box.toolkit-grades .black-sm {
        display: inline;
        font-size: 14px;
        float: left;
        margin-top: 0;
    }

    .toolkit-box.toolkit-grades .grade-icons {
        display: inline;
        float: left;
        margin: 5px 25px 0 10px;
    }

    .toolkit-box.toolkit-grades .popup-alert {
        float: left;
    }


.toolkit-grades .alert {
    background-color: #F7F7F7;
    float: left;
    position: relative;
    top: 0;
    margin-left: 26px;
}

.practice .prev-post {
    margin-top: 20px;
}

.practice a {
    color: #01a37e;
}

    .practice a:hover {
        color: #00705b;
    }

.popup-alert {
    /*float: left; */
}

.toolkit-box .popup-container.popup-container-centered.popup-alert:hover span {
    top: -77px;
}

.popup-container.popup-container-centered:hover span {
    left: 0 !important;
    right: 0;
    height: auto;
    line-height: 15px;
    white-space: inherit;
    padding: 6px;
    top: -60px;
}

.question .popup-container.popup-container-centered.popup-alert:hover span {
    width: 150%;
    top: -57px;
    left: -22px !important;
    padding: 6px;
}

.popup-container.popup-lg:hover span {
    line-height: 15px;
    left: -37px;
    top: -55px;
    padding: 6px;
}

.popup-container.popup-container-centered.popup-alert:hover span {
    top: initial;
    bottom: 10.5px;
    height: fit-content;
    left: -13px !important;
    width: auto;
    padding: 6px;
}

.popup-container.popup-container-centered.popup-lg:hover span {
    width: 150%;
    min-width: 135px;
    top: -113px;
    left: -22px !important;
    padding: 6px;
}

.popup-container-inline {
    display: inline;
}

.help-support {
    text-align: center;
}

    .help-support .help-img {
        height: 100px;
    }

    .help-support input {
        border: 2px solid #01a37e;
        background-color: white;
        padding: 35px;
        font-size: 20px;
        width: 90%;
        margin: 0 auto;
        text-align: left;
        margin-bottom: 60px;
    }

    .help-support h1 {
        text-align: left;
        margin-left: 80px;
    }

    .help-support .magnifying-glass {
        width: 30px;
        position: absolute;
        right: 130px;
        top: 98px;
    }

    .help-support .help-blocks a, .help-support .help-blocks p a {
        text-decoration: none;
    }

    .help-support .help-blocks img {
        height: 60px;
    }

    .help-support .help-blocks .xs-12, .help-support .help-blocks .full, .help-support .help-blocks section, .help-support .help-blocks .col-lg, .help-support .help-blocks .col-med, .help-support .help-blocks .col, .help-support .help-blocks aside, .help-support .help-blocks .md-3, .help-support .help-blocks aside {
        border-top: 1px solid #E5E6E7;
        border-right: 1px solid #E5E6E7;
        padding: 50px 50px 0 50px;
        height: 400px;
    }

        .help-support .help-blocks .xs-12:last-of-type, .help-support .help-blocks .full:last-of-type, .help-support .help-blocks section:last-of-type, .help-support .help-blocks .col-lg:last-of-type, .help-support .help-blocks .col-med:last-of-type, .help-support .help-blocks .col:last-of-type, .help-support .help-blocks aside:last-of-type, .help-support .help-blocks .md-3:last-of-type, .help-support .help-blocks aside:last-of-type {
            border-right: none;
        }

            .help-support .help-blocks .xs-12:last-of-type h3, .help-support .help-blocks .full:last-of-type h3, .help-support .help-blocks section:last-of-type h3, .help-support .help-blocks .col-lg:last-of-type h3, .help-support .help-blocks .col-med:last-of-type h3, .help-support .help-blocks .col:last-of-type h3, .help-support .help-blocks aside:last-of-type h3, .help-support .help-blocks .md-3:last-of-type h3, .help-support .help-blocks aside:last-of-type h3 {
                color: #00705B;
            }

        .help-support .help-blocks .xs-12:nth-of-type(1) h3, .help-support .help-blocks .full:nth-of-type(1) h3, .help-support .help-blocks section:nth-of-type(1) h3, .help-support .help-blocks .col-lg:nth-of-type(1) h3, .help-support .help-blocks .col-med:nth-of-type(1) h3, .help-support .help-blocks .col:nth-of-type(1) h3, .help-support .help-blocks aside:nth-of-type(1) h3, .help-support .help-blocks .md-3:nth-of-type(1) h3, .help-support .help-blocks aside:nth-of-type(1) h3 {
            color: #F79622;
        }

        .help-support .help-blocks .xs-12:nth-of-type(3) h3, .help-support .help-blocks .full:nth-of-type(3) h3, .help-support .help-blocks section:nth-of-type(3) h3, .help-support .help-blocks .col-lg:nth-of-type(3) h3, .help-support .help-blocks .col-med:nth-of-type(3) h3, .help-support .help-blocks .col:nth-of-type(3) h3, .help-support .help-blocks aside:nth-of-type(3) h3, .help-support .help-blocks .md-3:nth-of-type(3) h3, .help-support .help-blocks aside:nth-of-type(3) h3 {
            color: #2CA5AA;
        }

        .help-support .help-blocks .xs-12:nth-of-type(3) .help-img img, .help-support .help-blocks .full:nth-of-type(3) .help-img img, .help-support .help-blocks section:nth-of-type(3) .help-img img, .help-support .help-blocks .col-lg:nth-of-type(3) .help-img img, .help-support .help-blocks .col-med:nth-of-type(3) .help-img img, .help-support .help-blocks .col:nth-of-type(3) .help-img img, .help-support .help-blocks aside:nth-of-type(3) .help-img img, .help-support .help-blocks .md-3:nth-of-type(3) .help-img img, .help-support .help-blocks aside:nth-of-type(3) .help-img img {
            height: 50px;
            position: relative;
            top: 5px;
        }

    .help-support .help-blocks h3 {
        margin-top: -10px;
    }

@media all and (max-width: 1500px) {
    .help-support .magnifying-glass {
        right: 100px;
    }
}

@media all and (max-width: 1200px) {
    .tutorial-tools {
        top: 3%;
        left: auto;
        right: 3%;
    }

    .tutorial-tabs {
        top: 7%;
    }

    .feature-box .inner-details {
        position: relative;
        left: 30px;
        width: 43%;
        float: left;
        top: 14px;
    }

    #tab1:checked ~ .content #content1,
    #tab2:checked ~ .content #content2,
    #tab3:checked ~ .content #content3,
    #tab4:checked ~ .content #content4 {
        display: block;
        background-color: #ffffff;
        min-height: 450px;
        padding: 0;
    }
}

@media all and (max-width: 970px) {
    .help-blocks .xs-12.md-3:nth-of-type(even), .help-blocks .md-3.full:nth-of-type(even), .help-blocks aside.full:nth-of-type(even), .help-blocks section.md-3:nth-of-type(even), .help-blocks .md-3.col-lg:nth-of-type(even), .help-blocks aside.col-lg:nth-of-type(even), .help-blocks .md-3.col-med:nth-of-type(even), .help-blocks aside.col-med:nth-of-type(even), .help-blocks .md-3.col:nth-of-type(even), .help-blocks aside.col:nth-of-type(even), .help-blocks aside:nth-of-type(even) {
        border-right: none;
    }

    .popup .go-to-page a {
        top: -5px;
    }

    .notification-tip .notification-text p,
    .notification-tip .notification-text a {
        font-size: 12px;
        padding: 0;
    }

    .notification-tip .notification-icon {
        width: 30px;
        top: 33px;
    }

    .notification-tip img.help-close {
        width: 15px;
        right: 15px;
        top: 15px;
    }

    .notification-tip .notification-text {
        padding: 5px 0 10px 20px;
    }

    .notification-tip .notification-text-lg {
        padding: 15px 0 15px 20px;
    }

    .notification-tip {
        position: relative;
        margin: 0 auto;
        left: auto;
        right: auto;
        top: 140px;
        width: 90%;
    }

        .notification-tip.notification-grey {
            top: -20px;
        }

    .help-support .magnifying-glass {
        right: 80px;
    }

    .help-wrapper h1 {
        margin-bottom: 14px;
    }

    .help-wrapper h2 {
        margin-top: 10px;
    }

    .tutorial-tabs {
        top: -4%;
    }

        .tutorial-tools .popup,
        .tutorial-tabs .popup,
        .tutorial-toc-alerts .popup {
            padding: 20px 20px 25px 20px;
        }

            .tutorial-tools .popup h2.help-heading,
            .tutorial-tabs .popup h2.help-heading,
            .tutorial-toc-alerts .popup h2.help-heading {
                margin: 0;
            }

            .tutorial-tools .popup p,
            .tutorial-tabs .popup p,
            .tutorial-toc-alerts .popup p {
                font-size: 14px;
                line-height: 22px;
            }
}

@media all and (max-width: 700px) {
    .svg-tutorial {
        display: none;
    }

    .tutorial-toc-alerts {
        top: 6%;
    }

    .toolkit-body svg.svg-tutorial-mobile,
    .toolkit-body img.svg-tutorial-mobile {
        display: block;
    }

    .svg-wrapper {
        width: 100%;
        top: 10px;
    }

    .popup:before {
        display: none;
    }

    .modal-overlay {
        width: 100%;
        margin-top: 2%;
        position: absolute;
        right: 0;
        left: 0;
    }

    .tutorial-tabs {
        top: 5%;
    }

    .tutorial-toc-bottom {
        margin-top: 60%;
    }

    .tutorial-toc-content {
        margin-top: 58%;
    }

    .quick-links h3 {
        margin: 0;
    }
}

@media all and (max-width: 550px) {

    .author-box {
        width: 100%;
    }

    .modal {
        width: 90%;
    }

    .toolkit-box .grade-icons {
        margin: 0;
    }

    .toolkit-box .sub-text {
        display: block;
    }

    .toolkit-grades .alert {
        margin: 10px;
    }

    .popup {
        padding: 30px;
        padding: 30px 30px 40px 30px;
        max-width: 315px;
    }

        .popup p {
            padding: 0;
            font-size: 14px;
            line-height: 22px;
        }

        .popup .popup-paging {
            float: none;
        }

        .popup .go-to-page {
            left: -10px;
            top: 25px;
        }

            .popup .go-to-page a {
                text-align: left;
                display: inline;
                top: -5px;
            }

    section.mid-col.modal-overlay {
        margin-top: 20%;
    }

    .notification-tip {
        width: 90%;
        top: 100px;
    }

        .notification-tip.notification-grey {
            top: -50px;
        }

    .help-support .magnifying-glass {
        right: 70px;
    }

    .notification-tip .notification-text-lg a {
        line-height: 14px;
    }

    .svg-wrapper section.mid-col.modal-overlay {
        margin-top: -50px;
        padding-left: 0;
    }

    .tutorial-search-bar {
        top: 44%;
    }
}

@media all and (max-width: 450px) {
    .help-blocks .xs-12.md-3, .help-blocks .md-3.full, .help-blocks aside.full, .help-blocks section.md-3, .help-blocks .md-3.col-lg, .help-blocks aside.col-lg, .help-blocks .md-3.col-med, .help-blocks aside.col-med, .help-blocks .md-3.col, .help-blocks aside.col, .help-blocks aside {
        border-right: none;
    }

    .help-wrapper h1 {
        margin-bottom: 14px;
    }

    .help-wrapper h2 {
        margin-top: 10px;
    }

    .notification-tip .notification-text p {
        line-height: 16px;
    }

    .notification-tip .notification-icon {
        left: -10px;
    }

    .notification-tip img.help-close {
        top: 0;
        right: 0;
    }

    .help-support .magnifying-glass {
        right: 40px;
        top: 92px;
    }

    .modal .name {
        margin-top: 20px;
    }
}

@media all and (max-width: 380px) {
    .help-support h1.help-heading {
        margin-left: 15px;
        font-size: 30px;
    }

    .btn, .btn-simple, .btn-small, .btn-secondary, .btn-secondary-lt, .btn-emphasis, .btn-overlay, .btn-form {
        padding: 15px 30px 17px 17px;
    }

    .modal {
        padding: 10% 8% 0 8%;
        width: 100%;
    }

    .popup {
        max-width: 300px;
    }

        .popup:before {
            right: 40px;
        }

    .svg-wrapper .popup {
        max-width: 270px;
        padding: 25px 25px 40px 25px;
    }

    .toolkit-body img.svg-tutorial {
        top: 20px;
    }

    .tour-btn {
        padding: 11px 24px;
    }

    .help-support .magnifying-glass {
        top: 92px;
        right: 40px;
    }

    .modal-overlay {
        margin-top: 5%;
    }

    .tutorial-tools {
        top: -6%;
    }

    .tutorial-search-bar {
        margin-top: -10%;
    }

    .tutorial-toc-bottom,
    .tutorial-toc-content {
        margin-top: 63%;
    }
}

@media all and (min-width: 1490px) {
    .dash-sb .pen-tools {
        top: 0;
    }
}

@media all and (max-width: 1360px) {
    .sidebar .alert-section div {
        width: 100%;
    }

    .sidebar .alert-section .sidebar-title {
        margin-bottom: 20px;
    }

    .alert-container {
        width: 100%;
        padding-top: 10px !important;
    }
}

@media all and (max-width: 1250px) {
    .prev-post {
        margin-bottom: 30px;
    }

    .contact-form .message textarea, .profile-container .message textarea {
        width: 100%;
    }

    .contact-form .buttons {
        margin: 0 0px 60px 0;
    }

    .author-container .check-square input[type="checkbox"] + label.check-circle {
        margin: 0 10px 0px 10px;
    }

    .footer-links .col-lg {
        width: auto;
    }

    .dash-sb .pen-tools li {
        width: 95px;
    }

    .sidebar {
        width: 320px;
    }

    .fluid-left {
        padding-right: 5%;
    }

    .newsletter-archive {
        padding-right: 0;
    }

    .fluid-left.newsletter {
        padding-right: 20px;
    }

    .sign-up-container .inner-container .left-side, .sign-up-container .inner-container .left-side input, .sign-up-container .left-side,
    .sign-up-container .inner-container .right-side, .sign-up-container .inner-container .right-side input {
        width: 48%;
    }

        .sign-up-container .inner-container .right-side input, .sign-up-container .left-side, .sign-up-container .inner-container .left-side input,
        .sign-up-container .inner-container .right-side input, .sign-up-container .left-side, .sign-up-container .inner-container .left-side input {
            width: 100%;
        }

        .sign-up-container .inner-container .left-side, .sign-up-container .inner-container .left-side input, .sign-up-container .left-side {
            margin: 0 4% 0 0;
        }
}

.sidebar .alert-section .sidebar-title {
    margin-bottom: 20px;
}

.alert-container {
    width: 100%;
    padding-top: 10px !important;
}
@media (max-width: 1050px) and (min-width: 768px) {
  .banner-text
  {
    max-width: 400px;
    left: 80px;
    top: 220px;
  }
}
@media all and (max-width: 992px) {
    header {
        margin-bottom: 90px;
    }

    section.mid-col,
    .col-left,
    aside {
        padding-left: 30px;
        padding-right: 30px;
    }

    .quick-links .tabs {
        margin-left: 30%;
    }

    .dash-sb .feature-box {
        top: 10px;
        margin-bottom: 55px;
    }

    .dash-btm .author-box {
        margin-top: 60px;
    }

    .star-container img.star-swap {
        position: initial;
        display: block;
        padding: 10px 0 15px 0;
        margin-right: 10px;
        float: none;
        margin: -10px 0 10px 0;
    }

    .star-container img.new-upload {
        position: relative;
        display: inline;
        padding: 0px 0 0px 0;
        margin-right: 10px;
        margin: -10px 0 10px 0;
    }

    .content-list li,
    .star-container + p {
        clear: both;
    }

    .sidebar .side-menu-flags span {
        padding-right: 10px;
    }

    .sidebar .side-menu-flags img {
        margin-right: 5px;
        max-width: 28px;
    }

    .sidebar .side-menu-flags {
        padding-top: 35px;
    }

    .content-list .flag {
        top: auto;
        right: auto;
        bottom: 23px;
        left: 60px;
    }

    .search-glossary-active {
        display: none;
    }

    .prev-post a, .go-to-page a {
        display: inline-block;
        width: 90%;
    }

    .prev-post img, .go-to-page img {
        vertical-align: top;
    }

    .sidebar {
        margin: 0 auto;
        width: 302px;
    }

        .sidebar.small-sidebar {
            top: 0;
        }

    .content-list.content-list-contrib {
        width: 100%;
    }

    .next-page {
        width: 100%;
        text-align: right;
        margin-bottom: 60px;
    }

    .sidebar .next-page {
        margin-bottom: 0;
    }

    .sidebar .go-to-page {
        text-align: left;
    }

        .sidebar .go-to-page img {
            right: auto;
        }

    .newsletter .featured-newsletter img {
        float: none;
        margin: 10px 0 0 0;
    }

    .newsletter-archive {
        padding: 0 0 30px 20px;
    }

    .fluid-left {
        width: auto;
        margin: 0 auto;
        width: 100%;
        padding: 0 30px;
    }

    .icon-container {
        position: initial;
        width: auto;
        text-align: left;
    }

        .icon-container img {
            max-width: 35px;
            margin-right: 5px;
        }

    .sidebar {
        left: -10px;
        position: relative;
        margin-left: 50px;
        float: none;
        clear: both;
    }

        .sidebar #sidebar-toggle {
            display: none;
        }

    .static-sidebar {
        width: 80%;
        margin-left: 2%;
        margin-top: 0;
    }

    .table-headers p {
        color: #01a37e;
    }

    .table-headers .md-8 p, .table-headers section p, .table-headers .col-med p {
        color: #24282C;
    }

    .sidebar .search-sidebar input {
        width: 276px;
    }

    .login .login-right {
        margin-top: 50px;
    }

    .advanced-results {
        width: 100%;
    }

        .advanced-results .results-form {
            margin-left: 0;
        }

            .advanced-results .results-form .search-input {
                padding-left: 0;
            }

        .advanced-results .search-col {
            padding-right: 0;
        }

    .toolkit-box.author-container {
        margin: 70px 0 0 0;
    }

    .help-support .help-blocks .xs-12, .help-support .help-blocks .full, .help-support .help-blocks section, .help-support .help-blocks .col-lg, .help-support .help-blocks .col-med, .help-support .help-blocks .col, .help-support .help-blocks aside {
        width: 50%;
    }

    .rbList input[type="radio"] + label.check-circle, .rbList input[type="radio"].circle + label.check-circle, .author-container input[type="radio"] + label.check-circle, .author-container input[type="radio"].circle + label.check-circle, .profile-container input[type="radio"] + label.check-circle, .profile-container input[type="radio"].circle + label.check-circle, .sign-up-container input[type="radio"] + label.check-circle, .sign-up-container input[type="radio"].circle + label.check-circle {
        margin: 0 5px 0 0;
    }

    #tab1:checked ~ .content #content1,
    #tab2:checked ~ .content #content2,
    #tab3:checked ~ .content #content3,
    #tab4:checked ~ .content #content4 {
        display: block;
        background-color: #ffffff;
        min-height: 400px;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .contact-form.contact {
        width: 100%;
        min-width: auto;
    }
}

@media all and (max-width: 900px) {
    .dash-tabs .tab-label {
        padding: 15px;
    }

    .dash-sb .pen-tools {
        width: 90%;
        text-align: right;
    }

        .dash-sb .pen-tools li {
            width: 20%;
        }

            .dash-sb .pen-tools li a {
                font-size: 14px;
            }

    .author-container .buttons.author-button {
        margin: 20px 0px 50px 0;
    }

    .sign-up-container .inner-container,
    .sign-up-container .input-container,
    .sign-up-container .click-nav {
        width: 100%;
    }

        .sign-up-container .inner-container .left-side, .sign-up-container .inner-container .right-side,
        .sign-up-container .input-container .left-side,
        .sign-up-container .input-container .right-side,
        .sign-up-container .click-nav .left-side,
        .sign-up-container .click-nav .right-side {
            width: 100%;
            margin: 0 0 20px 0;
        }

            .sign-up-container .inner-container .left-side input, .sign-up-container .inner-container .right-side input,
            .sign-up-container .input-container .left-side input,
            .sign-up-container .input-container .right-side input,
            .sign-up-container .click-nav .left-side input,
            .sign-up-container .click-nav .right-side input {
                width: 100%;
            }

        .sign-up-container .click-nav ul li,
        .sign-up-container .right-side .click-nav ul li {
            width: 100%;
        }

    .sign-up-container input[type="checkbox"] + label.check-circle {
        margin: 0;
    }

    .sign-up-container .radio p, .sign-up-container.inner-container .radio p {
        padding-left: 10px !important;
    }

        .sign-up-container .radio p:first-of-type, .sign-up-container.inner-container .radio p:first-of-type {
            padding-right: 20px;
        }

    .submit-form .profile-container .input-container,
    .submit-form .right-side .message textarea {
        width: 100%;
        margin: 20px 0;
    }

        .submit-form .profile-container .input-container input,
        .submit-form .right-side .message textarea input {
            width: 100%;
        }

    .languages {
        display: block;
        float: none;
        margin-left: -8px;
    }

    .sign-up-container .membership.left-side .click-nav {
        float: left;
        margin-bottom: 20px;
    }

    .click-nav ul.no-js.js {
        margin: 0;
    }

    .profile-container.advanced-search .right-side .click-nav ul li {
        width: 100%;
    }

    .feature-box .img-2 {
        display: none;
    }

    .feature-box {
        margin: 0 auto;
        float: none;
        clear: both;
        height: 160px;
    }

    .tab-container {
        left: 0;
    }

        .tab-container .content {
            margin-bottom: 60px;
        }

    .twitter-box, .e-news-box {
        margin-bottom: 60px;
    }

    .jcarousel-control-next,
    .jcarousel-control-prev {
        top: 15%;
    }

    .click-nav.click-nav-full #target {
        width: 100%;
    }

    .toc-wrapper {
        overflow-x: scroll;
    }
}
@media (max-width: 768px) and (min-width: 551px) {
  .banner-text {
    padding: 32px 30px 4px 30px; }
    .banner-text h1.heading {
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 12px; }
    .banner-text p {
      font-size: 14px;
      line-height: 22px;
      margin: 0 0 16px 0; }
    .banner-text button.btn-emphasis {
      font-size: 12px; }
      .banner-text button.btn-emphasis img {
        width: 15px;
        left: 10px; } }
@media (max-width: 620px) and (min-width: 540px) {
  .banner-text {
    width: 52% !important; } }
@media all and (max-width: 768px) {
  .jcarousel-control-next,
  .jcarousel-control-prev {
    display: block; }

  .jcarousel-wrapper {
    display: none; }

  .banner-mobile,
  .banner-text-mobile {
    display: block; }

  .banner-mobile {
    height: 600px;
    object-fit: cover; }

  .banner-text {
    left: 30px;
    top: 160px;
    width: 45%; }

  button.btn-emphasis {
    width: 100%;
    bottom: -54px;
    height: 54px;
    padding: 7px 12px 10px 30px;
    text-align: left; }

    .dash-top {
        background-position: 60% center;
    }

    .dash-top .dash-top-content .search-input {
        font-size: 15px;
        padding: 0 15px;
    }

    .contact-form.contact {
        width: auto;
    }

    .profile-container .my-account-button {
        width: 100%;
        margin: 0;
        text-align: right;
        margin-bottom: 30px;
    }

    .forgot-form {
        width: 100%;
    }

        .forgot-form .input-container {
            width: 100%;
            margin: 0;
        }

            .forgot-form .input-container input {
                width: 100%;
                height: 54px;
            }

        .forgot-form button {
            margin: 20px 0 60px 0;
            float: right;
        }

        .forgot-form p.small {
            clear: both;
            text-align: center;
        }

    .questions .color-text,
    .questions .sub-text {
        width: 100%;
    }

    .content-list-small p {
        word-break: break-word;
        width: 75%;
        margin: 0;
        left: 0;
    }

    .content-list-small .videos p {
        text-indent: 0;
        width: 80%;
    }

    .content-list-small.featured p {
        width: 100%;
    }

    .submit-form .content-list-small p {
        margin: 0 0 0 10px;
        float: left;
    }

        .submit-form .content-list-small p.color-text {
            width: 20px;
        }
}

@media all and (max-width: 700px) {
    .tabbed-list .content-list li > a {
        max-width: 100%;
    }

    .tabbed-list .content-list li span.languages {
        max-width: 100%;
        padding-top: 5px;
    }

    .sign-up-checkbox .check-box p {
        max-width: 230px;
    }

    .author-container.author-reviewer .left-side {
        margin: 0;
    }

    .author-reviewer .text-area {
        padding-top: 0;
    }

    header .nav-items {
        right: 60px;
    }

        header .nav-items .login-signup .loginlink a {
            position: relative;
            top: 4px;
        }

        header .nav-items .login-signup .signuplink {
            display: none;
        }

        header .nav-items .login-signup-mobile {
            display: block;
        }

    header nav.overlay-menu {
        right: 40px;
    }

    header .button_container {
        right: 20px;
    }

        header .button_container .menu {
            display: none;
        }

    .banner-text {
        left: 50px;
        top: 210px;
    }

  .feature-box {
    left: 30px;
    top: -20px; }

    .tab-container {
        left: 0;
    }

    .tab-label {
        font-size: 13px;
    }

    .right-tab-box {
        margin-top: 30px;
    }

    .tab-inner .tab-box {
        padding-top: 30px;
    }

    .e-news-box {
        padding: 40px 40px 0 40px;
        text-align: center;
    }

        .e-news-box div {
            width: 70%;
            margin: 0 auto;
        }

            .e-news-box div p {
                margin: 20px 0;
            }

        .e-news-box img.mail {
            margin-right: 0;
            width: 55px;
            float: none;
        }

        .e-news-box .btn-secondary {
            position: relative;
            left: auto;
        }

    .jcarousel-control-prev, .jcarousel-control-next {
        display: none;
    }

    .tab-label {
        padding: 10px 25px;
        width: 42%;
    }

    .tab-inner .tab-box {
        width: 100%;
        background-color: #ffffff;
        border-bottom: 1px solid #f0f0f0;
    }

    .tab-inner a {
        clear: both;
    }

    .footer-links .footer-logo {
        margin-bottom: 40px;
    }

    .footer-links ul,
    .footer-links.footer-home ul {
        width: 50%;
        float: left;
        clear: inherit;
        padding-left: 15px;
    }

    .footer-links.footer-home {
        padding: 25% 0% 10% 3%;
    }

    .dash-sb .tab-label {
        font-size: 16px;
        left: 8.333333333333332%;
        padding: 15px 35px;
    }

    .dash-sb .feature-box {
        left: 0;
    }

    .dash-tabs .tab-label {
        font-size: 12px;
        letter-spacing: 1px;
        padding: 10px 8px;
        width: 25%;
        line-height: 17px;
    }

    .dash-btm .twitter-box-wrapper {
        padding: 0;
    }

    .dash-btm .social-block {
        top: 60px;
    }

    .quick-links h3 {
        float: none;
        margin: 10px 0 20px 20px;
    }

    .quick-links .tabs {
        margin-left: 0;
    }

        .quick-links .tabs a {
            font-size: 14px;
            padding: 12px 20px;
        }

    .author-container.author-reviewer .input-container.right-side,
    .author-container.author-reviewer .text-box .right-side,
    .author-reviewer .text-area .right-side,
    .author-container .click-nav {
        float: left;
    }

    .detail-link:first-of-type {
        margin-bottom: 30px;
    }

    .search-wrap h3 {
        padding-bottom: 30px;
    }

    .search-wrap-results h3 {
        padding-bottom: 0;
    }

    .right-results {
        left: 0;
    }

    .col-left {
        padding-bottom: 30px;
    }

    .author-container .left-text, .profile-container .left-text {
        width: 100%;
    }

    .author-container .right-form {
        text-align: left;
        float: none;
        width: 100%;
        padding-right: 0;
    }

    .author-container .message textarea {
        margin-bottom: 20px;
        width: 350px;
        float: left;
    }

    .author-container .left-side, .profile-container .left-side {
        width: 100%;
    }

    .sign-up-container .trial {
        padding: 0 20px 0 0;
    }

        .sign-up-container .trial .buttons {
            width: 100%;
            margin: 0;
        }

        .sign-up-container .trial .trial-radio p {
            position: relative;
            right: -35px;
            top: -18px;
        }

    .author-container.author-reviewer .text-box .left-side {
        margin: 0;
    }

    .author-container.author-reviewer .text-box .right-side {
        margin: 0px 0 -40px 0;
    }

    .language-select-header .language-select {
        position: relative;
        float: left;
        margin-bottom: 30px;
    }

    .language-select-header h3 {
        padding-right: 0;
    }

    .tabbed-list {
        margin-left: 15px;
    }

    .questions li.question .sub-text {
        position: relative;
        top: -5px;
    }

    .questions li.question .star-container img.star-swap {
        padding-top: 5px;
    }

    .sort-container h2 {
        float: none;
        margin-bottom: 15px;
    }

    .sort-container .click-nav {
        float: left;
    }

    .flag-container {
        float: left;
        width: 100%;
        padding: 10px 0;
    }

        .flag-container img {
            float: left;
        }

    .content-list.resources li span {
        width: 100%;
    }

    .content-list-map {
        display: block;
    }

    .content-list.content-list-checkbox li.list-form {
        padding: 10px;
    }

        .content-list.content-list-checkbox li.list-form p {
            float: none;
        }

        .content-list.content-list-checkbox li.list-form .contact-form .input-container input {
            width: 88%;
        }

    .buttons .btn-small {
        margin: 0 10px 20px 0;
    }

    .small-input-container {
        float: left;
        padding-top: 15px;
        position: relative;
        left: 15px;
    }

    .conversion-dropdown {
        top: -20px;
        float: left;
        width: 100%;
        left: -20px;
        margin: 10px 0;
    }

        .conversion-dropdown .click-nav {
            float: left;
        }

    .profile-container.advanced-search .left-side p {
        top: 10px;
    }

    .toolkit-detail .content-list ul {
        margin-left: 0;
    }

    .advanced-results .results-info {
        float: none;
        margin-bottom: 20px;
    }

    .search-wrap-results .click-nav {
        float: left;
    }

    .sub-intro-box {
        padding: 30px;
    }
}
@media all and (max-width: 550px) {
  .map-ie .map-list .xs-3 {
    width: 100%; }

    .banner-text {
        display: none;
    }

    .banner-mobile {
        width: 100%;
        max-height: 350px;
    }

    .banner-text-mobile {
        display: block;
        width: 100% !important;
        position: relative;
        top: auto !important;
        z-index: 30;
        background-color: #fff;
        left: auto;
        margin-top: 0;
        width: 100%;
        margin-bottom: 25px;
    }
    .banner-text-mobile h1.heading {
        margin-bottom: 8px;
    }

    .jcarousel-wrapper {
        background-image: none;
    }
    .jcarousel-wrapper img {
        max-height: 270px;
    }

    .feature-box {
        top: -5px;
    }

    .bmi-form.content-list.content-list-checkbox li.list-form p {
        top: -5px;
        right: -11px;
        margin-top: 5px;
    }

    header {
        margin-bottom: 90px;
    }

        header .logo {
            padding-bottom: 30px;
            top: 0;
        }

            header .logo img {
                width: 200px;
                height: auto;
            }

    .home-page header {
        margin-bottom: 0px;
    }

    form h3 {
        padding-bottom: 30px;
    }

    .tab-box h3 {
        padding-bottom: 10px;
    }

    form .search-input {
        font-size: 30px;
    }

    .detail-link {
        font-size: 12px;
    }

        .detail-link:first-of-type {
            padding: 0 13px 0 0;
        }

    .advanced-results .detail-link {
        margin-right: 0;
    }

        .advanced-results .detail-link:first-of-type {
            padding-right: 5px;
            margin-right: 5px;
        }

    .block-list .block-item {
        padding: 5px 15px;
    }

    h1 {
        padding-top: 0;
    }

    section.mid-col {
        margin-top: 0;
    }

    .full {
        padding: 30px 0;
    }

    footer p {
        line-height: 1.9em;
    }

    footer .copyright img {
        position: relative;
        top: 15px;
    }

    footer .footer-nav {
        clear: both;
    }

    footer .footer-links ul {
        padding: 10px 0;
    }

    footer .footer-links .logo {
        position: relative;
        left: -40px;
    }

    .footer-links.footer-home {
        padding: 35% 0% 10% 3%;
    }

    .footer-links.footer-dash {
        padding-top: 25%;
    }

  .banner-text {
    left: 0;
    top: 160px; }
    .banner-text p {
      margin: 0 0 10px 0; }
    .banner-text .btn-emphasis {
      padding: 18px 30px 17px 40px;
      font-size: 13px;
      bottom: -18.5%;
      width: 100%;
      text-align: left; }
      .banner-text .btn-emphasis img {
        position: absolute;
        top: 16px;
        left: auto;
        right: 30px; }

    .feature-box .img-2 {
        right: -50px;
        width: 50px;
    }

    .feature-box {
        left: 15px;
    }

        .feature-box .inner-details {
            top: 5px;
        }

        .feature-box .img-1 {
            margin-bottom: -7px;
        }

    .twitter-box {
        padding: 30px;
        left: 85px;
    }

    .e-news-box {
        padding: 20px 30px 0 30px;
    }

    .sub-intro-box {
        margin-right: 0;
    }

    .dash-top {
        min-height: 670px;
    }

        .dash-top .dash-top-content {
            top: 140px;
            padding-bottom: 50px;
        }

            .dash-top .dash-top-content .welcome-text {
                margin-left: 0;
            }

            .dash-top .dash-top-content .search-input {
                font-size: 20px;
                padding: 0 40px;
            }

            .dash-top .dash-top-content .btn-emphasis {
                font-size: 16px;
                width: 100%;
                padding-left: 40px;
                text-align: left;
            }

            .dash-top .dash-top-content .search-links {
                margin-top: 20px;
                width: 100%;
                text-align: center;
            }

    .dash-sb .tab-label {
        font-size: 16px;
        left: 8.333333333333332%;
        padding: 15px 35px;
    }

    .dash-sb .sub-intro-box {
        height: 90px;
        width: 90%;
    }

    .dash-sb .pen-tools li {
        height: 90px;
    }

        .dash-sb .pen-tools li a {
            top: 25%;
        }

    .dash-sb .feature-box {
        height: 140px;
        left: 12%;
        margin: 0 8.333333333333332% 55px;
        width: 66.66666666666666%;
    }

        .dash-sb .feature-box .feature-img .img-1 {
            position: absolute;
            left: -65px;
            height: 65px;
            width: 65px;
            top: 26%;
        }

        .dash-sb .feature-box .inner-details {
            left: 10%;
            top: 6px;
            width: 90%;
            padding-right: 10px;
        }

        .dash-sb .feature-box p {
            font-size: 14px;
        }

    .feature-box {
        height: 140px;
        left: 12%;
        margin: 0 8.333333333333332% 55px;
        width: 66.66666666666666%;
    }

        .feature-box .feature-img .img-1 {
            position: absolute;
            left: -65px;
            height: 65px;
            width: 65px;
            top: 26%;
        }

        .feature-box .inner-details {
            left: 10%;
            top: 6px;
            width: 90%;
        }

        .feature-box p {
            font-size: 14px;
        }

    .dash-btm {
        padding-top: 20px;
    }

        .dash-btm .col-lg {
            padding: 0;
        }

        .dash-btm .home-button {
            top: 35px;
        }

        .dash-btm .quick-links {
            margin-top: 90px;
            padding-left: 0;
            padding-right: 0;
        }

    .author-box {
        background-size: 50% 100%;
    }

        .author-box .inner-box {
            padding: 0 5%;
            width: 50%;
            height: 170px;
        }

            .author-box .inner-box a {
                display: block;
                font-size: 13px;
            }

    .breadcrumbs {
        position: relative;
        top: -30px;
    }

    .content-list.content-list-checkbox .contact-form {
        display: inline;
    }

    .content-list.content-list-checkbox .list-form .contact-form .input-container {
        display: inline;
        width: 60%;
        top: 0;
    }

        .content-list.content-list-checkbox .list-form .contact-form .input-container input {
            width: 100%;
        }

    .content-list.content-list-checkbox li .detail-list {
        width: 40%;
        padding: 0;
        float: left;
    }

    .content-list.content-list-checkbox li p.detail-list {
        width: 100%;
        display: block;
        top: 0;
        float: none;
    }

    .content-list.content-list-checkbox .list-form .contact-form .input-container input {
        float: none;
        clear: both;
        width: 100%;
    }

    .content-list.content-list-checkbox .list-form .contact-form .input-container {
        width: 100%;
    }

    .content-list.content-list-checkbox.bmi-form .list-form .contact-form .input-container {
        margin-bottom: 5px;
    }

    .sign-up-container .left-side {
        width: 100%;
    }

    .tabbed-list {
        margin-left: 0;
    }

    .gear {
        float: left;
        padding-top: 0;
        padding-bottom: 30px;
    }

    .gear-box .xs-6 {
        width: 100%;
    }

    .sign-up-container .trial .trial-radio,
    .country-box-title {
        padding-top: 20px;
    }

        .sign-up-container .trial .trial-radio .country-num,
        .country-box-title .country-num {
            padding-top: 10px;
        }

    .condensed-bulleted .bulleted-list {
        padding: 0px 0 20px 0;
    }

    .search-wrap-results .click-nav {
        float: left;
    }

    .dash-desktop {
        display: none;
    }

    .dash-mobile {
        display: block;
    }

    .video-text {
        width: 100%;
        padding: 10px 0;
    }

        .video-text p {
            margin-right: 0;
        }

    img.video {
        width: 100%;
    }
}

@media all and (max-width: 450px) {
    .tabbed-list .content-list li span.languages {
        float: left;
        display: block;
        position: relative;
        left: -5px;
    }

    .tabbed-list .content-list li > a {
        display: block;
    }

    h1 {
        font-size: 36px;
        line-height: 46px;
    }

    h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .fluid-left {
        margin-bottom: 50px;
    }

  .banner-text {
    padding: 30px 30px 16px 30px; }
    .banner-text .btn-emphasis {
      padding: 16px 30px 17px 30px; }

  .banner-text-mobile p {
    margin: 0; }

    .feature-box {
        left: 0;
    }

    .tab-label {
        width: 50%;
        font-size: 10px;
    }

    .latest-box {
        left: 16%;
    }

    .twitter-box {
        padding: 20px;
        left: 65px;
    }

        .twitter-box .img-2 {
            width: 55px;
            left: -55px;
        }

    .feature-box .inner-details {
        left: 20px;
    }

    .dash-sb .feature-box {
        height: 140px;
        margin-left: 15%;
        margin-right: 5%;
        width: 60%;
    }

    .btn.submit, .submit.btn-simple, .submit.btn-small, .submit.btn-secondary, .submit.btn-secondary-lt, .submit.btn-emphasis, .submit.btn-overlay, .submit.btn-form {
        width: auto;
        margin-bottom: 60px;
    }

    .btn-secondary {
        padding: 12px 24px 17px;
    }

        .btn-secondary img {
            margin-left: 30px;
        }

    .copyright-left p {
        margin-right: 0;
    }

    .copyright p {
        padding-right: 0;
    }

    .footer-links.footer-home {
        padding: 45% 0% 10% 3%;
    }

    .footer-links.footer-dash {
        padding-top: 25%;
    }

    .footer-links .col-lg {
        padding: 0;
    }

    .overlay ul li a {
        font-size: 26px;
    }

    header .nav-items #swap,
    #search {
        padding: 0;
        left: 0;
    }

    #swap-nav {
        left: 0;
    }

    header .logo img {
        width: 160px;
    }

    header .button_container {
        right: 20px;
    }

    .sidebar {
        margin-bottom: 40px;
        overflow: hidden;
    }

        .sidebar div {
            padding: 40px 25px 20px 25px;
        }

        .sidebar .side-menu-icons {
            padding: 20px;
        }

    .content-list h4,
    .content-list li p {
        margin-right: 0;
    }

    .alert {
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
        right: auto;
        top: 10px;
    }

    .glossary-bar {
        width: 100%;
    }

    .contact-form .input-container-right {
        float: none;
        top: -10px;
    }

    .author-container .input-container,
    .author-container .right-side input,
    .author-container .message textarea {
        width: 100%;
    }

    .detail-list {
        top: auto;
    }

    .content-list.content-list-checkbox li {
        padding: 15px 10px;
    }

        .content-list.content-list-checkbox li p {
            padding-top: 0;
            position: relative;
            top: 0;
            width: 85%;
        }

        .content-list.content-list-checkbox li .detail-list {
            top: 0;
            float: left;
        }

        .content-list.content-list-checkbox li.list-form {
            padding: 20px 10px 30px 10px;
        }

    .bmi-form.content-list.content-list-checkbox li.list-form {
        padding-left: 0;
    }

    .author-container .right-side .click-nav ul li, .profile-container .right-side input, .profile-container .right-side .click-nav ul li, .profile-container .click-nav ul li {
        width: 100%;
    }

    .author-container .click-nav {
        width: 100%;
        float: left;
    }

    .dash-sb .pen-tools li .tree {
        max-height: 38px;
    }

    .dash-sb .pen-tools li .doc {
        max-height: 42px;
    }

    .dash-sb .pen-tools li .star {
        max-height: 41px;
    }

    .dash-sb .pen-tools li .case {
        max-height: 35px;
    }

    .dash-sb .pen-tools li .calc {
        max-height: 42px;
    }

    .buttons.centered .btn-secondary {
        width: 80%;
        margin: 0 0 20px 0;
    }

    .buttons.centered .btn-simple, .buttons.centered .btn-small {
        width: 80%;
    }

    .home-button .btn-secondary {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .home-button .btn-secondary img {
            margin-left: 10px;
        }

    .content-list.content-list-contrib {
        width: 105%;
    }

    .tags {
        margin: 10px 6px -10px 0;
    }

    .content-list.content-list-checkbox li.list-form .contact-form .input-container input {
        width: 85%;
    }

    .login .login-right {
        width: auto;
    }

    .multi-select select {
        width: 320px;
    }

    .profile-container.advanced-search .check-square {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    .search-wrap-results {
        top: 17%;
    }

    .search-wrap {
        top: 15%;
    }

    .bmi-form.content-list.content-list-checkbox .list-form .contact-form .input-container {
        margin-bottom: -5px;
    }

    .search-block .alert-inline {
        position: relative;
        top: 0px;
        margin-bottom: 5px;
    }

    .advanced-results .prev-post {
        padding: 0;
        margin-bottom: 10px;
    }

    .advanced-results .flag-hover,
    .advanced-results .alert {
        float: left;
    }

    .advanced-results .alert {
        top: 7px;
        margin-right: 10px;
    }

    .advanced-results .sub-date {
        display: inline;
        overflow: hidden;
    }

    span.flag-text {
        top: 7px;
    }

    .flag-hover .icon,
    .advanced-results .sub-text img {
        top: 10px;
    }

    .advanced-results .sub-text img {
        top: -13px;
    }

    .advanced-results .search-sub {
        display: inline-block;
        width: 55%;
    }

    .advanced-results .search-wrap h3 {
        margin-top: 0;
    }

    .search-results-sidebar {
        padding-top: 50px;
    }

    .search-block p {
        display: block;
        padding: 0 0 10px 0;
    }

    ul.toolkit-nav {
        padding-bottom: 10px;
    }

    .help-support .help-blocks .xs-12, .help-support .help-blocks .full, .help-support .help-blocks section, .help-support .help-blocks .col-lg, .help-support .help-blocks .col-med, .help-support .help-blocks .col, .help-support .help-blocks aside {
        width: auto;
        padding: 30px;
        height: auto;
    }

    .help-support h1 {
        margin-left: 0;
        font-size: 32px;
    }

    .help-support input {
        width: 100%;
        padding-left: 20px;
        font-size: 16px;
    }

    ol {
        padding: 10px 0 0 30px;
    }

        ol li {
            text-indent: 1px;
        }

    .author-container input[type="checkbox"] + label.check-circle {
        margin-left: 10px;
    }
}

@media all and (max-height: 380px) {
    header .logo img {
        width: 108px; height: 46px;
    }
}

@media all and (max-width: 380px) {
    header .logo img {
        width: 108px;
    }

    h1 {
        font-size: 36px;
        line-height: 46px;
    }

    header {
        height: 51px;
    }

    #search img,
    .swap-wrapper img {
        width: 50px;
    }

    header .nav-items {
        top: -24px;
        right: 50px;
    }

    header .nav-items-member {
        top: -44px;
    }

    #swap-nav li {
        padding: 13px 8px 11px 7px;
    }

    .button_container {
        top: 18px;
    }

    .sidebar .side-menu-icons li {
        padding: 0 10px 0 0;
    }

    .sidebar {
        width: 85%;
        left: -25px;
    }

    .login .btn, .login .btn-simple, .login .btn-small, .login .btn-secondary, .login .btn-secondary-lt, .login .btn-emphasis, .login .btn-overlay, .login .btn-form {
        float: none;
        margin-top: 20px;
    }

    .login p {
        margin: 15px 0 0 0;
    }

    .login input[type="checkbox"].circle + label.check-circle {
        margin-left: 0;
    }

    .contact-form .input-container input, .profile-container .input-container input,
    .contact-form .click-nav ul li, .author-container .input-container input,
    .contact-form .click-nav, .author-container .click-nav, .profile-container .click-nav, .sign-up-container .click-nav,
    .profile-container .click-nav ul li,
    .author-container .right-side .click-nav ul li {
        width: 100%;
    }

    .contact-form .input-container, .author-container .input-container, .profile-container .input-container, .sign-up-container .input-container {
        width: 100% !important;
    }

    .contact-form .buttons {
        float: left;
        margin: 0;
        text-align: right;
        width: 100%;
    }

    footer .copyright img {
        top: 8px;
    }

    .dash-sb .feature-box {
        margin-left: 17%;
    }

    .dash-tabs .tab-label {
        width: 25%;
    }

    .newsletter .newsletter-archive .archive {
        margin: 3px;
        min-height: 210px;
    }

        .newsletter .newsletter-archive .archive p {
            line-height: 18px;
        }

        .newsletter .newsletter-archive .archive:nth-of-type(even) {
            margin-right: 0;
        }

    .sidebar .search-sidebar input {
        width: 297px;
    }

    .sign-up-container .trial .trial-radio {
        padding-left: 0;
    }

    .multi-select select {
        width: 260px;
    }

    .country-column .country-column-left {
        width: 100%;
        padding-left: 20px;
    }

    .country-column .country-column-right {
        width: 100%;
    }

    footer .copyright span {
        padding-right: 20px;
    }

    .banner-text {
        top: 100px;
    }

    .home-button {
        top: 70px;
    }

    .dash-tabs .tab-label {
        font-size: 10px;
    }

    .advanced-results .sub-date {
        display: inline-block;
        margin-top: -10px;
    }

    ul.toolkit-nav li {
        padding: 3px;
    }

        ul.toolkit-nav li a {
            font-size: 12px;
        }

    .notification-tip {
        left: 10px;
        top: 70px;
        left: 0;
        right: 0;
        max-height: 110px;
        max-width: 300px;
    }

        .notification-tip .notification-text h2 {
    font-size: 16px; }

  .sub-intro-box {
    color: #fff; }

  .feature-box {
    top: 10px; } }

/*# sourceMappingURL=style.css.map */


.dash-top__account-credits {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	position: absolute;
	top: 20px;
	right: 20px;
	background: white;
	padding: 20px;
	text-align: center;
	text-transform: capitalize;
	font-size: 13px;
	font-weight: bold;
}

@media only screen and (max-width: 550px) {
	.dash-top__account-credits {
		top: 8px;
		right: 0;
		left: 0;
	}
}

.dash-top__account-credits p {
	padding: 0;
}

.dash-top__account-credits p + p {
	margin-top: 10px;
}

.dash-top__remaining-credits {
	color: #b4b4b4;
}

.remaining-credits__num {
	color: black;
}

.remaining-credits__num.warn {
	color: #e4013a;
}

.dash-top__button {
	display: inline-block;
	text-decoration: none;
	border: 1px solid #00705b;
	padding: 5px 20px 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.credit__warning {
	background-color: rgba(228, 1, 58, 0.06);
	text-align: center;
	margin: 20px 0;
}

.credit__warning-message {
	color: #e4013a;
	padding: 20px 20px 17px
}

.login-logout p {
    margin: 0 0 0 0;
}

.contact-form .buttons-left {
    float:left;
}


/* submit a content idea pages*/
.contact-form.contact.content-idea-form {
    width: 850px;
}

.check-box-required-error {
    color: #d90000;
    font-weight: 400;
}

.submit-success {
    display: flex;
    padding: 20px 40px;
    background: #c5e7c5;
    margin-bottom: 2rem;
    font-size: 14px;
    line-height: 1.6;
}

/* advanced search tooltip*/
a.advanced-search-tooltip:hover,
a.tooltip-on-load {
    position: relative;
}

a.advanced-search-tooltip:hover::after,
a.tooltip-on-load::after {
    content: attr(aria-label);
    background-color: #E8F4E8;
    color: #24282C;
    padding: 8px;
    border: 1px solid #61B161;
    position: absolute;
    left: 0;
    top: 120%;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    width: 150%;
    font-size: 12px;
    line-height: 1.4;
    font-weight: normal;
    text-transform: initial;
}

a.advanced-search-tooltip:hover::after,
a.tooltip-on-load::after {
    opacity: 1;

}