/****************************************/
/* APPRENTICES S T Y L E S   S E C T I O N  */
/****************************************/

/* prevent menu flicker */
#ctl00_mnuMain { opacity:0; }

@charset "UTF-8";

@import 'font-awesome.min.css';

@font-face {
    font-family: 'Graphik-Bold-Italic';
    src: url("../fonts/Graphik_Web/Graphik-MediumItalic-Web.eot");
    src: url("../fonts/Graphik_Web/Graphik-MediumItalic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik_Web/Graphik-MediumItalic-Web.woff2") format("woff2"), url("../fonts/Graphik_Web/Graphik-MediumItalic-Web.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik-Bold';
    src: url("../fonts/Graphik_Web/Graphik-Medium-Web.eot");
    src: url("../fonts/Graphik_Web/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik_Web/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik_Web/Graphik-Medium-Web.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik-Regular-Italic';
    src: url("../fonts/Graphik_Web/Graphik-RegularItalic-Web.eot");
    src: url("../fonts/Graphik_Web/Graphik-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik_Web/Graphik-RegularItalic-Web.woff2") format("woff2"), url("../fonts/Graphik_Web/Graphik-RegularItalic-Web.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik-Regular';
    src: url("../fonts/Graphik_Web/Graphik-Regular-Web.eot");
    src: url("../fonts/Graphik_Web/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik_Web/Graphik-Regular-Web.woff2") format("woff2"), url("../fonts/Graphik_Web/Graphik-Regular-Web.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

form {
    margin-top: 0;
}

.btn, a {
    text-decoration: none;
    font-family: "Graphik-Bold";
}

.btn, .flash-alert {
    text-align: center;
}

.sub-nav-mobile:after, .sub-nav-mobile:before, header .language-select:after {
    pointer-events: none;
    content: '';
}

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

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

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

[hidden] {
    display: none;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

button, input, select, textarea {
    font-family: sans-serif;
}

a:focus {
    outline: dotted thin;
}

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

a.main-logo:focus {
    outline: 0;
}

h1 {
    font-size: 32px;
    line-height: 1.125em;
    font-weight: normal;
}

h2 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: normal;
    margin: 1em 0;
}

h3 {
    font-size: 20px;
    line-height: 1.25em;
    font-weight: normal;
}

h4 {
    font-size: 18px;
    line-height: 1.125em;
    font-weight: normal;
}

h5, h6 {
    font-size: 16px;
    line-height: 0.875em;
    font-weight: normal;
}


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

b, strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

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

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

dl, menu, ol, p, pre, ul {
    margin: 1em 0;
}

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

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

q {
    quotes: none;
}

    q:after, q:before {
        content: '';
        content: none;
    }

small {
    font-size: 80%;
}

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

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

dd {
    margin: 0 0 0 40px;
}

menu, ol, ul {
    padding: 0 0 0 40px;
}

nav ol, nav ul {
    list-style: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    /*max-width: 100%;*/
}

.body-wrapper .content, .constrain, header .header-right {
    max-width: 1200px;
}

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

figure, form {
    margin: 0;
}

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

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

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

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

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

.btn, .sm2_button, .tablesorter-header {
    cursor: pointer;
}

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

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

.btn, header .secondary-nav {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

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

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

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family: "Graphik-Regular";
    font-weight: 400;
    color: #4a4a4a;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
}

select {
    font-family: 'Graphik-Regular';
}

em {
    font-family: 'Graphik-Regular-Italic';
}

p, .btn {
    font-size: 1em;
    line-height: 1.5em;
    /*
  font-size: 24px;
  line-height: 32px;
  */
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

.flash-alert, .form_error, th {
    font-weight: 700;
}

.content .right-col {
    margin-top: 30px;
    width: 50% !important;
}

.content h1 {
    margin: 30px 0;
}

ul {
    margin: 0;
    padding: 0;
    font-size: 1.0em;
}

    ul li {
        margin: 0;
        padding: 0;
        font-size: 1.0em;
        line-height: 1.5em;
    }

.content.jp-content {
    font-size: .8em;
}

h2 {
    font-size: 1.5em;
}

a {
    color: #fd4f57;
}

ul li {
    list-style-type: none;
}

.wrapper {
    width: 100%;
}

.newsletter-wrapper {
    background-color: #fd4f57;
}

.SubheaderRed {
    color: #fd4d57;
    font-weight: 600;
    letter-spacing: -0.25px;
    margin-top: 1em;
}

.SubheaderTeal {
    color: #69d8de;
    font-weight: 600;
    letter-spacing: -0.25px;
    margin-top: 1em;
}

.constrain {
    width: 90%;
    margin: 0 auto;
}

.btn {
    display: inline-block;
    background-color: #FD4F57;
    color: #fff;
    font-size: 1.2em;
    padding: 3px 20px;
    border-radius: 10px;
}

table {
    border: 1px solid #fff;
}

    table.td-border tr td {
        border: 1px solid #fff;
    }

tr {
    border: 1px solid #fff;
}

.desktop-only, .no-mobile {
    display: none;
}

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

.cf:after {
    clear: both;
}

.flash-alert {
    font-family: "Graphik-Bold";
    position: absolute;
    width: 100%;
    z-index: 10000;
    background-color: #FFD6D1;
    text-align: center;
    color: #fd4f57;
    padding: 45px 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9;
}

    .flash-alert h2 {
        font-family: "Graphik-Bold";
        font-size: 1.3em;
        color: #fd4f57;
        font-weight: bold;
        padding: 2em 0;
    }

td, th {
    padding: .4em .8em .4em .4em;
}

.call-to-action {
    margin-top: 1em;
    background: #FD4F57;
}

.sm2_button {
    display: inline-block;
}

    .sm2_button:before {
        font-family: 'FontAwesome';
        font-size: 9px;
        content: "\f04b";
        color: #fff;
        background: #32b8bf;
        /*
  color: #FD4F57;
  background: #ffd6d1;
  */
        position: relative;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-right: 10px;
        padding: 0 0 0 2px;
        top: -3px;
        box-sizing: border-box;
    }

    .sm2_button.sm2_playing:before {
        content: "\f04c";
        padding: 0;
    }

.tablesorter-header.sorter-false:after, .tablesorter-header.sorter-false:before {
    display: none;
}

.tablesorter-headerAsc:before, .tablesorter-headerDesc:before {
    display: none;
}

.sm2_button.sm2_playing:before {
    background-position: -20px 0;
}

span, strong {
    color: #4a4a4a;
}

table {
    border-spacing: 0;
    width: 100%;
    margin: 1em 0;
    border-collapse: collapse;
    font-size: 1.0em;
}

    table a {
        text-decoration: none;
    }

    table.td-border tr td:first-child {
        margin-bottom: 10px;
    }

th {
    position: relative;
}

.tablesorter-header:after, .tablesorter-header:before {
    position: absolute;
    right: 5px;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

tr.highlighted {
    background-color: #84bade;
    color: #fff;
}

.form_error, .required {
    color: #fd4f57;
}

td {
    display: block;
}

.tablesorter-header:after {
    top: .5em;
    border-bottom: 7.5px solid #fff;
}

.tablesorter-header:before {
    bottom: .5em;
    border-top: 7.5px solid #fff;
}

.tablesorter-headerAsc:after, .tablesorter-headerDesc:after {
    position: absolute;
    top: .5em;
    right: 5px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
}

.tablesorter-header.sorter-false {
    cursor: default;
}

.tablesorter-headerAsc:after {
    border-bottom: 15px solid #fff;
}

.tablesorter-headerDesc:after {
    border-bottom: 0;
    border-top: 15px solid #fff;
}

label {
    font-size: 1.2em;
}

    label.always-show {
        display: inline;
    }

.field-container.multiselect {
    height: 130px;
    margin-bottom: .75em;
}

.form_error {
    margin: 5px 0;
}

form.boxed {
    background-color: #ecf0f1;
    padding: 1em;
}

.callout-box span, .song {
    font-size: 1.2em;
}

input[type=password], input[type=text], input[type=email], input[type=tel], select, textarea {
    width: 100%;
    padding: .3em .4em;
    margin: .75em 0;
    font-size: 1.2em;
    color: #4a4a4a;
    outline: 0;
}

input[type=password], input[type=phone], input[type=email], input[type=tel] {
    color: #4a4a4a;
    outline: 0;
}

select[multiple] {
    position: relative;
    top: 70px;
    margin-top: -70px;
    min-width: 175px;
}

input[type=checkbox] {
    margin-right: 5px;
}

input[type=submit] {
    outline: 0;
    border: 0;
}

@-moz-document url-prefix() {
    header .language-select select {
        padding-top: 8px !important;
    }
}

.pagination {
    margin: 20px 0;
    font-size: 16px;
}

    .pagination .left {
        float: left;
    }

    .pagination .right {
        float: right;
    }

    .pagination .active {
        font-weight: 700;
    }

    .pagination .disabled {
        color: #CCC;
    }

.callout-box {
    background-color: #84bade;
    color: #fff;
    margin: 1em 0;
    padding: 1em;
}

    .callout-box .select-container {
        margin-top: 1.2em;
        margin-left: 1.2em;
    }

    .callout-box select {
        width: auto;
    }

#recaptcha_table td {
    display: table-cell !important;
}

.testimonial-block {
    margin-top: 1.5em;
}

.song {
    margin: 1em 0;
}

.licensing .content-main {
    width: 100%;
    padding-right: 0;
}

.left-col {
    padding: 30px 30px 30px 0;
}

    .left-col nav.sub-nav {
        font-family: 'Graphik-Bold';
        padding: 0;
    }

        .left-col nav.sub-nav ul {
            padding-left: 15px;
        }

            .left-col nav.sub-nav ul li.active {
                position: relative;
            }

                .left-col nav.sub-nav ul li.active:before {
                    font-family: "FontAwesome";
                    font-size: .65em;
                    content: "\f04b";
                    color: #fd4f57;
                    position: absolute;
                    left: -15px;
                    top: 3px;
                }

        .left-col nav.sub-nav a {
            font-size: 16px;
            line-height: 20px;
        }

        .left-col nav.sub-nav ul ul li a {
            color: #4a4a4a;
        }

.header-wrapper {
    background-color: #fd4f57;
    height: 50px;
    margin-bottom: 200px;
}

    .header-wrapper.sticky:after {
        background-color: transparent;
    }

    .header-wrapper:after {
        background-color: transparent;
        position: absolute;
        z-index: 10;
    }

    .header-wrapper .constrain {
        position: relative;
    }

    .header-wrapper.sticky {
        position: static;
        z-index: 10;
    }

    .header-wrapper .cf:last-child {
        height: 200px;
    }

    .header-wrapper .main-logo {
        display: block;
        text-align: center;
        margin: 65px 0 0;
    }

        .header-wrapper .main-logo img {
            margin-top: 32px;
            max-width: 90%;
            height: auto;
        }

.header-bg-img {
    height: 100%;
}

header .header-left, header .language-select select::-ms-expand {
    display: none;
}

header .constrain {
    padding: 10px 0;
}

header .header-right {
    margin: 0 auto;
    text-align: right;
    position: relative;
}

header .sub-site-name {
    color: #fff;
    font-size: 1.1em;
}

header .mobile-btn {
    position: relative;
    display: inline-block;
    color: #fff;
    padding: .5em;
    margin-left: .5em;
    margin-top: .5em;
    cursor: pointer;
    border: 1px solid #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    header .mobile-btn.sticky-left {
        float: left;
        margin-left: 0;
        background: #fff;
        color: #fd4f57;
    }

    header .mobile-btn.active:after {
        position: absolute;
        bottom: -16px;
        left: 50%;
        margin-left: -15px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #FD4F57;
        content: "";
        z-index: 3;
    }

header .jpn-site-link {
    border-radius: 10px;
    background-color: #84bade;
    padding: 5px;
    font-size: .85em;
    color: #fff;
}

header .menu {
    display: none;
    position: absolute;
    z-index: 5;
    top: 100%;
    margin-top: 16px;
    left: 0;
}

    header .menu.active {
        display: block !important;
    }

    header .menu li {
        border-top: 0px solid #fff;
    }

        header .menu li a {
            font-size: 16px;
            line-height: 24px;
            color: #fff;
            display: block;
            padding: .75em 1em;
            -moz-transition: background-color .5s;
            -o-transition: background-color .5s;
            -webkit-transition: background-color .5s;
            transition: background-color .5s;
        }

    header .menu.main-menu {
        position: absolute;
        left: 0;
        top: 202px;
        margin-top: 0;
        width: 746px;
        padding-right: 120px;
        display: table;
        font-size: 1.1em;
        text-transform: uppercase;
        text-align: center;
        z-index: 10;
    }

        header .menu.main-menu li {
            width: 100%;
            display: block;
        }

            header .menu.main-menu li a {
                color: #4a4a4a;
            }

            header .menu.main-menu li.active a {
                color: #fd4f57;
            }

            header .menu.main-menu li.mobile-only.taiwan a {
                font-size: 1.2em;
            }

        header .menu.main-menu ul.dynamic {
            background-color: #fff;
            border: solid 1px #4a4a4a;
        }

            header .menu.main-menu ul.dynamic li {
                width: 100%;
            }

                header .menu.main-menu ul.dynamic li:not(:first-child) a {
                    padding-top: 0;
                }

@media (min-width: 1024px) {
    #ctl00_mnuMain a.static {
        padding: .5em !important;
    }
}

header .secondary-nav-container {
    position: fixed;
    height: 50px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background: #fd4f57;
}

header .secondary-nav {
    position: relative;
    border-radius: 2px;
    background-color: #fd4f57;
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
}

    header .secondary-nav li {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-transition: .5s;
        -o-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
        display: inline-block;
        list-style-type: disc !important;
        margin-top: 7px;
        vertical-align: middle;
        /* position: absolute; */
    }

        header .secondary-nav li:nth-child(n+2) {
            top: 7px;
        }

        header .secondary-nav li:first-child {
            background-color: #fff;
            float: left;
            margin-top: 8px;
            margin-left: 130px;
        }

            header .secondary-nav li:first-child a:before {
                content: '';
                background-image: url(../img/little_friend_9.png);
                background-repeat: no-repeat;
                background-size: 130px 53px;
                display: block;
                position: absolute;
                height: 53px;
                width: 130px;
                left: 0;
                top: -2px;
            }

        header .secondary-nav li.link.icon {
            padding: 0 4px;
            line-height: 32px;
        }

            header .secondary-nav li.link.icon a {
                color: #fff;
                font-family: "Graphik-Medium";
                font-size: 17px;
                padding: 0;
                line-height: 32px;
                height: 32px;
                width: 32px;
                display: block;
            }

        header .secondary-nav li:last-child {
            right: 128px;
        }

        header .secondary-nav li:nth-last-child(2) {
            right: 182px;
        }

        header .secondary-nav li:nth-last-child(3) {
            right: 0;
        }

        header .secondary-nav li:nth-last-child(4) {
            right: 56px;
        }

        header .secondary-nav li a {
            color: #fff;
            display: block;
            padding: .5em;
            font-family: "Graphik-Bold";
        }

        header .secondary-nav li:first-child a {
            padding: 5px 20px;
            color: #fd4f57;
            left: 0;
        }

header .fixed-nav-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

header .social-media-nav {
    float: right;
    line-height: 32px;
}

    header .social-media-nav li.link {
        padding: 0 4px;
        right: inherit;
        left: inherit;
        top: inherit;
        position: inherit;
        background-color: inherit;
        display: inline-block;
    }

        header .social-media-nav li.link a {
            color: #fff;
            font-family: "Graphik-Medium";
            font-size: 17px;
            padding: .5em .25em;
        }

header .social-media-nav {
    position: relative;
    z-index: 1;
    margin: 9px 0;
}

    header .social-media-nav li.link a {
        display: block;
        height: 32px;
        width: 32px;
        line-height: 32px;
        text-align: center;
        padding: 0;
    }

.top-bg-img-content-wrapper {
    position: relative;
    min-height: 313px; /* how to set up it in the case if bg image or slideshow is used here? */
}

.top-content-wrapper .header-bg-img,
.top-content-wrapper .header-slideshow {
    background-color: #fff;
}

.header-bg-img {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: absolute;
    z-index: 0;
    top: 0;
}

.sub-nav-mobile {
    margin: 0px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .sub-nav-mobile::-ms-expand {
        display: none;
    }

    .sub-nav-mobile select {
        width: 100%;
        padding: 0 45px 0 10px;
        margin: 0;
        background: #fd4f57;
        color: #fff;
        font-size: 18px;
        border: none;
        outline: 0;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        height: 46px;
        border-radius: 2px;
    }

.content .content-main h1, .sub-nav {
    display: none;
}

.page-wo-bct .breadcrumbs {
    display: none;
}

.content .breadcrumbs {
    font-family: "Graphik-Regular";

    margin: 0;
    padding-left: 20px;
}

    .content .breadcrumbs a {
        font-weight: 400;
        color: #fd4f57;
        font-family: "Graphik-Regular";
    }

        .content .breadcrumbs a:hover {
            color: #d6273d;
        }

    .content .breadcrumbs .breadcrumb-divider {
        margin: 0 5px;
        color: #fd4f57;
        font-family: "Graphik-Regular";
    }

.sub-nav-mobile:after,
.sub-nav-mobile:before {
    position: absolute;
    background-color: white;
    width: 2px;
    height: 15px;
    margin: 0;
    outline: 0;
    padding: 0;
    border: none;
}

.sub-nav-mobile:before {
    transform: rotate(-45deg);
    right: 26px;
    bottom: 12px;
}

.sub-nav-mobile:after {
    transform: rotate(45deg);
    right: 16px;
    bottom: 12px;
}

iframe {
    padding: 0px !important;
}

iframe.video 

.body-wrapper {
    background-color: #fff;
}

.body-wrapper .content.constrain {
    padding: 20px;
}
.page-wo-bct .body-wrapper .content.constrain {
    padding-top: 0;
}

    .body-wrapper .content .left-col {
        margin: 0;
        padding: 30px 30px 30px 0;
    }

        .body-wrapper .content .left-col .sub-nav {
            margin: 0;
        }

            .body-wrapper .content .left-col .sub-nav .link {
                padding-left: 0;
            }

                .body-wrapper .content .left-col .sub-nav .link ul {
                    margin-left: 0;
                    padding-left: 15px;
                }

    .body-wrapper .content .right-col {
        margin: 0 0 32px;
        float: right;
        width: 75% !important;
    }

.content {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    background: #fff;
}

    .content.constrain {
        max-width: 1200px;
    }

    .content .left-col {
        float: left;
        width: auto;
        max-width: 25%;
    }

    .content .right-col {
        float: left;
        max-width: 75%;
    }

    .content .main-body {
        padding-bottom: 40px;
    }

        .content .main-body ol,
        body:not(.main) ol,
        .content .main-body ul,
        body:not(.main) ul {
            font-size: 1.25em;
        }

        .content .main-body ol,
        body:not(.main) ol {
            margin: 1em 0;
            padding: 0 0 0 40px;
            font-size: 1.0em;
            overflow: hidden;
        }

            .content .main-body ol li,
            body:not(.main) ol li {
                font-size: 1.0em;
                line-height: 1.5em;
            }

        .content .main-body ul,
        body:not(.main) ul {
            margin: 1em 0;
            padding: 0 0 0 40px;
            font-size: 1.0em;
            overflow: hidden;
        }

            .content .main-body ul li,
            body:not(.main) ul li {
                list-style-type: disc;
                list-style-type: none;
                position: relative;
                font-size: 1.0em;
                line-height: 1.5em;
            }

                .content .main-body ul li:before,
                body:not(.main) ul li:before {
                    content: "\2022";
                    font-size: 150%; 
                    position: absolute;
                    top: -2px;
                    left: -14px;
                }

                .content .main-body ul ul 
                body:not(.main) ul ul {
                    margin-bottom:5px;
                }


                .content .main-body ul ul > li:before,
                body:not(.main) ul ul > li:before {
                    content: "\2010";
                    left: -15px;
                }

                .content .main-body ul ul > li,
                body:not(.main) ul ul > li {
                    padding-bottom: 5px;
                }

                ul.bulletedList li:before {
                    content: "\2022" !important;
                }

                li.extraPadding {
                    padding-bottom: .75em;
                }

        .content .main-body iframe {
            position: relative;
        }

    .content .secondary-content {
        display: inline-block;
        width: 46%;
        margin: 40px 0;
        vertical-align: top;
    }

        .content .secondary-content h1 {
            margin-top: 0;
        }

        .content .secondary-content a {
            margin: 0 .5em 0 0;
        }

    .content .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }

        .content .embed-container embed, .content .embed-container iframe, .content .embed-container object {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

.footer-wrapper {
    background-color: #fd4f57;
}

footer {
    padding: 32px 0;
    color: #FFD6D1;
    font-size: 12px;
    max-width: 1200px;
    font-size: 16px;
}

@media (min-width: 1230px) {
    .body-wrapper .content.constrain {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px) {
    .mobile-only {
        display: none !important;
    }

    .desktop-only, .no-mobile {
        display: block !important;
    }

    header .header-left {
        min-height: 32px;
    }

    header .menu {
        display: block;
        position: static;
        float: left;
    }

        header .menu.main-menu {
            padding: 0;
            text-transform: none;
            text-align: left;
        }

            header .menu.main-menu li {
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                -moz-transition: .5s;
                -o-transition: .5s;
                -webkit-transition: .5s;
                transition: .5s;
                background-color: transparent;
                border: 0;
                display: inline-block;
                width: auto;
            }

                header .menu.main-menu li a {
                    display: inline-block;
                    padding: .5em;
                }
}

@media (max-width: 1023px) {
    .top-bg-img-content-wrapper {
        margin: 0 20px;
    }

    .page-heading-wrapper {
        height: 573px;
    }

    .breadcrumbs {
        display: none;
    }

        .breadcrumbs.placeholder {
            display: block;
        }

    .header-wrapper {
        margin-bottom: 150px;
    }

        .header-wrapper .constrain {
            width: 100%;
        }

            .header-wrapper .constrain .cf:last-child {
                height: 150px;
            }

        .header-wrapper .main-logo {
            margin: 40px 0 0 !important;
        }

        .header-wrapper .header-left {
            height: 7px;
        }

            .header-wrapper .header-left a {
                display: none;
            }

        .header-wrapper .header-right {
            height: 0;
            width: 90%;
        }

        .header-wrapper .cf:first-child {
            height: 50px;
        }

        .header-wrapper .cf:last-child {
            background-color: #fff;
            position: relative;
        }

        .header-wrapper .menu.main-menu {
            text-align: left;
            width: 100%;
            padding: 0;
            top: 0;
            z-index: -1000;
            background: #FFD6D1;
            display: none;
        }

            .header-wrapper .menu.main-menu.active {
                top: 150px;
                top: 0;
                z-index: 10;
            }

            .header-wrapper .menu.main-menu li {
                display: table-row;
            }

                .header-wrapper .menu.main-menu li a {
                    color: #fd4f57;
                    margin: 0 auto;
                    width: 90%;
                    text-transform: capitalize;
                    padding: .75em 1em;
                }

        .header-wrapper .mobile-btn {
            right: 5px;
        }

            .header-wrapper .mobile-btn.active:after {
                display: none;
            }

        .header-wrapper .language-select {
            display: none !important;
        }

    .newsletter h2 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 35px;
    }

    .content .secondary-content a.btn, .content .class-block a.btn {
        display: block;
        margin: .5em auto;
    }

    footer {
        padding: inherit 30px;
        width: 100%;
        box-sizing: border-box;
    }

        footer .footer-links {
            display: flex;
            flex-wrap: wrap-reverse;
        }

            footer .footer-links ul {
                display: inline-block;
                margin-top: 32px;
                width: 33%;
            }

                footer .footer-links ul:nth-child(4) {
                    width: 50%;
                    min-width: 50%;
                    margin-top: 0;
                }

                footer .footer-links ul:nth-child(5) {
                    width: 50%;
                    min-width: 50%;
                    margin-top: 0;
                }

                footer .footer-links ul li.social-media-links {
                    margin-top: 16px;
                    display: block;
                }

                    footer .footer-links ul li.social-media-links a {
                        display: inline-block;
                        margin: 0 12px 0 0;
                    }

        footer .social-links {
            display: none;
        }
}

@media (min-width: 720px) {
    .sub-nav-mobile {
        display: none;
    }

    .sub-nav {
        display: block;
        font-size: 1.08em;
    }

    .btn, footer li {
        display: inline-block;
    }

    label {
        display: inline-block;
    }

        label.always-show {
            display: inline-block;
        }

    footer li a, thead {
        color: #fff;
    }

    table {
        font-size: 1.2em;
    }

    thead {
        background-color: #fff;
        text-align: left;
    }

    td {
        display: table-cell;
        border: 1px solid #fff;
    }

    label {
        width: 175px;
    }

    .btn {
        width: auto;
    }

    input[type=text], input[type=password], input[type=email], input[type=tel] {
        width: auto;
    }

    label.checkbox-label, select {
        width: auto;
    }
}

@media (max-width: 719px) {
    .body-wrapper .content .left-col, .tab-switcher, thead {
        display: none;
    }

    .header-wrapper {
        margin-bottom: 130px;
    }

        .header-wrapper .constrain .cf:last-child {
            height: 130px;
        }

        .header-wrapper .cf:last-child {
            background-size: 90%;
        }

        .header-wrapper .main-logo {
            margin: 20px 0 0;
        }

            .header-wrapper .main-logo img {
                margin-top: 0;
            }

    /*.top-bg-img-content-wrapper {
        display: none;
    }*/

    .menu.main-menu.active {
        top: 130px;
    }

    .body-wrapper .content .right-col {
        width: 100% !important;
        max-width: 100%;
        float: none;
    }

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

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

@media (min-width: 600px) {
    .right-col p img {
        padding-left: 10px !important;
    }

    iframe {
        border: 0;
    }
}

@media (max-width: 599px) {
    .body-wrapper .content .main-body iframe.responsive,
    .body-wrapper .content .main-body img.img-res, 
    .body-wrapper .content .main-body img.res-img {
        float: none !important;
        width: 100% !important;
        height: auto !important;
    }

    .body-wrapper .content .main-body h1,
    .body-wrapper .content .main-body h2,
    .body-wrapper .content .main-body p,
    .body-wrapper .content .main-body span {
        text-align: left;
    }

    .content-main p:last-child {
        font-size: 20px;
        line-height: 24px;
    }

    .content-main p:first-of-type {
        padding: 40px 0;
    }
}

@media (max-width: 480px) {
    .header-wrapper {
        margin-bottom: 100px;
    }

        .header-wrapper .constrain .cf:last-child {
            height: 100px;
        }
}

@media (max-width: 480px) {
    footer.constrain {
        width: 100%;
        padding: 32px 30px;
    }
}

/***********************************************/
/* MT.com  S T Y L E S   S E C T I O N  E N D  */
/***********************************************/

/***********************************************/
/* tabbed-content.css  */
/***********************************************/

p, span {
    font-size: 16px;
}

.tab {
    margin-bottom: 30px;
    border-radius: 25px;
    overflow: hidden;
}

    .tab:first-of-type {
        margin-top: 30px;
    }

    .tab:nth-of-type(odd) .tab-title-box {
        background-color: #32b8bf;
    }

    .tab:nth-of-type(odd) .tab-content {
        background-color: #d7fafa;
    }

    .tab:nth-of-type(odd) .btn {
        background-color: #32b8bf;
    }

    .tab:nth-of-type(even) .tab-title-box {
        background-color: #fd4f57;
    }

    .tab:nth-of-type(even) .tab-content {
        background-color: #ffefed;
    }

    .tab:nth-of-type(even) .btn {
        background-color: #fd4f57;
    }

@media (min-width: 720px) {
    .tab .tab-content {
        display: block !important;
    }
}

@media (max-width: 719px) {
    .tab {
        margin-bottom: 5px;
        text-align: left;
    }

        .tab .tab-title-box {
            text-align: left;
        }

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

@media (max-width: 599px) {
    .tab {
        text-align: left !important;
    }

        .tab .tab-title-box {
            text-align: left !important;
        }

        .tab .tab-content .tab-text {
            margin: 20px 0;
            width: 100% !important;
        }
}

.tab .tab-title-box {
    position: relative;
    min-height: 40px;
    padding: 20px;
    font-family: "Graphik-Bold";
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
}

    .tab .tab-title-box .tab-title {
        color: #fff;
    }

@media (max-width: 719px) {
    .tab .tab-title-box {
        height: auto;
    }

        .tab .tab-title-box.open .tab-title-icon:before {
            content: "+";
        }

        .tab .tab-title-box .tab-title-icon {
            font-size: 2em;
            line-height: 0;
            color: #fff;
            position: relative;
            top: 0.1em;
        }

            .tab .tab-title-box .tab-title-icon:before {
                display: inline-block;
                width: 20px;
                content: "-";
                height: 15px;
            }
}

.tab .tab-img, .tab .tab-text {
    display: inline-block;
    padding: 20px;
}

.tab .tab-img {
    width: 30%;
}

    .tab .tab-img img {
        max-height: 200px;
    }

    .tab .tab-img + .tab-text {
        width: 69%;
    }

.tab .tab-text {
    width: 100%;
    padding-top: 0;
    vertical-align: top;
}

.tab .btn-container {
    text-align: center;
}

.tab .btn {
    margin: 20px 0 0;
    font-size: 16px;
}

.right-col p img {
    margin: 0px !important;
}

.right-col h2 {
    /*  font-family: "Graphik-Bold"; */
}

@media (max-width: 599px) {
    .tab .tab-title-box {
        text-align: center;
    }

    .tab p {
        xmargin-top: 0px;
    }

    .tab .tab-img {
        width: 50%;
        margin: 0 auto;
        margin-top: 10px;
        display: block;
    }

    .tab .tab-text {
        display: block;
        width: 100%;
        padding-bottom: 0px;
    }

    .tab-content {
    }

        .tab-content a.btn {
            float: none;
            margin-top: 9px;
            margin-bottom: 30px;
        }

        .tab-content .cf {
            border-radius: 0 0 25px 25px;
        }
}
/***********************************************/
/* tabbed-content.css  END */
/***********************************************/


/***********************************************/
/*      P R O J E C T   O V E R R I D E S      */
/***********************************************/

/* HEADER */
.header-wrapper .main-logo {
    margin-top: 85px;
    margin-bottom: 25px;
}

.header-wrapper {
    background-color: transparent;
    height: auto;
    margin-bottom: 0px;
}

header .secondary-nav li:first-child {
    background-color: transparent;
    margin-top: 0;
}

header .secondary-nav li a.desktop-header {
    padding: 0;
}

.mobile-btn {
    float: right;
}

.header-wrapper .cf:last-child {
    height: auto;
}

/* DDL Menu */
.ddlTopMenu {
    margin: 0;
    margin-right: 10px;
    padding: 0;
    z-index: 30;
    position: relative;
    color: #4a4a4a;
    float: left;
}

    .ddlTopMenu div.mainItem {
        display: block;
        margin: 0;
        padding: 10px;
        width: auto;
        z-index: 1001;
        cursor: hand;
        cursor: pointer;
        white-space: nowrap;
        border: solid 2px #c2c8c8;
        border-radius: 5px;
    }

    .ddlTopMenu div.mainItem,
    .ddlTopMenu div.ddl_popup {
        width: 190px;
    }

        .ddlTopMenu div.mainItem SPAN {
            float: left;
        }

            .ddlTopMenu div.mainItem SPAN.ddl_button {
                display: block;
                float: right;
                width: 16px;
                height: 16px;
                background-image: url(../img/ddl_arrow.png);
            }

        .ddlTopMenu div.mainItem.opened SPAN.ddl_button {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .ddlTopMenu div.mainItem.opened {
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

    .ddlTopMenu div.ddl_popup {
        position: absolute;
        z-index: 1000;
        visibility: hidden;
        margin: 0;
        padding: 0;
        background-color: #fff;
        border: solid 2px #c2c8c8;
        border-top: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .ddlTopMenu div.ddl_popup a {
            position: relative;
            display: block;
            margin: 0;
            padding: 5px 10px;
            width: auto;
            white-space: nowrap;
            text-align: left;
            text-decoration: none;
            color: #4a4a4a;
        }
/* End DDL Menu */

/* END HEADER */

.content .main-body, .body-wrapper .content .left-col {
    padding-bottom: 0px;
}

.tab:last-child, .body-wrapper .content .right-col {
    margin-bottom: 0px;
}

/* TOP SEARCH PANEL OVERRIDES */
.top-search-panel input[type=image] {
}

.top-search-panel input[type=text] {
    margin: 0px;
    margin-left: 2px;
    padding: 4px 5px;
    font-size: 14px;
    max-width: 150px;
    border: none;
    border-radius: 5px;
    color: #000;
}

.top-search-panel input {
    float: left;
}

    .top-search-panel input[type=text].promptTextBox {
        color: #c2c6c8 !important;
        font-style: normal;
    }

.main-body ul > li > p > span {
    font-weight: 700;
}

footer {
    text-align: center;
}


/*********************************/
/* C O L O R  O V E R R I D E S  */
/*********************************/
/*
Link Text:
Font-face: Graphik
Font-weight: Medium/bold
Font-color: #fd4f57
*/
a {
    color: #fd4f57;
}

    a:hover,
    header .menu.main-menu a:hover,
    header .menu.main-menu a.highlighted {
        color: #fd4f57;
    }

.content .breadcrumbs,
.content .breadcrumbs span,
.content .breadcrumbs .breadcrumb-divider,
.content .breadcrumbs a {
    color: #fd4f57;
}

.left-col nav.sub-nav > ul:not(:last-child) {
    margin-bottom: 30px;
}

.left-col nav.sub-nav > h3 {
    font-size: 1em;
    padding-left: 15px;
    /*color: #fd4f57;*/
    margin-bottom: 3px;
}

.left-col nav.sub-nav ul li.active:before {
    color: #fd4f57;
}

.left-col nav.sub-nav ul li a:hover {
    color: #d6273d;
}

.left-col nav.sub-nav ul li {
    padding: 3px 0;
}

    /*.left-col nav.sub-nav ul li,
    .left-col nav.sub-nav ul li a {
        color: #4a4a4a;
    }*/

input[type=button], input[type=submit], button, .button, .btn {
    background-color: #fd4f57;
    color: #fff;
    font-family: "Graphik-Bold";
    font-size: 19.2px; /*1.2em*/
    line-height: 1.5em;
    border: none;
    padding: 3px 20px;
    border-radius: 10px;
}

    input[type=button]:hover, input[type=submit]:hover, button:hover, .button:hover,
    .btn:hover, .btn:active {
        background-color: #fd4f57;
        color: #fff;
    }

/*
Background around main wrapper (if screen expanded beyond 1024px on either side): 
  Background-color: #69d8de (MT Teal)
*/
body.main, .body-wrapper {
    /*background-color: #69d8de;*/ /* Removed By MT Request */
    background-color: #fff;
}
/*Top Nav Section:
	Background-color: #fd4f57 (MT Purple)
*/
header .secondary-nav-container,
header .secondary-nav,
.footer-wrapper {
    background-color: #fd4f57;
}

footer {
    color: #fff;
}

/*
Table #1 (MT Purple Color) Heading Bar: #fd4f57 
  Font-face: Graphik
  Font-weight: Medium/bold
  Font-color: #ffffff
  Font-size: 20px/1.25em
  Line-height: 1em (I�ll have to see this to be sure it works. In Photoshop, the headings line-height are about 125% the font size in order to look right)
Table #1 (MT Purple Light Color) Content Area: #ffd6d1 
  Font-face: Graphik
  Font-weight: Regular/normal
  Font-color: #4a4a4a
  Font-size: 16px/1.0em 
  Line-height: 24px/1.5em (150% in Photoshop)
Table #1 (MT Purple Color) Button: #fd4f57
  Font-face: Graphik
  Font-weight: Regular/normal
  Font-color: #ffffff
  Font-size: 19.2px/1.2em
  Line-height: 1.5em (have to see if it works ok�around 125% in Photoshop)
Table #1 (MT Purple Dark Color) Button (selected/hover/active state): #fd4f57
*/

.tab:nth-of-type(odd) .tab-title-box {
    background-color: #fd4f57;
}

.tab:nth-of-type(odd) .tab-content {
    background-color: #ffd6d1;
}

.tab:nth-of-type(odd) a.btn {
    background-color: #fd4f57;
}

.tab:nth-of-type(odd) .btn:hover, .tab:nth-of-type(odd) .btn:visited, .tab:nth-of-type(odd) .btn:active {
    background-color: #fd4f57;
    background-color: #d6273d;
    color: #fff;
}

/*
Table #2 (MT Teal Color) Heading Bar: #69d8de
    Font-face: Graphik
    Font-weight: Medium/bold
    Font-color: #ffffff
    Font-size: 20px/1.25em
    Line-height: 1em (I�ll have to see this to be sure it works. In Photoshop, the headings line-height are about 125% the font size in order to look right)
Table #2 (MT Teal Light Color) Content Area: #d7fafa
    Font-face: Graphik
    Font-weight: Regular/normal
    Font-color: #4a4a4a
    Font-size: 16px/1.0em 
    Line-height: 24px/1.5em (150% in Photoshop)
Table #2 (MT Teal Color) Button: #69d8de
    Font-face: Graphik
    Font-weight: Regular/normal
    Font-color: #ffffff
    Font-size: 19.2px/1.2em
    Line-height: 1.5em (have to see if it works ok�around 125% in Photoshop)
Table #2 (MT Teal Dark Color) Button (selected/hover/active state): #32b8bf
*/
.tab:nth-of-type(even) .tab-title-box {
    background-color: #69d8de;
}

.tab:nth-of-type(even) .tab-content {
    background-color: #d7fafa;
}

.tab:nth-of-type(even) .btn {
    background-color: #69d8de;
}

    .tab:nth-of-type(even) .btn:hover, .tab:nth-of-type(even) .btn:visited, .tab:nth-of-type(even) .btn:active {
        background-color: #32b8bf;
        color: #fff;
    }

.tab .btn {
    margin-left: 1em;
}

/* gallery */
.gallery-container,
.gallery-container div.slideshow img,
.gallery-container a.thumb,
.gallery-container div.nav-top a,
.gallery-container div.nav-top span.current,
.gallery-container div.nav-top span.ellipsis,
.gallery-container div.pagination a,
.gallery-container div.pagination span.current,
.gallery-container div.pagination span.ellipsis,
.gallery-container div.nav-top span.current,
.gallery-container div.pagination span.current {
    border-color: #fd4f57 !important;
}

    .gallery-container ul.thumbs li.selected a.thumb,
    .gallery-container div.nav-top a:hover,
    .gallery-container div.pagination a:hover,
    .gallery-container div.nav-top span.current,
    .gallery-container div.pagination span.current {
        background-color: #ffd6d1 !important;
    }


/* OLD LEFT MENU HTML MARKUP */

.left-col .sidebar {
    font-family: 'Graphik-Bold';
}

    .left-col .sidebar p {
        padding-left: 10px;
        margin: 16px 0;
    }

        .left-col .sidebar p.active {
            position: relative;
        }

            .left-col .sidebar p.active:before {
                font-family: "FontAwesome";
                font-size: .65em;
                content: "\f04b";
                color: #ffd6d1;
                position: absolute;
                left: -5px;
            }
/* OLD LEFT MENU HTML MARKUP END */

/***************************************/
/* C O L O R  O V E R R I D E S  E N D */
/***************************************/

/* Responsive fixes */

@media (min-width: 1024px) {
    header .menu.main-menu {
        width: auto;
        position: static;
        margin-bottom: 5px;
    }
}

@media (max-width: 1023px) {
    body.mobile-menu-active {
        position: fixed; /*page scrolling removing*/
        overflow: hidden;
    }

    .header-wrapper .main-logo {
        margin: 20px 0 0 !important;
    }

    header .menu.main-menu > ul {
        overflow-y: auto;
        height: 90vh;
    }

    header .menu.main-menu ul.level1.static {
        width: 100% !important;
    }

    .header-wrapper .menu.main-menu li a {
        width: 100%;
        padding-left: 2em !important;
    }

    header .menu.main-menu ul ul.dynamic {
        display: block !important;
        position: static !important;
        background-color: transparent;
        border: none;
        padding-left: 1em !important;
        border-top: 0px solid #fff;
    }

    .header-wrapper .menu.main-menu {
        background-color: #ffd6d1;
    }

        .header-wrapper .menu.main-menu li a {
            color: #fd4f57;
        }

        .header-wrapper .menu.main-menu ul ul li a {
            font-family: 'Graphik-Regular';
            font-weight: 400;
        }
}

@media (max-width: 719px) {
    .header-wrapper .constrain .cf:last-child {
        height: auto;
    }
}

@media (max-width: 400px) {
    .mobile-header .desktop-header img {
        max-width: 225px !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 3px;
    }

    p, span {
        font-size: 17px;
    }

}



/* C O M M O N   P A G E   S T Y L E S  */

.message table, .mainMessages table, table.innerMessage {
    margin: 0;
}

.message .img {
    width: auto;
}

.message, .mainMessages, .innerMessage TR TD {
    border-collapse: separate;
}

table.Grid .GridPager tr td {
    display: table-cell;
}

.GridPager table {
    width: auto;
}

.GridPager SPAN, .GridPager A, .GridPager A:LINK, .GridPager A:VISITED, .GridPager A:ACTIVE, .GridPager A:HOVER {
    margin: 5px;
    font-family: "Graphik-Bold";
}

/* P A G E   S T Y L E S  */

/* Search Page */
.downloadPage table, .searchResults table {
    font-size: 16px;
}

.downloadPage label {
    width: auto;
    max-width: none;
}

.downloadPage input[type=text], .downloadPage select, .downloadPage textarea {
    margin: 0px;
}

@media (max-width: 1023px) {
    .downloadPage select.txtEditable {
        width: 100%;
    }
}

.searchResults table.Grid {
    width: auto !important;
}

    .searchResults table.Grid .GridHeader {
        display: none;
    }

.searchTitle {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.5em;
}

.searchDescription {
  line-height: 1.5em;
}

.searchLink {
    margin-bottom: 10px;
    line-height: 1.5em;

}


#quickLinks H3
{
  color:#fd4f57;
}

#quickLinks A
{
  color:#4a4a4a;
}

#quickLinks A:hover
{
  color:#d6273d;
}


DIV.vimeoWrapper
{
  padding: 56.25%;
  position: relative;
}

IFRAME.vimeoIframe
{
  position:absolute !important;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.fa
{
  color: inherit; 
  padding: 0em 0.25em;
}


/*  ------------------- From MT staff on 12/14/18  ------ */


/* TS added */	
.extraPadding li{
	padding-bottom: .75em;
}	
	
		.paddingVert025em {padding:0.25em 0em}
		.paddingVert050em {padding:0.50em 0em}
		.paddingVert100em {padding:1.00em 0em}
		.paddingHorz025em {padding:0em 0.25em}
		.paddingHorz050em {padding:0em 0.50em}
		.paddingHorz100em {padding:0em 1.00em}
	
		.ltr025 	{letter-spacing:  0.25px}
		.ltr050 	{letter-spacing:  0.50px}
		.ltr100 	{letter-spacing:  0.50px}
		.ltr-025 	{letter-spacing: -0.25px}	
		.ltr-050	{letter-spacing: -0.50px}	
		.ltr-100	{letter-spacing: -1.00px}	

		.lineH100	{line-height: 1.00em}
		.lineH125	{line-height: 1.25em}
		.lineH150	{line-height: 1.50em}
		.lineH175	{line-height: 1.75em}
		.lineH200	{line-height: 2.00em}	

		.heading {margin-top:1.5em; font-weight: 600}	
		.headingLinked {margin-top:1.5em; }	
		.heading h4{text-transform: uppercase}
	
		.smallnote {color:#6a6a6a; font-family:"Graphik-Regular"; font-size:75%; font-weight:400; letter-spacing:0px; padding:0em 0.25em;}
		.subhead {color:inherit; font-size:80%; padding:0em 1em; text-transform: uppercase}
	
	
/* TS modified */	
	.top {
		color: #c3a5e1;   
		display: block;
		font-size:.75em; 
		margin:0.25em 0em 0.5em 0em;
		text-align: right;		
		text-transform: uppercase;
	}

@media (max-width: 719px) {
    .top {display: none !important;}
    }	

	
/*  TS hide
	.tab {display:inline-block; margin-left: .5em;}
*/	

.small-text {
	font-size: 14px;
	/*  JL: I want to change the line-height for this, but it seems to be overwritten by default, or I'm putting it in wrong. Also, in mobile view, the default padding above gets removed and is too close to the link text. */
}	

.hangingIndent {
	text-indent: -28px;
	padding-left: 28px;
}
	
.uppercase {
	text-transform: uppercase;
}
span.uppercase-1 {
	font-size:.95em; 
	text-transform: uppercase;
	font-weight: bold;
}
span.uppercase-2 {
	font-size:.9em;
	text-transform: uppercase;
	font-weight: bold;
}


.em-bold {
	font-style: italic;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

	.italic {font-style: italic}
		
.center {
	text-align: center;
}


div.Document {
	margin-left:5em;
	padding-bottom:.5em;
}


		 section.subtab {
			background-color:rgba(255,255,255,0.9);
			border-radius: 25px; 
			margin:0 1em 20px 1em; 
			}
 		
		.tab-text-padding {
			padding-top:1.00em!important;
			padding-right:1.00em;
			padding-bottom:1.00em;
			padding-left:1.25em;
			}

		section.subtab h3{font-weight: 600; margin-top:1em}	
		section.subtab h6{font-weight: 100; margin-top:2.0em; text-transform: uppercase; letter-spacing:2px }
		section.subtab p{margin:0.25em 0 1em 0}

		h3.title {font-weight: 600; margin-top:0.5em!important; line-height: 125%!important;}	
		h6.details {font-weight: 100; margin-top:2.0em; text-transform: uppercase; letter-spacing:2px }

		.tab:nth-of-type(even) h6 {color:#69d8de}
		.tab:nth-of-type(even) h2.tab-title{color:#69d8de; font-weight: 600; text-align: center}
		.subtab:nth-of-type(even) {border: 2px solid #69d8de;}
		.subtab:nth-of-type(even) .title {color:#69d8de; font-weight:600; line-height:1.15em;}
		.subtab:nth-of-type(even) h5{color:#69d8de; font-size: 14px; font-weight:200; letter-spacing:0px; padding-top:1em}
		.subtab:nth-of-type(even) h6 {color:#69d8de}
		.subtab:nth-of-type(even) h2.tab-title{color:#69d8de; font-weight: 600; text-align: center}
		.subtab:nth-of-type(even) .btn:visited, 
		.subtab:nth-of-type(even) .btn:active {background-color: #d7fafa; color: #69d8de;}
		.subtab:nth-of-type(even) .btn:hover {background-color: #aff0f5; color: #fff;} 


		.tab:nth-of-type(odd) h6{color:#fd4f57}
		.tab:nth-of-type(odd) h2.tab-title{color:#fd4f57; font-weight: 600; text-align: center}
		.subtab:nth-of-type(odd) {border: 2px solid #fd4f57;}
		.subtab:nth-of-type(odd) .title {color:#fd4f57; font-weight:600; line-height:1.15em;}
		.subtab:nth-of-type(odd) h5{color:#fd4f57; font-size: 14px; font-weight:200; letter-spacing:0px; padding-top:1em}
		.subtab:nth-of-type(odd) h6{color:#fd4f57}
		.subtab:nth-of-type(odd) h2.tab-title{color:#fd4f57; font-weight: 600; text-align: center}		
		.subtab:nth-of-type(odd) .btn:visited, 
		.subtab:nth-of-type(odd) .btn:active {background-color: #e1d2fb; color: #fd4f57;}		
		.subtab:nth-of-type(odd) .btn:hover{background-color: #c3a5e1; color: #fff;}	

		section.subtab .btn{padding:0.5em 3em}




/* ITEMS THAT SHOULD NOT BE ADDED TO GENERAL CSS */

span.pdf {
	display: inline;
	width: 50px;
	height: 50px;
	padding: 5px;
	border: 1px #fd4f57 !important;
    font-size: 75%;
	color: #fd4f57 !important;
}

.videoWrapper {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

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


}

li.spacer-below {
	padding-bottom: 1em;
}

ul.dash-list {
    list-style-type: none;
    margin-left: 1.5em;
    padding-left: 4em;
    text-indent: -0.85em;
}

ul.hyphen-list li:before {
    content: "\2013 ";
}

/* end from MT staff ------ */


/* Search Page END */



/***********************************************/
/* P R O J E C T   O V E R R I D E S  E N D    */
/***********************************************/