@charset "UTF-8";
/* ==========================================================================
   Project Imports
   ========================================================================== */
/* Dependencies */
/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */
/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* -----------------------------------------
   Shared Styles
----------------------------------------- */
table th {
    font-weight: bold;
}

table td, table th {
    padding: 9px 10px;
    text-align: left;
}

/* Mobile */
@media only screen and (max-width: 1024px) {
    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 45%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .pinned {
        width: 28%;
    }
}

@media only screen and (max-width: 1024px) {
    .checkbox-table .pinned {
        width: 65%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .checkbox-table .pinned {
        width: 28%;
    }
}

@media only screen and (max-width: 1024px) {
    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }

        .pinned table th, .pinned table td {
            white-space: nowrap;
        }
        
        .pinned table tbody th {
	        height: 36px;
        }

    .pinned td:last-child {
        border-bottom: 0;
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

    .checkbox-table div.table-wrapper div.scrollable {
        margin-left: 65%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .checkbox-table div.table-wrapper div.scrollable {
        margin-left: 28%;
    }
}

@media only screen and (max-width: 1024px) {
    div.table-wrapper div.scrollable {
        margin-left: 45%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    div.table-wrapper div.scrollable {
        margin-left: 28%;
    }
}

@media only screen and (max-width: 1024px) {
    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }

    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

        .DnnModule-IASG_Quotes table.responsive tbody td {
	        height: 32px;
        }
        
        .DnnModule-IASGIndexes table.responsive tbody td,
        .DnnModule-IASG_Programs table.responsive tbody td {
	        height: 36px;
        }
        
        table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
            display: none;
        }

    table.responsive.has-checkboxes th:nth-child(2), table.has-checkboxes.responsive td:nth-child(2), table.has-checkboxes.responsive td:nth-child(2), table.has-checkboxes.responsive.pinned td {
        display: none;
    }
}
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: black;
    opacity: 0.7;
    z-index: 50000000000000;
    filter: alpha(opacity=70);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    z-index: 50000000000000;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    width: auto;
    max-width: 600px;
    background: white;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-content .close-modal {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../img/close-modal.png) 0 0 no-repeat;
        text-indent: -10000000px;
        overflow: hidden;
        width: 40px;
        height: 40px;
    }

        .mfp-content .close-modal:hover {
            background: url(../img/close-modal.png) -40px 0 no-repeat;
        }

    .mfp-content .content-wrap {
        padding: 50px 18%;
    }

@media screen and (max-width: 768px) {
    .mfp-content .content-wrap {
        padding: 50px 30px;
    }
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #cccccc;
    }

        .mfp-preloader a:hover {
            color: white;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    display: none !important;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    position: fixed;
    background: white;
    color: #333333;
    display: none !important;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid white;
        margin-left: 31px;
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid white;
        margin-left: 39px;
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3f3f3f;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: black;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444444;
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.mfp-inner-wrapper {
    background: white;
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#terms-conditions .mfp-inner-wrapper {
    padding: 0;
    background: none;
}

/* Base */
/* ==========================================================================
   Variables
   ========================================================================== */
/* Media Queries
   -------------------------------------------------------------------------- */
/* Grid
   -------------------------------------------------------------------------- */
/* Colors
   -------------------------------------------------------------------------- */
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-size: 100%;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
    outline: 0;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0 0 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0 0 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 0 0 1em 0;
}

h4 {
    font-size: 1em;
    margin: 0 0 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 0 0 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 0 0 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
    margin: 0 0 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
    quotes: none;
}

    /**
 * Address `quotes` property not supported in Safari 4.
 */
    q:before,
    q:after {
        content: '';
        content: none;
    }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
    margin: 0 0 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
}

    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

/**
 * 1. Address box sizing set to border-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* 2 */
    box-sizing: border-box;
}

    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #dddddd;
    text-shadow: none;
    color: white;
}

::selection {
    background: #dddddd;
    text-shadow: none;
    color: white;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
   * Don't show links for images, or javascript/internal links
   */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*-------------------------------
  Animations
---------------------------------*/
@-webkit-keyframes opacityflicker {
    0% {
        opacity: 1;
    }

    10% {
        opacity: .3;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes opacityflicker {
    0% {
        opacity: 1;
    }

    10% {
        opacity: .3;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes opacityflicker {
    0% {
        opacity: 1;
    }

    10% {
        opacity: .3;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacityflicker {
    0% {
        opacity: 1;
    }

    10% {
        opacity: .3;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fade-and-slide-in {
    from {
        opacity: 0;
        left: -75px;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

@-moz-keyframes fade-and-slide-in {
    from {
        opacity: 0;
        left: -75px;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

@-ms-keyframes fade-and-slide-in {
    from {
        opacity: 0;
        left: -75px;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

@keyframes fade-and-slide-in {
    from {
        opacity: 0;
        left: -75px;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

@-webkit-keyframes slide-in {
    from {
        left: -75px;
    }

    to {
        left: 0;
    }
}

@-moz-keyframes slide-in {
    from {
        left: -75px;
    }

    to {
        left: 0;
    }
}

@-ms-keyframes slide-in {
    from {
        left: -75px;
    }

    to {
        left: 0;
    }
}

@keyframes slide-in {
    from {
        left: -75px;
    }

    to {
        left: 0;
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes resize-in-header {
    from {
        opacity: 0;
        width: 100%;
    }

    to {
        opacity: 1;
        width: 578px;
    }
}

@-moz-keyframes resize-in-header {
    from {
        opacity: 0;
        width: 100%;
    }

    to {
        opacity: 1;
        width: 578px;
    }
}

@-ms-keyframes resize-in-header {
    from {
        opacity: 0;
        width: 100%;
    }

    to {
        opacity: 1;
        width: 578px;
    }
}

@keyframes resize-in-header {
    from {
        opacity: 0;
        width: 100%;
    }

    to {
        opacity: 1;
        width: 578px;
    }
}

@-webkit-keyframes resize-in-header-alt {
    from {
        width: 100%;
    }

    to {
        width: 578px;
    }
}

@-moz-keyframes resize-in-header-alt {
    from {
        width: 100%;
    }

    to {
        width: 578px;
    }
}

@-ms-keyframes resize-in-header-alt {
    from {
        width: 100%;
    }

    to {
        width: 578px;
    }
}

@keyframes resize-in-header-alt {
    from {
        width: 100%;
    }

    to {
        width: 578px;
    }
}
/*-------------------------------
  Helper Styles
---------------------------------*/
.content-constraint {
    height: auto;
    position: relative;
}

@media screen and (min-width: 769px) {
    .content-constraint {
        max-width: 1252px;
        min-height: 255px;
        margin: 0 auto;
    }
}

.content-constraint.padded {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 769px) {
    .content-constraint.padded {
        max-width: 1152px;
        padding-left: 50px;
        padding-right: 50px;
    }
}

.no-margin {
    margin: 0;
    margin-bottom: 0;
}

.full-bleed-pad {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 50px;
}

.width-3-4 {
    width: 75%;
}

.upcase {
    text-transform: uppercase !important;
}

.hide-overflow {
    overflow: hidden;
    display: block;
}

.row,
.group {
    display: block;
    clear: both;
    overflow: hidden;
}

@media screen and (min-width: 769px) {
    .col {
        float: left;
    }
}

.circle-mask {
    display: inline-block;
    font-size: 0px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}

@media screen and (min-width: 769px) {
    .hide-desktop {
        display: none;
    }
}

.hide-mobile {
    display: none;
}

@media screen and (min-width: 769px) {
    .hide-mobile {
        display: block;
    }
}

@media screen and (min-width: 769px) {
    table.hide-mobile {
        display: table;
    }
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

@media screen and (min-width: 769px) {
    .hide-tablet-desktop {
        display: none;
    }
}

.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .alignright-tablet {
        text-align: right;
    }
}

@media screen and (min-width: 1100px) {
    .alignleft-desktop {
        text-align: left;
    }
}

@media screen and (min-width: 1100px) {
    .alignright-desktop {
        text-align: right;
    }
}

@media screen and (min-width: 1100px) {
    .aligncenter-desktop {
        text-align: center;
    }
}

.valignmiddle {
    vertical-align: middle;
}

.floatright {
    float: right;
}

@media screen and (min-width: 769px) {
    .floatright-tablet {
        float: right;
    }
}

@media screen and (min-width: 1100px) {
    .floatright-desktop {
        float: right;
    }
}

.border-bottom {
    border-bottom: 1px solid #dfdfdf;
}

.table {
    display: table;
}

.tr {
    display: table-row;
}

.td {
    display: table-cell;
}

@media screen and (min-width: 769px) {
    .table-desktop {
        display: table;
    }
}

@media screen and (min-width: 481px) {
    .tr-tablet {
        display: table-row;
    }
}

@media screen and (min-width: 481px) {
    .td-tablet {
        display: table-cell;
    }
}

@media screen and (min-width: 769px) {
    .tr-desktop {
        display: table-row;
    }
}

@media screen and (min-width: 769px) {
    .td-desktop {
        display: table-cell;
    }
}

.alert {
    color: red;
}

.ng-hide {
    display: none;
}

.fade-in {
    -webkit-animation: fade-in 0.75s 0.25s backwards;
    -moz-animation: fade-in 0.75s 0.25s backwards;
    -ms-animation: fade-in 0.75s 0.25s backwards;
    animation: fade-in 0.75s 0.25s backwards;
}

.relative-wrap {
    position: relative;
}

@media screen and (min-width: 769px) {
    .flexcontainer {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (max-width: 769px) {
    .break-mobile {
        display: block;
        margin-bottom: 12px;
        height: 1px;
        width: 100%;
    }
}

.horizontal-banner img,
.vertical-banner img,
.banner.aligncenter img {
    margin-left: auto;
    margin-right: auto;
}

.match-thumb {
    display: block;
    line-height: 23px;
    min-height: 23px;
}

.extend-height {
    display: block;
    line-height: 34px;
    min-height: 34px;
}

/*-------------------------------
  Grid-related Styles
---------------------------------*/
body .span-1-1-2-all {
    width: 48.64865%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
}

body .span-1-2-2-all {
    width: 48.64865%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
}

@media screen and (min-width: 1100px) {
    body .span-1-1-2-desktop {
        width: 48%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 4%;
    }

    body .span-1-2-2-desktop {
        width: 48%;
        clear: right;
        float: right;
        margin-right: 0%;
    }

    body .span-1-1-4-desktop {
        width: 22.22222%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 3.7037%;
    }

    body .span-1-2-4-desktop {
        width: 22.22222%;
        clear: right;
        float: left;
        margin-right: 3.7037%;
    }

    body .span-1-3-4-desktop {
        width: 22.22222%;
        clear: right;
        float: left;
        margin-right: 3.7037%;
    }

    body .span-1-4-4-desktop {
        width: 22.22222%;
        clear: right;
        float: right;
        margin-right: 0%;
    }
}

@media screen and (min-width: 768px) {
    body .span-1-1-2-tablet {
        width: 48.64865%;
        float: left;
        margin-right: -100%;
        margin-left: 0%;
        clear: none;
    }

    body .span-1-2-2-tablet {
        width: 48.64865%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }
}

@media screen and (min-width: 769px) {
    body .span-1-1-2 {
        width: 48.64865%;
        float: left;
        margin-right: -100%;
        margin-left: 0%;
        clear: none;
    }

    body .span-1-2-2 {
        width: 48.64865%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    body .span-1-1-2-no-gutter {
        width: 50%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 0%;
    }

    body .span-1-2-2-no-gutter {
        width: 50%;
        clear: right;
        float: right;
        margin-right: 0%;
    }

    body .span-1-1-3 {
        width: 31.57895%;
        float: left;
        margin-right: -100%;
        margin-left: 0%;
        clear: none;
    }

    body .span-2-1-3 {
        width: 65.78947%;
        float: left;
        margin-right: -100%;
        margin-left: 0%;
        clear: none;
    }

    body .span-1-2-3 {
        width: 31.57895%;
        float: left;
        margin-right: -100%;
        margin-left: 35.4251%;
        clear: none;
    }

    body .span-1-3-3 {
        width: 31.57895%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    body .span-2-2-3 {
        width: 65.78947%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    body .span-1-1-3-no-gutter {
        width: 33.33333%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 0%;
    }

    body .span-1-2-3-no-gutter {
        width: 33.33333%;
        clear: right;
        float: left;
        margin-right: 0%;
    }

    body .span-1-3-3-no-gutter {
        width: 33.33333%;
        clear: right;
        float: right;
        margin-right: 0%;
    }

    body .span-1-1-4 {
        width: 23.07692%;
        float: left;
        margin-right: -100%;
        margin-left: 0%;
        clear: none;
    }

    body .span-1-2-4 {
        width: 23.07692%;
        float: left;
        margin-right: -100%;
        margin-left: 26.78063%;
        clear: none;
    }

    body .span-1-3-4 {
        width: 23.07692%;
        float: left;
        margin-right: -100%;
        margin-left: 52.42165%;
        clear: none;
    }

    body .span-2-2-4 {
        width: 48.71795%;
        float: left;
        margin-right: -100%;
        margin-left: 26.78063%;
        clear: none;
    }

    body .span-3-2-4 {
        width: 74.35897%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    body .span-1-4-4 {
        width: 23.07692%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    body .span-1-1-5 {
        width: 16.66667%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 4.16667%;
    }

    body .span-3-1-5 {
        width: 58.33333%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 4.16667%;
    }

    body .span-2-1-5 {
        width: 37.5%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 4.16667%;
    }

    body .span-3-2-5 {
        width: 58.33333%;
        clear: right;
        float: left;
        margin-right: 4.16667%;
    }

    body .span-3-3-5 {
        width: 58.33333%;
        clear: right;
        float: right;
        margin-right: 0%;
    }

    body .span-4-2-5 {
        width: 79.16667%;
        clear: right;
        float: right;
        margin-right: 0%;
    }

    body .span-2-4-5 {
        width: 37.5%;
        clear: right;
        float: right;
        margin-right: 0%;
    }

    body .span-1-5-5 {
        width: 16.66667%;
        clear: right;
        float: right;
        margin-right: 0%;
    }

    body .span-7-1-10 {
        width: 69.38776%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 2.04082%;
    }

    body .span-3-8-10 {
        width: 28.57143%;
        clear: right;
        float: right;
        margin-right: 0%;
    }

    body .span-6-1-23-no-gutter {
        width: 26.08696%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 0%;
    }

    body .span-17-7-23-no-gutter {
        width: 73.91304%;
        clear: right;
        float: right;
        margin-right: 0%;
    }

    body .span-6-1-23 {
        width: 25%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 1.47059%;
    }

    body .span-17-7-23 {
        width: 73.52941%;
        clear: right;
        float: right;
        margin-right: 0%;
    }

    body .span-3-1-4-no-gutter {
        width: 75%;
        clear: right;
        float: left;
        margin-left: 0%;
        margin-right: 0%;
    }
}

/* Fonts */
/*-------------------------------
  Icomoon Icon Font Styles
---------------------------------*/
@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?-nkk4o9");
    src: url("../fonts/icomoon.eot?#iefix-nkk4o9") format("embedded-opentype"), url("../fonts/icomoon.woff?-nkk4o9") format("woff"), url("../fonts/icomoon.ttf?-nkk4o9") format("truetype"), url("../fonts/icomoon.svg?-nkk4o9#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-envelope-o:before {
    content: "\f003";
}

.icon-check:before {
    content: "\f00c";
}

.icon-refresh:before {
    content: "\f021";
}

.icon-print:before {
    content: "\f02f";
}

.icon-pencil:before {
    content: "\f040";
}

.icon-plus-circle:before {
    content: "\f055";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-facebook-f:before {
    content: "\f09a";
}

.icon-google-plus:before {
    content: "\f0d5";
}

.icon-bell:before {
    content: "\f0f3";
}

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

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

.icon-pinterest-p:before {
    content: "\f231";
}

.icon-investment-plan:before {
    content: "\e600";
}

.icon-monitoring:before {
    content: "\e601";
}

.icon-portfolio:before {
    content: "\e602";
}

.icon-analysis:before {
    content: "\e603";
}

.icon-research:before {
    content: "\e604";
}

.icon-consultation:before {
    content: "\e60a";
}

.icon-checkmark:before {
    content: "\e60b";
}

.icon-search:before {
    content: "\e60c";
}

.icon-chat:before {
    content: "\e60d";
}

.icon-phone:before {
    content: "\e60e";
}

.icon-close:before {
    content: "\f00d";
}

.icon-times:before {
    content: "\f00d";
}

.icon-remove:before {
    content: "\f00d";
}

.icon-x:before {
    content: "\f00d";
}

.icon-bars:before {
    content: "\f0c9";
}

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

.icon-reorder:before {
    content: "\f0c9";
}

/* Modules */
/*-------------------------------
  Global Styles
---------------------------------*/
body {
    color: #666666;
}

    body a {
        text-decoration: none;
    }

@media screen and (min-width: 769px) {
    a:hover {
        text-decoration: underline;
    }
}

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

/*-------------------------------
  Mobile Menu Styles
---------------------------------*/
body.mobile-view.mobile-menu-open .site-constraint {
    left: -75%;
}

body.mobile-view.mobile-menu-open .main-navigation {
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 50000000;
    overflow: hidden;
    overflow-y: scroll;
}

body .site-constraint {
    position: relative;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    left: 0;
    -moz-transition-property: left;
    -o-transition-property: left;
    -webkit-transition-property: left;
    transition-property: left;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

@media screen and (min-width: 769px) {
    body .site-constraint {
        overflow: visible;
    }
}

body .main-navigation {
    -moz-transition-property: right;
    -o-transition-property: right;
    -webkit-transition-property: right;
    transition-property: right;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

body .mobile-menu-btn {
    color: #666666;
    display: block;
    font-size: 28px;
}

@media screen and (min-width: 769px) {
    body .mobile-menu-btn {
        display: none;
    }
}

body .mobile-menu-btn.open-btn {
    position: absolute;
    right: 15px;
    top: 12px;
    z-index: 3;
    font-size: 32px;
}

@media screen and (min-width: 769px) {
    body .mobile-menu-btn.open-btn {
        display: none;
    }
}

body .mobile-menu-btn.close-btn {
    z-index: 50;
    color: white;
    display: block;
    position: absolute;
    top: 2px;
    right: 0px;
    z-index: 500000000000000;
}

    body .mobile-menu-btn.close-btn:hover {
        color: white !important;
        background: none !important;
    }

@media screen and (min-width: 769px) {
    body .mobile-menu-btn.close-btn {
        display: none !important;
    }
}

/*-------------------------------
  Header Styles
---------------------------------*/
.header {
    height: 60px;
    position: relative;
    z-index: 49;
}

    .header .branding {
        margin: 0;
        padding: 0;
        position: absolute;
        left: 15px;
        top: 12px;
        height: 38px;
        font-size: 0px;
    }

        .header .branding img {
            max-height: 100%;
            width: auto;
        }

.main-navigation {
    z-index: 50000000000;
    position: fixed;
    width: 75%;
    overflow: hidden;
    height: 100%;
    right: -75%;
    top: 0;
    bottom: 0;
    background: #333333;
    padding-top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .main-navigation ul, .main-navigation li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .main-navigation a {
        display: block;
        padding: 5px 20px 3px 20px;
        color: white;
    }

    .main-navigation .main-menu {
        font-family: 'Ropa Sans', sans-serif;
        font-weight: 400;
    }

        .main-navigation .main-menu a {
            text-transform: uppercase;
            font-size: 17px;
            border-bottom: 1px solid #676767;
        }

        .main-navigation .main-menu ul {
            display: none;
        }

@media screen and (max-width: 769px) {
    .main-navigation .main-menu li.sub-menu-open a {
        background: #4b4b4b;
    }

    .main-navigation .main-menu li.sub-menu-open ul {
        display: block;
    }

        .main-navigation .main-menu li.sub-menu-open ul li a {
            color: #999999;
            background: #232323;
            font-family: 'Open Sans', sans-serif;
            font-style: normal;
            font-weight: 400;
            padding: 6px 20px 7px 40px;
            font-size: 13px;
            text-transform: none;
        }

            .main-navigation .main-menu li.sub-menu-open ul li a:active {
                color: #fefefe;
            }
}

.main-navigation .top-menu {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 70px;
    position: relative;
}

    .main-navigation .top-menu li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: static;
        display: block;
        font-size: 0px;
    }

        .main-navigation .top-menu li.phone {
            position: absolute;
            bottom: 35px;
            left: 0;
            display: block;
            height: 35px;
            width: 100%;
            font-weight: 600;
        }

        .main-navigation .top-menu li.chat {
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            height: 35px;
            width: 100%;
            font-weight: 600;
        }

    .main-navigation .top-menu a {
        color: #00a8f2;
        padding: 8px 0px 8px 20px;
        font-size: 13px;
        border-bottom: 1px solid #676767;
    }

.search {
    border-bottom: 1px solid #676767;
    padding: 15px 0px 15px 20px;
    font-size: 0px;
}

    .search input {
        border: 0;
        background: white;
        padding: 6px 5px;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        color: #666666;
        vertical-align: middle;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0;
    }

    .search button {
        width: 25px;
        color: #1673b7;
        font-size: 24px;
        padding: 0;
        vertical-align: middle;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 4px;
    }

        .search button .icon-search {
            position: relative;
            top: 3px;
        }

@media screen and (max-width: 769px) {
    .search {
        padding: 15px 48px 15px 20px;
        position: relative;
    }

        .search input {
            width: 100%;
        }

        .search button {
            position: absolute;
            right: 10px;
            top: 15px;
        }
}

@media screen and (min-width: 769px) {
    .header {
        height: 102px;
        padding-top: 8px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .header .branding {
            height: 45px;
            left: 50px;
            top: 20px;
        }
}

@media screen and (min-width: 1100px) {
    .header {
        height: 112px;
    }

        .header .branding {
            height: 51px;
            left: 50px;
            top: 30px;
        }
}

@media screen and (min-width: 769px) {
    .main-navigation {
        background: none;
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        overflow: visible;
    }

        .main-navigation a {
            padding: 0;
            display: inline-block;
            border: 0;
        }

        .main-navigation .main-menu {
            border-top: 0;
            font-family: 'Ropa Sans', sans-serif;
            font-weight: 400;
        }

            .main-navigation .main-menu a {
                border-bottom: 0;
            }

        .main-navigation .top-menu .phone,
        .main-navigation .top-menu .chat {
            background: none;
        }

            .main-navigation .top-menu .phone a,
            .main-navigation .top-menu .chat a {
                font-weight: 600;
                border-bottom: 0;
            }

                .main-navigation .top-menu .phone a:hover,
                .main-navigation .top-menu .chat a:hover {
                    text-decoration: none;
                }

                    .main-navigation .top-menu .phone a:hover span,
                    .main-navigation .top-menu .chat a:hover span {
                        text-decoration: underline;
                    }

        .main-navigation .top-menu li {
            background: none;
        }

        .main-navigation .top-menu a {
            border-bottom: 0;
            padding: 0;
        }
}

@media screen and (min-width: 769px) {
    .main-navigation .main-menu {
        position: absolute;
        top: 49px;
        right: 28px;
    }

        .main-navigation .main-menu a {
            font-size: 12px;
            color: #666666;
            padding: 3px 13px 0 13px;
            border-right: 1px dotted #b4b4b4;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .main-navigation .main-menu a:hover {
                text-decoration: none;
            }

        .main-navigation .main-menu li {
            display: block;
            float: left;
            position: relative;
        }

            .main-navigation .main-menu li.hide-tablet-desktop {
                display: none;
            }

            .main-navigation .main-menu li:last-child a {
                border-right: 0;
                color:#f39800;
            }

            .main-navigation .main-menu li ul {
                display: none;
                padding: 0;
                margin: 0;
                position: absolute;
                top: 100%;
                left: 0;
                -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
                -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
                box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
            }

                .main-navigation .main-menu li ul li {
                    background: #f0f0f0;
                    padding: 0;
                    margin: 0;
                    float: none;
                    display: block;
                }

                    .main-navigation .main-menu li ul li:first-child {
                        padding-top: 8px;
                    }

                        .main-navigation .main-menu li ul li:first-child:before {
                            width: 0;
                            height: 0;
                            border-left: 12px solid transparent;
                            border-right: 12px solid transparent;
                            border-bottom: 12px solid #f0f0f0;
                            content: " ";
                            position: absolute;
                            top: -12px;
                            left: 28px;
                        }

                    .main-navigation .main-menu li ul li:last-child {
                        padding-bottom: 8px;
                    }

                .main-navigation .main-menu li ul a {
                    border: 0;
                    display: block;
                    width: 220px;
                    line-height: 18px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    padding: 5px 24px;
                    font-family: 'Open Sans', sans-serif;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 13px;
                    z-index: 49;
                    background: #f0f0f0;
                    text-transform: none;
                    -moz-transition: background 0.1s ease;
                    -o-transition: background 0.1s ease;
                    -webkit-transition: background 0.1s ease;
                    transition: background 0.1s ease;
                }

                    .main-navigation .main-menu li ul a:hover {
                        background: #f9f9f9;
                    }

            .main-navigation .main-menu li:hover a {
                color: #0971b9;
            }

            .main-navigation .main-menu li:hover ul {
                display: block;
            }

                .main-navigation .main-menu li:hover ul a {
                    color: #666666;
                }

                    .main-navigation .main-menu li:hover ul a:hover {
                        color: #0971b9;
                    }

        .main-navigation .main-menu > li > a.active {
            color: #0971b9;
        }

        .main-navigation .main-menu > li:hover {
            padding-bottom: 10px;
        }

    .main-navigation .top-menu {
        float: right;
        padding-bottom: 0;
    }

        .main-navigation .top-menu li {
            float: left;
            margin-left: 19px;
            vertical-align: top;
        }

            .main-navigation .top-menu li.phone, .main-navigation .top-menu li.chat {
                position: relative;
                left: 0;
                top: 0;
                width: auto;
                height: auto;
                padding-left: 18px;
                padding-top: 5px;
            }

                .main-navigation .top-menu li.phone a, .main-navigation .top-menu li.chat a {
                    position: relative;
                    padding-left: 18px;
                    display: inline-block;
                    padding-top: 0;
                }

        .main-navigation .top-menu a {
            font-size: 11px;
            color: #00a8f2;
            padding-top: 4px;
        }

        .main-navigation .top-menu .chat a {
            margin-right: 10px;
        }

        .main-navigation .top-menu .chat a,
        .main-navigation .top-menu .phone a {
            font-weight: 600;
            color: #58bbf5;
        }

            .main-navigation .top-menu .chat a i,
            .main-navigation .top-menu .phone a i {
                display: block;
                color: #0971b9;
                font-size: 18px;
                position: absolute;
                top: -2px;
                left: 0;
            }
}

@media screen and (min-width: 769px) and (min-width: 969px) {
    .main-navigation .main-menu {
        top: 45px;
    }

        .main-navigation .main-menu a {
            font-size: 15px;
            padding: 3px 18px 1px 18px;
        }
}

@media screen and (min-width: 769px) and (min-width: 1100px) {
    .main-navigation .main-menu {
        top: 59px;
    }

        .main-navigation .main-menu a {
            font-size: 17px;
            padding: 3px 22px 1px 22px;
        }

    .main-navigation .top-menu li {
        float: left;
        margin-left: 27px;
    }

    .main-navigation .top-menu a {
        font-size: 13px;
        padding-top: 4px;
    }

    .main-navigation .top-menu .chat a {
        margin-right: 32px;
    }

    .main-navigation .top-menu li.chat,
    .main-navigation .top-menu li.phone {
        padding-top: 7px;
    }

        .main-navigation .top-menu li.chat a,
        .main-navigation .top-menu li.phone a {
            font-weight: 600px;
            margin-top: -2px;
        }

        .main-navigation .top-menu li.chat i,
        .main-navigation .top-menu li.phone i {
            top: 0;
        }
}

@media screen and (min-width: 769px) {
    .search {
        padding: 0;
        border-top: 0;
        float: right;
        width: 240px;
        position: relative;
        right: -6px;
        height: 30px;
        margin-left: 43px;
        border-bottom: 0;
        -moz-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }

        .search .autocomplete-wrap {
            float: left;
            width: 210px;
            min-height: 30px;
            position: relative;
        }

        .search input {
            font-size: 11px;
            background: white;
            width: 100%;
            position: relative;
            top: 2px;
            color: black;
            border: 1px solid #cccccc;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            -moz-box-shadow: 0;
            -webkit-box-shadow: 0;
            box-shadow: 0;
            vertical-align: top;
            -webkit-appearance: none;
        }

        .search button {
            position: relative;
            top: 2px;
            color: #0971b9;
            font-size: 18px;
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1;
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }

            .search button:hover {
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
                opacity: 0.7;
                color: #2b83c3;
            }
}

@media screen and (min-width: 1100px) {
    .search {
        height: 33px;
    }

        .search .autocomplete-wrap {
            min-height: 33px;
        }

        .search input {
            font-size: 12px;
        }
}

.search .autocomplete-results {
    top: 26px;
}

@media screen and (min-width: 1100px) {
    .search .autocomplete-results {
        top: 29px;
    }
}

.main-content .form .autocomplete-results,
.main-navigation .autocomplete-results,
.autocomplete-results {
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 50000;
    font-family: Arial, sans-serif;
    font-size: 12px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    border: 1px solid #cccccc;
    opacity: 1;
    padding: 0;
    margin: 0;
}

@media screen and (min-width: 769px) {
    .main-content .form .autocomplete-results,
    .main-navigation .autocomplete-results,
    .autocomplete-results {
        display: block;
    }
}

.main-content .form .autocomplete-results li,
.main-navigation .autocomplete-results li,
.autocomplete-results li {
    display: block;
}

    .main-content .form .autocomplete-results li a,
    .main-navigation .autocomplete-results li a,
    .autocomplete-results li a {
        padding: 12px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 16px;
        display: block;
        color: #666666;
        border-bottom: 1px solid #ebebeb;
    }

        .main-content .form .autocomplete-results li a:hover,
        .main-navigation .autocomplete-results li a:hover,
        .autocomplete-results li a:hover {
            text-decoration: none;
            background: #f3f8fb;
        }

        .main-content .form .autocomplete-results li a .name,
        .main-navigation .autocomplete-results li a .name,
        .autocomplete-results li a .name {
            color: #005a99;
            display: block;
        }

/*-------------------------------
  Footer Styles
---------------------------------*/
.footer {
    background: #f3f3f3;
    color: #666666;
    font-family: Arial, sans-serif;
    font-size: 12px;
    overflow: hidden;
    padding-top: 38px;
    padding-bottom: 60px;
}

    .footer a {
        color: #666666;
    }

    .footer p {
        line-height: 1.5;
        margin-bottom: 16px;
    }

@media screen and (min-width: 769px) {
    .footer {
        font-size: 11px;
    }
}

@media screen and (min-width: 1100px) {
    .footer {
        font-size: 12px;
    }
}

.connect {
    padding-bottom: 50px;
    text-align: center;
}

    .connect .form {
        border: 1px solid #dfdfdf;
        padding: 15px;
    }

    .connect h2 {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        color: black;
        line-height: 1.2;
        margin: 0 0 30px 0;
        text-align: center;
    }

    .connect .sm-links {
        display: inline-block;
        font-size: 0px;
        overflow: hidden;
        height: 33px;
        margin-bottom: 15px;
        text-align: center;
        vertical-align: top;
    }

        .connect .sm-links a {
            display: inline-block;
            margin: 0 7px;
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1;
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }

            .connect .sm-links a:hover {
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
                opacity: 0.7;
            }

    .connect .inline-form-wrap {
        font-size: 0px;
        height: 33px;
        vertical-align: top;
        overflow: hidden;
        display: inline-block;
    }

        .connect .inline-form-wrap input[type="email"] {
            border: 1px solid #cccccc;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 13px;
            font-family: Arial, sans-serif;
            height: 32px;
            padding-left: 9px;
            padding-right: 9px;
            margin-right: 8px;
            margin-left: 4px;
            width: 150px;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            -moz-box-shadow: 0;
            -webkit-box-shadow: 0;
            box-shadow: 0;
            vertical-align: top;
            -webkit-appearance: none;
        }

@media screen and (min-width: 769px) {
    .connect .form {
        padding: 23px;
    }

    .connect .inline-form-wrap input[type="email"] {
        width: 200px;
    }
}

@media screen and (min-width: 1152px) {
    .connect {
        text-align: left;
    }

        .connect .form-title {
            float: left;
            width: 50%;
        }

        .connect .form-actions {
            float: left;
            width: 50%;
            text-align: right;
        }

        .connect .sm-links {
            margin-bottom: 0;
        }

        .connect h2 {
            text-align: left;
            font-size: 22px;
            line-height: 33px;
            margin-bottom: 0;
        }
}

/*-------------------------------
  Main Content Styles
---------------------------------*/
.main-content {
    position: relative;
    z-index: 48;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}

    .main-content img {
        max-width: 100%;
        height: auto;
    }

.modal-content h1 {
    font-size: 24px;
    color: #0971b9;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 26px;
    line-height: 1.2;
}

.modal-content h2 {
    font-size: 15px;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
}

.modal-content .forgot-password {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #0971b9;
    vertical-align: middle;
}

.modal-content .reset-password-form {
    padding-top: 43px;
    padding-bottom: 43px;
}

    .modal-content .reset-password-form .form-actions {
        margin-top: 26px;
    }

.modal-content .filter-form .form-actions {
    margin-top: 19px;
}

.modal-content .modal-description,
.modal-content form .modal-description {
    color: #666666;
    font-size: 15px;
    line-height: 22px;
    font-family: Arial, sans-serif;
    margin-top: -10px;
    margin-bottom: 1.7em;
}

.main-content .form ::-webkit-input-placeholder,
.modal-content .form ::-webkit-input-placeholder {
    color: #b4b4b4;
    opacity: 1;
}

.main-content .form :-moz-placeholder,
.modal-content .form :-moz-placeholder {
    /* Firefox 18- */
    color: #b4b4b4;
    opacity: 1;
}

.main-content .form ::-moz-placeholder,
.modal-content .form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #b4b4b4;
    opacity: 1;
}

.main-content .form :-ms-input-placeholder,
.modal-content .form :-ms-input-placeholder {
    color: #b4b4b4;
    opacity: 1;
}

.main-content .form input[placeholder],
.modal-content .form input[placeholder] {
    color: #b4b4b4;
    opacity: 1;
}

.main-content .form input:-moz-placeholder,
.modal-content .form input:-moz-placeholder {
    color: #b4b4b4;
    opacity: 1;
}

.main-content .form select::-ms-expand,
.modal-content .form select::-ms-expand {
    display: none;
}

.main-content .form select:not(.default),
.modal-content .form select:not(.default) {
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    border: 1px solid #cccccc;
    width: 100%;
    display: block;
    color: #b4b4b4;
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 1.2;
    padding: 12px 20px;
}

    .main-content .form select:not(.default).selected-state,
    .modal-content .form select:not(.default).selected-state {
        color: black;
    }

.main-content .form .select-wrap,
.modal-content .form .select-wrap {
    position: relative;
    margin-bottom: 10px;
}

    .main-content .form .select-wrap:after,
    .modal-content .form .select-wrap:after {
        pointer-events: none;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #a5a5a5;
        position: absolute;
        right: 18px;
        top: 19px;
    }

.main-content .form input[type="checkbox"],
.modal-content .form input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 2px;
}

.main-content .form label.checkbox-label,
.modal-content .form label.checkbox-label {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    vertical-align: middle;
}

.main-content .form p,
.modal-content .form p {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    line-height: 1.5;
}

    .main-content .form p.secondary,
    .modal-content .form p.secondary {
        color: #666666;
        margin-bottom: 19px;
    }

.main-content .form a,
.modal-content .form a {
    color: #0971b9;
}

.main-content .form .form-input,
.modal-content .form .form-input {
    margin-bottom: 19px;
}

.main-content .form .password-options,
.modal-content .form .password-options {
    margin-top: -9px;
    margin-bottom: 17px;
}

.main-content .form .form-actions .btn,
.modal-content .form .form-actions .btn {
    width: 100%;
    margin-bottom: 13px;
}

.main-content .form h2.legend,
.main-content .form legend,
.modal-content .form h2.legend,
.modal-content .form legend {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #005a99;
    background: #f3f3f3;
    margin: 0 0 23px 0;
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-content .form legend,
.modal-content .form legend {
    padding: 12px 20px;
}

.main-content .form h2.legend a,
.modal-content .form h2.legend a {
    display: block;
    padding: 12px 20px;
}

    .main-content .form h2.legend a:hover,
    .modal-content .form h2.legend a:hover {
        text-decoration: none;
    }

.main-content .form .expand-collapse,
.modal-content .form .expand-collapse {
    position: relative;
}

    .main-content .form .expand-collapse:after,
    .modal-content .form .expand-collapse:after {
        display: block;
        width: 13px;
        height: 13px;
        content: " ";
        position: absolute;
        top: 16px;
        right: 19px;
        background-image: url(../img/expand-collapse.png);
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .main-content .form .expand-collapse.expanded:after,
    .modal-content .form .expand-collapse.expanded:after {
        background-position: -13px 0;
    }

.main-content .form fieldset,
.modal-content .form fieldset {
    padding-bottom: 11px;
}

.main-content .form .upload-group,
.main-content .form .checkbox-group,
.main-content .form .radio-group,
.modal-content .form .upload-group,
.modal-content .form .checkbox-group,
.modal-content .form .radio-group {
    margin-bottom: 19px;
}

    .main-content .form .upload-group h3,
    .main-content .form .checkbox-group h3,
    .main-content .form .radio-group h3,
    .modal-content .form .upload-group h3,
    .modal-content .form .checkbox-group h3,
    .modal-content .form .radio-group h3 {
        font-size: 15px;
        color: black;
        font-family: Arial, sans-serif;
        font-weight: normal;
    }

    .main-content .form .upload-group label.checkbox-label.light,
    .main-content .form .checkbox-group label.checkbox-label.light,
    .main-content .form .radio-group label.checkbox-label.light,
    .modal-content .form .upload-group label.checkbox-label.light,
    .modal-content .form .checkbox-group label.checkbox-label.light,
    .modal-content .form .radio-group label.checkbox-label.light {
        font-family: Arial, sans-serif;
        color: #666666;
        font-size: 14px;
    }

    .main-content .form .radio-group .form-input,
    .modal-content .form .radio-group .form-input {
        padding-left: 2px;
    }

.main-content .form fieldset.indent .form-input,
.main-content .form fieldset.indent h3,
.main-content .form fieldset .indent .form-input,
.main-content .form fieldset .indent h3,
.modal-content .form fieldset.indent .form-input,
.modal-content .form fieldset.indent h3,
.modal-content .form fieldset .indent .form-input,
.modal-content .form fieldset .indent h3 {
    margin-left: 20px;
    margin-bottom: 10px;
}

.main-content .form fieldset.indent .alert,
.main-content .form fieldset .indent .alert,
.modal-content .form fieldset.indent .alert,
.modal-content .form fieldset .indent .alert {
    margin-left: 20px;
}

.main-content .form fieldset.indent .form-input,
.main-content .form fieldset .indent .form-input,
.modal-content .form fieldset.indent .form-input,
.modal-content .form fieldset .indent .form-input {
    margin-bottom: 5px;
    vertical-align: top;
}

.main-content .form fieldset.indent .upload-group input,
.main-content .form fieldset.indent .radio-group input,
.main-content .form fieldset.indent .checkbox-group input, .main-content .form fieldset.indent.upload-group input, .main-content .form fieldset.indent.radio-group input, .main-content .form fieldset.indent.checkbox-group input,
.main-content .form fieldset .indent .upload-group input,
.main-content .form fieldset .indent .radio-group input,
.main-content .form fieldset .indent .checkbox-group input,
.main-content .form fieldset .indent.upload-group input,
.main-content .form fieldset .indent.radio-group input,
.main-content .form fieldset .indent.checkbox-group input,
.modal-content .form fieldset.indent .upload-group input,
.modal-content .form fieldset.indent .radio-group input,
.modal-content .form fieldset.indent .checkbox-group input,
.modal-content .form fieldset.indent.upload-group input,
.modal-content .form fieldset.indent.radio-group input,
.modal-content .form fieldset.indent.checkbox-group input,
.modal-content .form fieldset .indent .upload-group input,
.modal-content .form fieldset .indent .radio-group input,
.modal-content .form fieldset .indent .checkbox-group input,
.modal-content .form fieldset .indent.upload-group input,
.modal-content .form fieldset .indent.radio-group input,
.modal-content .form fieldset .indent.checkbox-group input {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

    .main-content .form fieldset.indent .upload-group input[type="file"],
    .main-content .form fieldset.indent .radio-group input[type="file"],
    .main-content .form fieldset.indent .checkbox-group input[type="file"], .main-content .form fieldset.indent.upload-group input[type="file"], .main-content .form fieldset.indent.radio-group input[type="file"], .main-content .form fieldset.indent.checkbox-group input[type="file"],
    .main-content .form fieldset .indent .upload-group input[type="file"],
    .main-content .form fieldset .indent .radio-group input[type="file"],
    .main-content .form fieldset .indent .checkbox-group input[type="file"],
    .main-content .form fieldset .indent.upload-group input[type="file"],
    .main-content .form fieldset .indent.radio-group input[type="file"],
    .main-content .form fieldset .indent.checkbox-group input[type="file"],
    .modal-content .form fieldset.indent .upload-group input[type="file"],
    .modal-content .form fieldset.indent .radio-group input[type="file"],
    .modal-content .form fieldset.indent .checkbox-group input[type="file"],
    .modal-content .form fieldset.indent.upload-group input[type="file"],
    .modal-content .form fieldset.indent.radio-group input[type="file"],
    .modal-content .form fieldset.indent.checkbox-group input[type="file"],
    .modal-content .form fieldset .indent .upload-group input[type="file"],
    .modal-content .form fieldset .indent .radio-group input[type="file"],
    .modal-content .form fieldset .indent .checkbox-group input[type="file"],
    .modal-content .form fieldset .indent.upload-group input[type="file"],
    .modal-content .form fieldset .indent.radio-group input[type="file"],
    .modal-content .form fieldset .indent.checkbox-group input[type="file"] {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

.modal-content .form input[type="text"],
.modal-content .form input[type="password"],
.modal-content .form input[type="email"],
.modal-content .form input[type="tel"] {
    border: 1px solid #cccccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-family: Arial, sans-serif;
    height: 45px;
    padding-left: 9px;
    padding-right: 9px;
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    vertical-align: top;
    -webkit-appearance: none;
    color: black;
}

.modal-content .form select {
    padding: 12px 20px 12px 9px;
}

.modal-content .form .checkbox-group {
    margin-bottom: 16px;
}

    .modal-content .form .checkbox-group .form-input {
        margin-bottom: 3px;
    }

.modal-content .form .tooltip {
    top: -2px;
    margin-left: 3px;
}

.main-content .form input[type="text"],
.main-content .form input[type="password"],
.main-content .form input[type="email"],
.main-content .form input[type="tel"],
.main-content .form textarea {
    border: 1px solid #cccccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-family: Arial, sans-serif;
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    vertical-align: top;
    -webkit-appearance: none;
    color: black;
}

.main-content .form textarea {
    height: 123px;
    padding-top: 14px;
}

.main-content .form .registrations input[type="text"] {
    font-size: 14px;
    height: 30px;
    width: 100px;
    padding-left: 9px;
    padding-right: 9px;
}

.main-content .form .registrations .left-col,
.main-content .form .registrations .right-col {
    display: inline-block;
    margin-bottom: 1px;
}

.main-content .form .registrations .left-col {
    width: 115px;
    display: inline-block;
}

.main-content .form .opt-in {
    margin-top: -12px;
}

.main-content .form .checkbox-group {
    margin-bottom: 19px;
}

    .main-content .form .checkbox-group .form-input {
        margin-bottom: 0;
    }

.main-content .form .tooltip {
    top: -2px;
    margin-left: 3px;
}

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

    .tooltip .tooltip-content {
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.4;
        display: none;
        position: absolute;
        width: 150px;
        bottom: 100%;
        color: #666666;
        right: 100%;
        border: 1px solid #cccccc;
        padding: 12px;
        background-color: white;
        -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
        z-index: 100;
    }

@media screen and (min-width: 769px) {
    .tooltip .tooltip-content {
        width: 200px;
        left: 100%;
        right: auto;
    }
}

.tooltip.open .tooltip-content {
    display: block;
    -webkit-animation: fade-in 0.3s ease;
    -moz-animation: fade-in 0.3s ease;
    -ms-animation: fade-in 0.3s ease;
    animation: fade-in 0.3s ease;
}

.page-content .tooltip .tooltip-content {
    left: 100%;
    right: auto;
}

/* jQuery UI Modal Overrides */
.ui-widget-content {
    border: 0 !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-radius: 0 !important;
}

.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
    margin: -2px -1px 0px 0px !important;
}

.ui-widget-overlay {
    background: #000 !important;
    opacity: .7 !important;
}

/*-------------------------------
  Buttons
---------------------------------*/
.btn-search {
    background: none;
    display: inline-block;
    border: 0;
}

    .btn-search span {
        display: none;
    }

.btn {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: white;
    background-color: #2c9c2e;
    line-height: 1.2;
    border: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 29px;
    font-size: 13px;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

    .btn small {
        font-size: inherit;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
    }

    .btn:hover {
        text-decoration: none;
    }

    .btn.grey {
        background: #f1f1f1;
        color: #333333;
    }

        .btn.grey:hover {
            background: #dfdfdf;
        }

    .btn.blue {
        color: white;
        background-color: #0971b9;
    }

        .btn.blue:hover {
            background-color: #2b83c3;
        }

    .btn.light-blue {
        background-color: #00a8f2;
    }

        .btn.light-blue:hover {
            background-color: #23b5f3;
        }

    .btn.clear-blue {
        background-color: white;
        border: 1px solid #0971b9;
        color: #0971b9;
    }

        .btn.clear-blue:hover {
            background-color: #0971b9;
            color: white;
        }

    .btn.green,
    .main-content .form a.btn.green {
        color: white;
        background-color: #2c9c2e;
    }

        .btn.green:hover,
        .main-content .form a.btn.green:hover {
            background-color: #49ab4b;
        }

    .btn.x-small {
        font-size: 11px;
        padding: 5px 14px;
    }

    .btn.small {
        font-size: 12px;
        padding: 10px 24px 8px 24px;
    }

    .btn.small-2 {
        font-size: 12px;
        padding: 7px 16px;
    }

        .btn.small-2.add-arrow:before {
            background: url(../img/btn-arrow-small.png) 0 0 no-repeat;
            width: 6px;
            height: 11px;
            margin-left: -3px;
            margin-right: 6px;
        }

    .btn.small-3 {
        font-size: 11px;
        padding: 7px 16px;
    }

        .btn.small-3.add-arrow:before {
            background: url(../img/btn-arrow-small.png) 0 0 no-repeat;
            width: 6px;
            height: 11px;
            margin-left: -3px;
            margin-right: 6px;
        }

    .btn.small-4 {
        font-size: 13px;
        padding: 10px 24px;
    }

    .btn.small-5 {
        font-size: 12px;
        padding: 7px 16px;
    }

        .btn.small-5.add-arrow:before {
            background: url(../img/btn-arrow-small.png) 0 0 no-repeat;
            width: 6px;
            height: 11px;
            margin-left: -3px;
            margin-right: 3px;
        }

    .btn.small-6 {
        font-size: 12px;
        padding: 8px 16px 7px 16px;
    }

        .btn.small-6.add-arrow:before {
            background: url(../img/btn-arrow-small.png) 0 0 no-repeat;
            width: 6px;
            height: 11px;
            margin-left: -3px;
            margin-right: 6px;
        }

    .btn.medium {
        background-repeat: no-repeat;
        font-size: 13px;
        padding: 15px 29px;
        background-position: 24px center;
    }

        .btn.medium.add-arrow {
            padding: 15px 29px 15px 39px;
        }

            .btn.medium.add-arrow:before {
                top: 0px;
                margin-right: 10px;
            }

        .btn.medium.wide {
            padding: 15px 42px;
            background-position: 42px center;
        }

            .btn.medium.wide.add-arrow {
                padding: 15px 42px 15px 55px;
            }

    .btn.medium-large-text {
        background-repeat: no-repeat;
        font-size: 15px;
        padding: 12px 29px;
        background-position: 24px center;
    }

        .btn.medium-large-text.add-arrow {
            padding: 12px 29px 12px 39px;
        }

            .btn.medium-large-text.add-arrow:before {
                top: 0px;
                margin-right: 10px;
            }

        .btn.medium-large-text.wide {
            padding: 15px 42px;
            background-position: 42px center;
        }

            .btn.medium-large-text.wide.add-arrow {
                padding: 15px 42px 15px 55px;
            }

    .btn.large {
        background-repeat: no-repeat;
        font-size: 14px;
        padding: 18px 29px;
    }

        .btn.large.add-arrow {
            padding: 18px 29px 18px 47px;
        }

            .btn.large.add-arrow:before {
                top: 0px;
                margin-right: 10px;
            }

    .btn.x-large {
        font-size: 15px;
        padding: 15px 29px;
    }

        .btn.x-large.add-arrow {
            padding: 18px 29px 18px 47px;
        }

            .btn.x-large.add-arrow:before {
                top: 0px;
                margin-right: 5px;
                margin-left: -14px;
            }

    .btn.add-arrow:before {
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 3px;
        margin-left: -12px;
        content: " ";
        width: 9px;
        height: 17px;
        margin-bottom: -4px;
        background: url(../img/btn-arrow.png) 0 0 no-repeat;
    }

/*-------------------------------
  Home Styles
---------------------------------*/
.main-callout {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 40px;
    background: url(/Portals/2/assets/img/financial-consultant.jpg) 0 0 no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

    .main-callout .intro-content {
        margin-bottom: 40px;
    }

    .main-callout img {
        position: relative;
        z-index: 1;
        -webkit-animation: fade-in 1s 0.25s backwards;
        -moz-animation: fade-in 1s 0.25s backwards;
        -ms-animation: fade-in 1s 0.25s backwards;
        animation: fade-in 1s 0.25s backwards;
    }

    .main-callout h1 {
        position: relative;
        -webkit-animation: fade-and-slide-in 1s 0.25s backwards;
        -moz-animation: fade-and-slide-in 1s 0.25s backwards;
        -ms-animation: fade-and-slide-in 1s 0.25s backwards;
        animation: fade-and-slide-in 1s 0.25s backwards;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 1.2;
        color: white;
        margin-bottom: 10px;
    }

    .main-callout p {
        position: relative;
        -webkit-animation: fade-and-slide-in 1s 0.5s backwards;
        -moz-animation: fade-and-slide-in 1s 0.5s backwards;
        -ms-animation: fade-and-slide-in 1s 0.5s backwards;
        animation: fade-and-slide-in 1s 0.5s backwards;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
        color: white;
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 1.2125em;
    }

    .main-callout .btn {
        position: relative;
        -webkit-animation: fade-in 1s 1.25s backwards;
        -moz-animation: fade-in 1s 1.25s backwards;
        -ms-animation: fade-in 1s 1.25s backwards;
        animation: fade-in 1s 1.25s backwards;
    }

@media screen and (min-width: 769px) {
    .main-callout .intro-content {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .main-callout img {
        margin-top: 10px;
        max-width: 50%;
    }

    .main-callout p {
        max-width: 55%;
        padding-right: 15px;
    }
}

@media screen and (min-width: 1100px) {
    .main-callout .content-constraint {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 38px;
        padding-left: 38px;
        min-height: 299px;
    }

    .main-callout .intro-content {
        max-width: 100%;
        left: 48px;
    }

    .main-callout h1 {
        font-size: 36px;
    }

    .main-callout img {
        width: auto;
    }

    .main-callout p {
        font-size: 18px;
        max-width: 490px;
    }
}

.offers {
    padding-top: 30px;
    padding-bottom: 40px;
    background: #f3f3f3;
}

.offers.DNNEmptyPane {
    padding-top: 0;
    padding-bottom: 0;
}

    .offers .icon {
        position: absolute;
        left: -7px;
        color: #bcd9bc;
    }

    .offers .icon-investment-plan {
        font-size: 53px;
        top: -5px;
    }

    .offers .icon-research {
        top: 2px;
        font-size: 49px;
    }

@media screen and (min-width: 769px) {
    .offers .icon {
        left: 0;
    }

    .offers .icon-investment-plan {
        font-size: 83px;
        top: -5px;
    }

    .offers .icon-research {
        top: 2px;
        font-size: 79px;
    }
}

.cta-wrap {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .cta-wrap.has-icon {
        padding-left: 40px;
    }

        .cta-wrap.has-icon .cta {
            padding-left: 20px;
            border-left: 1px dotted #b4b4b4;
            margin-bottom: 40px;
            padding-bottom: 7px;
        }

@media screen and (min-width: 769px) {
    .cta-wrap.has-icon {
        padding-left: 76px;
    }

        .cta-wrap.has-icon .cta {
            margin-bottom: 0;
        }
}

.cta h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    color: black;
    line-height: 1.2;
    margin-bottom: 10px;
}

.cta p {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

@media screen and (min-width: 1100px) {
    .cta h2 {
        font-size: 25px;
    }

    .cta p {
        font-size: 15px;
    }
}

.process {
    padding-top: 30px;
}

    .process .content-constraint > .group {
        padding-bottom: 30px;
    }

    .process .consultation a,
    .process .evaluation a,
    .process .portfolio a,
    .process .monitoring a {
        margin-bottom: 0px;
        padding-top: 65px;
        padding-bottom: 10px;
        background-position: center 10px;
        background-repeat: no-repeat;
        background-color: white;
        -moz-transition: background-color 0.3s ease-in;
        -o-transition: background-color 0.3s ease-in;
        -webkit-transition: background-color 0.3s ease-in;
        transition: background-color 0.3s ease-in;
        display: block;
        background-size: 51px;
    }

        .process .consultation a:hover,
        .process .evaluation a:hover,
        .process .portfolio a:hover,
        .process .monitoring a:hover {
            text-decoration: none;
        }

    .process .consultation a {
        background-image: url(../img/icon-consultation.png);
    }

    .process .evaluation a {
        background-image: url(../img/icon-evaluation.png);
    }

    .process .portfolio a {
        background-image: url(../img/icon-portfolio.png);
    }

    .process .monitoring a {
        background-image: url(../img/icon-monitoring.png);
    }

    .process h2 {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 23px;
        color: black;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .process a {
        padding-left: 30px;
        padding-right: 30px;
    }

        .process a h3 {
            font-size: 16px;
            color: black;
            font-family: 'Open Sans', sans-serif;
            font-style: normal;
            font-weight: 600;
            margin-bottom: 8px;
        }

            .process a h3 strong {
                color: #00a8f2;
            }

        .process a p {
            font-size: 13px;
            line-height: 1.5;
            font-family: Arial, sans-serif;
            color: #666666;
        }

        .process a .more {
            display: block;
            font-size: 12px;
            font-family: Arial, sans-serif;
            font-weight: bold;
            color: #0971b9;
        }

@media screen and (min-width: 769px) {
    .process h2 {
        margin-bottom: 38px;
    }

    .process .content-constraint > .group {
        padding-bottom: 0px;
    }

    .process .consultation a,
    .process .evaluation a,
    .process .portfolio a,
    .process .monitoring a {
        margin-bottom: 20px;
        padding-top: 103px;
        -moz-transition: background-color 0.3s ease-in;
        -o-transition: background-color 0.3s ease-in;
        -webkit-transition: background-color 0.3s ease-in;
        transition: background-color 0.3s ease-in;
        display: block;
        background-size: 68px 68px;
    }

    .process a {
        padding-left: 0px;
        padding-right: 0px;
    }

        .process a:hover {
            background-color: #fafafa;
        }
}

@media screen and (min-width: 1100px) {
    .process h2 {
        font-size: 28px;
    }

    .process a {
        padding-left: 20px;
        padding-right: 20px;
    }

        .process a h3 {
            font-size: 18px;
        }

        .process a p {
            font-size: 15px;
        }

        .process a .more {
            font-size: 14px;
        }
}

.why-iasg {
    padding-top: 40px;
}

    .why-iasg h2 {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 23px;
        color: black;
        line-height: 1.2;
        margin-bottom: 38px;
    }

    .why-iasg .memberships strong {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
        color: #0971b9;
        text-transform: uppercase;
        vertical-align: middle;
        display: inline-block;
        margin-bottom: 10px;
    }

    .why-iasg .memberships img {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        margin-left: 3px;
        margin-bottom: 15px;
    }

    .why-iasg .memberships .nfa {
        width: 95px;
    }

    .why-iasg .memberships .niba {
        width: 114px;
    }

    .why-iasg .signup-wrap {
        padding-top: 10px;
        padding-bottom: 50px;
    }

@media screen and (min-width: 769px) {
    .why-iasg .memberships {
        padding-left: 30px;
    }

        .why-iasg .memberships img {
            margin-left: 15px;
        }

        .why-iasg .memberships strong {
            font-size: 13px;
            margin-top: 5px;
        }

        .why-iasg .memberships .nfa {
            width: 130px;
        }

        .why-iasg .memberships .niba {
            width: 150px;
        }
}

@media screen and (min-width: 1100px) {
    .why-iasg h2 {
        font-size: 28px;
    }

    .why-iasg .memberships img {
        margin-left: 25px;
    }

    .why-iasg .memberships strong {
        font-size: 13px;
        margin-top: 5px;
    }

    .why-iasg .memberships .nfa {
        width: 170px;
    }

    .why-iasg .memberships .niba {
        width: 198px;
    }
}

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

    .checklist li {
        list-style: none;
        margin: 0;
        padding: 5px 0 12px 30px;
        position: relative;
    }

        .checklist li:before {
            content: " ";
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e60b";
            display: block;
            font-size: 34px;
            position: absolute;
            top: -4px;
            left: -4px;
            color: #0971b9;
        }

        .checklist li h4 {
            color: black;
            font-family: 'Open Sans', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 1.2;
            margin: 0 0 3px 0;
        }

        .checklist li p {
            font-family: Arial, sans-serif;
            font-size: 13px;
        }

@media screen and (min-width: 769px) {
    .checklist li li {
        padding: 5px 0 12px 40px;
    }

        .checklist li li:before {
            left: 0;
            top: -4px;
            font-size: 40px;
        }
}

@media screen and (min-width: 1100px) {
    .checklist li h4 {
        font-size: 18px;
    }

    .checklist li p {
        font-size: 15px;
    }
}

blockquote {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    padding: 10px 0 0 30px;
    margin: 0 0 22px 0;
    color: black;
    position: relative;
}

    blockquote p {
        font-size: 13px;
        margin-bottom: 8px;
        line-height: 1.5;
    }

    blockquote footer strong {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
    }

    blockquote:before {
        content: "“";
        display: block;
        color: #00a8f2;
        font-size: 80px;
        font-family: Arial, sans-serif;
        position: absolute;
        top: -20px;
        left: -5px;
    }

@media screen and (min-width: 1100px) {
    blockquote p {
        font-size: 15px;
    }

    blockquote footer strong {
        font-size: 14px;
    }
}

/*-------------------------------
  About Section Styles
---------------------------------*/
.page-header {
    height: 170px;
    border-bottom: 13px solid #f3f3f3;
    background-position: center 0;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(../img/page-header.jpg);
    width: 100%;
    position: relative;
    margin-bottom: 36px;
}

    .page-header .content-constraint {
        height: 170px;
    }

    .page-header h1 {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
        color: white;
        padding: 10px 0;
        line-height: 1;
        font-size: 20px;
        width: 100%;
        margin: 0;
        line-height: 28px;
        text-align: center;
        overflow: hidden;
    }

        .page-header h1 span {
            display: block;
            position: relative;
        }

    .page-header .hd-container {
        height: 170px;
        position: relative;
        z-index: 2;
    }

@media screen and (min-width: 769px) {
    .page-header .hd-container {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #005a99;
        float: right;
        padding: 0px 30px;
        margin: 0;
        width: 578px;
    }

        .page-header .hd-container.slide-in {
            -webkit-animation: resize-in-header-alt 0.75s 0.25s backwards;
            -moz-animation: resize-in-header-alt 0.75s 0.25s backwards;
            -ms-animation: resize-in-header-alt 0.75s 0.25s backwards;
            animation: resize-in-header-alt 0.75s 0.25s backwards;
        }

            .page-header .hd-container.slide-in h1,
            .page-header .hd-container.slide-in p,
            .page-header .hd-container.slide-in .btn {
                -webkit-animation: fade-in 0.75s 1s backwards;
                -moz-animation: fade-in 0.75s 1s backwards;
                -ms-animation: fade-in 0.75s 1s backwards;
                animation: fade-in 0.75s 1s backwards;
            }

        .page-header .hd-container h1 {
            text-align: left;
            font-size: 20px;
            background: none;
            padding: 0;
            line-height: 28px;
        }
}

.page {
    padding-bottom: 65px;
}

.page-content {
    font-family: Arial, sans-serif;
}

    .page-content.col {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 900px;
    }

        .page-content.col .primary.col {
            max-width: 552px;
        }

@media screen and (min-width: 769px) {
    .page-content.col .primary.col {
        width: 61.33333333333333%;
        padding-right: 0;
    }
}

.page-content.col .descriptive.col {
    position: static;
}

@media screen and (min-width: 769px) {
    .page-content.col .descriptive.col {
        max-width: 348px;
        padding-left: 27px;
        padding-right: 24px;
        width: 38.66666666666666%;
        float: left;
    }
}

@media screen and (min-width: 1024px) {
    .page-content.col {
        width: 78.125%;
        border-right: 1px dotted #b4b4b4;
    }
}

.page-content.pad-right {
    padding-right: 50px;
}

@media screen and (min-width: 769px) {
    .page-content .primary.col {
        padding-right: 286px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.page-content .descriptive.col {
    padding-top: 71px;
    width: 100%;
}

@media screen and (min-width: 769px) {
    .page-content .descriptive.col {
        width: 286px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 35px;
        position: absolute;
        top: 0;
        right: 50px;
    }
}

.page-content .descriptive.col .page-pic {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}

    .page-content .descriptive.col .page-pic img {
        width: 100%;
    }

@media screen and (min-width: 321px) {
    .page-content .descriptive.col .page-pic img {
        width: auto;
    }
}

.page-content .descriptive.col .sidebar-cta .btn {
    padding: 15px 10px 15px 20px;
    color: white;
    margin-top: 10px;
    width: 100%;
    max-width: 276px;
}

.page-content .descriptive.col .contact-info {
    text-align: left;
    max-width: 179px;
    margin: 17px auto 0 auto;
    font-size: 14px;
    font-family: Arial, sans-serif;
    padding: 0 0 0 12px;
    position: relative;
    line-height: 21px;
    white-space: nowrap;
}

    .page-content .descriptive.col .contact-info strong {
        display: inline-block;
        color: black;
        width: 69px;
    }

    .page-content .descriptive.col .contact-info:after {
        content: " ";
        display: block;
        width: 1px;
        height: 41px;
        position: absolute;
        top: 0;
        left: 69px;
        border-left: 1px dotted #b4b4b4;
    }

.page-content h1,
.page-content h1:first-child {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    color: #005a99;
    margin: 0 0 .875em 0;
    line-height: 1.2;
}

.page-content h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #000101;
    margin: 0 0 0.75em 0;
}

.page-content h3, .page-content h4, .page-content h5 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #0f0f0f;
    margin: 0 0 1em 0;
}

.page-content h2 + h3 {
    margin-top: -.75em;
}

.page-content .hgroup h1 {
    margin-bottom: .125em;
}

.page-content .hgroup h2 {
    margin: 0 0 1.5em 0;
}

.page-content p {
    font-family: Arial, sans-serif;
    color: #666666;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 1.3em 0;
}

.page-content a {
    color: #0971b9;
}

.page-content dl dt {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: black;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 3px 0;
}

.page-content dl dd {
    padding: 0 0 0 23px;
    margin: 0;
}

    .page-content dl dd p {
        margin: 0 0 1.5em 0;
    }

.page-content ul, .page-content ol {
    font-family: Arial, sans-serif;
    margin-top: 1em;
}

.page-content li {
    margin-bottom: 1em;
}

.right-sidebar {
    padding-top: 71px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .right-sidebar {
        width: 21.875%;
        padding-left: 24px;
        max-width: 252px;
    }
}

.right-sidebar .callout {
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 26px;
    color: #00a8f2;
    margin-top: -9px;
}

.right-sidebar h3 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #999999;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 10px;
}

.right-sidebar blockquote {
    padding: 0;
    margin-bottom: 38px;
}

    .right-sidebar blockquote:before {
        display: none;
    }

    .right-sidebar blockquote p {
        font-family: 'Open Sans Condensed', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 26px;
        color: #00a8f2;
        line-height: 1.4;
    }

    .right-sidebar blockquote footer,
    .right-sidebar blockquote footer strong,
    .right-sidebar blockquote footer p {
        font-family: 'Open Sans Condensed', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        color: #00a8f2;
    }

    .right-sidebar blockquote footer {
        margin-top: 10px;
    }

        .right-sidebar blockquote footer strong {
            display: block;
        }

        .right-sidebar blockquote footer p {
            overflow: hidden;
        }

        .right-sidebar blockquote footer img {
            float: left;
            width: 65px;
            height: auto;
            margin-right: 8px;
        }

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

    .team-members li {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 0px;
        display: inline;
    }

    .team-members a {
        display: inline-block;
        padding: 30px 23px 10px 143px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        -webkit-transition: background 0.3s ease;
        transition: background 0.3s ease;
        position: relative;
        min-height: 110px;
        background: white;
        width: 100%;
    }

        .team-members a:hover {
            text-decoration: none;
            background: #fafafa;
        }

        .team-members a .team-member-wrap {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 143px;
        }

        .team-members a .circle-mask {
            position: absolute;
            left: 23px;
            top: 10px;
        }

        .team-members a h3 {
            font-family: 'Open Sans', sans-serif;
            font-style: normal;
            font-weight: 600;
            color: #000101;
            font-size: 18px;
            margin: 0;
        }

        .team-members a p {
            font-family: Arial, sans-serif;
            font-size: 16px;
            margin: 0;
        }

@media screen and (min-width: 769px) {
    .team-members a {
        width: 50%;
    }
}

ul.office-locations {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 2px solid #dfdfdf;
}

.office-locations li {
    padding: 17px 24px;
    margin: 0;
    border-top: 1px solid #dfdfdf;
    background: #f9f9f9;
    color: #666666;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
}

    .office-locations li strong {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        color: black;
    }



.contact-form {
    padding-top: 6px;
}

/*-------------------------------
  Tools Section Styles
---------------------------------*/
.page-header.large {
    height: 300px;
    background-image: url(../img/tools-page-header.jpg);
}

    .page-header.large .content-constraint {
        height: 300px;
        position: relative;
    }

        .page-header.large .content-constraint > img {
            position: absolute;
            left: 50%;
            margin: 0 0 0 -150px;
            bottom: 0;
            z-index: 1;
            opacity: .1;
            width: 400px;
            height: auto;
        }

@media screen and (min-width: 321px) {
    .page-header.large .content-constraint > img {
        margin: 0 0 0 -200px;
    }
}

@media screen and (min-width: 769px) {
    .page-header.large .content-constraint > img {
        opacity: 1;
        margin: 0;
        left: 50px;
        width: auto;
    }

        .page-header.large .content-constraint > img.fade-in {
            -webkit-animation: fade-in 0.75s 1s backwards;
            -moz-animation: fade-in 0.75s 1s backwards;
            -ms-animation: fade-in 0.75s 1s backwards;
            animation: fade-in 0.75s 1s backwards;
        }
}

@media screen and (min-width: 1025px) {
    .page-header.large .content-constraint > img {
        left: 115px;
    }
}

.page-header.large .content-constraint > img.laptop {
    margin: 0 0 0 -160px;
    bottom: 20px;
}

@media screen and (min-width: 321px) {
    .page-header.large .content-constraint > img.laptop {
        margin: 0 0 0 -212px;
    }
}

@media screen and (min-width: 769px) {
    .page-header.large .content-constraint > img.laptop {
        left: 38px;
        margin: 0;
    }
}

@media screen and (min-width: 1025px) {
    .page-header.large .content-constraint > img.laptop {
        left: 103px;
    }
}

.page-header.large .hd-container {
    text-align: center;
    height: 300px;
}

@media screen and (min-width: 769px) {
    .page-header.large .hd-container {
        text-align: left;
    }
}

.page-header.large h1 {
    padding: 0;
    margin-bottom: 10px;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: white;
    line-height: 36px;
}

.page-header.large p {
    font-size: 18px;
    line-height: 26px;
    color: white;
    margin-bottom: 27px;
}

@media screen and (max-width: 768px) {
    .page-header.large .btn {
        background-color: #0971b9;
    }

        .page-header.large .btn:hover {
            background-color: #2b83c3;
        }
}

.page > h1,
.page h1:first-child {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: black;
    font-size: 28px;
    margin: 0 0 40px 0;
    line-height: 1.2;
}

.page .page-content h1:first-child {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    color: #005a99;
    margin: 0 0 .875em 0;
    line-height: 1.2;
}

.features {
    margin-bottom: 0px;
}

@media screen and (min-width: 769px) {
    .features {
        margin-bottom: 40px;
        position: relative;
    }

        .features:before {
            position: absolute;
            content: " ";
            display: block;
            width: 1px;
            top: 0;
            left: 33.3333333333333333%;
            height: 100%;
            height: calc(100% + 1px);
            border-left: 1px dotted #b4b4b4;
            margin-left: -9px;
        }

        .features:after {
            position: absolute;
            content: " ";
            display: block;
            width: 1px;
            top: 0;
            right: 33.3333333333333333%;
            height: 100%;
            height: calc(100% + 1px);
            border-left: 1px dotted #b4b4b4;
            margin-right: -9px;
        }

        .features > div:nth-child(1) .feature {
            padding-right: 32px;
        }

        .features > div:nth-child(2) .feature {
            padding-left: 16px;
            padding-right: 16px;
        }

        .features > div:nth-child(3) .feature {
            padding-left: 32px;
        }

        .features .feature {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
}

.features .feature {
    margin-bottom: 50px;
    text-align: center;
}

    .features .feature img {
        display: block;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .features .feature h2 {
        font-size: 18px;
        line-height: 23px;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
        color: #005a99;
        max-width: 353px;
        margin-left: auto;
        margin-right: auto;
    }

    .features .feature p {
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 23px;
        margin: 0 auto;
        max-width: 353px;
    }

@media screen and (min-width: 769px) {
    .features .feature {
        text-align: left;
        margin-bottom: 0px;
    }

        .features .feature img {
            margin-left: 0;
            margin-right: 0;
        }
}

.features.tools.top {
    border-top: 0;
}

@media screen and (min-width: 769px) {
    .features.tools.top .feature {
        padding-top: 0;
    }
}

.features.tools.top div:first-child .feature {
    border-top: 0;
}

.features.tools .feature {
    padding-top: 25px;
    border-top: 1px dotted #b4b4b4;
    margin-bottom: 0px;
}

    .features.tools .feature img {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        opacity: 1;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

    .features.tools .feature h2 {
        font-size: 20px;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        opacity: 1;
    }

    .features.tools .feature a {
        display: block;
        position: relative;
        max-width: 420px;
        margin: 0 auto;
    }

        .features.tools .feature a h2 {
            text-decoration: none;
        }

        .features.tools .feature a .hover-text {
            -moz-transition: all 0.2s cubic-bezier(0, 1.25, 1, 1.25);
            -o-transition: all 0.2s cubic-bezier(0, 1.25, 1, 1.25);
            -webkit-transition: all 0.2s cubic-bezier(0, 1.25, 1, 1.25);
            transition: all 0.2s cubic-bezier(0, 1.25, 1, 1.25);
            opacity: 0;
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
            display: block;
            color: #666666;
            text-align: center;
            width: 100%;
            position: absolute;
            top: 30%;
            left: 0;
            font-size: 18px;
            font-family: Arial, sans-serif;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 3%;
            padding-right: 3%;
            max-width: 420px;
        }

            .features.tools .feature a .hover-text .btn {
                opacity: 0;
                -moz-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                margin-top: 20px;
            }

@media screen and (min-width: 769px) {
    .features.tools .feature a:hover {
        text-decoration: none;
    }

        .features.tools .feature a:hover h2 {
            opacity: .1;
            text-decoration: none;
        }

        .features.tools .feature a:hover img {
            opacity: .1;
        }

        .features.tools .feature a:hover .hover-text {
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

            .features.tools .feature a:hover .hover-text .btn {
                opacity: 1;
            }
}

@media screen and (min-width: 769px) {
    .features.tools {
        margin-bottom: 0px;
        border-top: 1px dotted #b4b4b4;
        position: relative;
    }

        .features.tools:before {
            position: absolute;
            content: " ";
            display: block;
            width: 1px;
            top: 0;
            left: calc(50% + 8px);
            height: 100%;
            height: calc(100% + 1px);
            border-left: 1px dotted #b4b4b4;
            margin-right: -1px;
        }

        .features.tools:after {
            display: none;
        }

        .features.tools > div:nth-child(1) .feature {
            padding-left: 20px;
            padding-right: 20px;
        }

        .features.tools > div:nth-child(2) .feature {
            padding-left: 20px;
            padding-right: 20px;
        }

        .features.tools > div:nth-child(3) .feature {
            padding-left: 20px;
            padding-right: 20px;
        }

        .features.tools .feature {
            padding-left: 20px;
            padding-right: 20px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            border-top: 0;
        }
}

.custom-blend .pad-right-gutter .btn {
    width: 167px;
    margin-top: 3px;
    text-align: center;
    margin-bottom: 40px;
}

@media screen and (min-width: 1152px) {
    .custom-blend .pad-right-gutter {
        padding-right: 187px;
    }
}

@media screen and (min-width: 1152px) {
    .custom-blend .page-content .index-container.index-strategy .vertical-banner {
        top: 0px;
    }
}

.custom-blend .tabs {
    margin-top: 12px;
}

@media screen and (max-width: 480px) {
    .custom-blend .inline-link {
        display: block;
        clear: both;
        padding-top: 10px;
    }
}

.custom-blend .tab-content {
    margin-bottom: 20px;
}

.custom-blend .page-content .form.compare-form .autocomplete-wrap,
.custom-blend .page-content .form.compare-form .inline-form-input input[type="text"],
.custom-blend .page-content .form.compare-form .autocomplete-results,
.watchlist .page-content .form.compare-form .autocomplete-wrap,
.watchlist .page-content .form.compare-form .inline-form-input input[type="text"],
.watchlist .page-content .form.compare-form .autocomplete-results,
.my-portfolio .page-content .form.compare-form .autocomplete-wrap,
.my-portfolio .page-content .form.compare-form .inline-form-input input[type="text"],
.my-portfolio .page-content .form.compare-form .autocomplete-results {
    width: 180px;
}

@media screen and (min-width: 480px) {
    .custom-blend .page-content .form.compare-form .autocomplete-wrap,
    .custom-blend .page-content .form.compare-form .inline-form-input input[type="text"],
    .custom-blend .page-content .form.compare-form .autocomplete-results,
    .watchlist .page-content .form.compare-form .autocomplete-wrap,
    .watchlist .page-content .form.compare-form .inline-form-input input[type="text"],
    .watchlist .page-content .form.compare-form .autocomplete-results,
    .my-portfolio .page-content .form.compare-form .autocomplete-wrap,
    .my-portfolio .page-content .form.compare-form .inline-form-input input[type="text"],
    .my-portfolio .page-content .form.compare-form .autocomplete-results {
        width: 220px;
    }
}

.my-portfolio .page-content .form.compare-form,
.watchlist .page-content .form.compare-form {
    padding-bottom: 17px;
}

    .my-portfolio .page-content .form.compare-form div.inline-form-input,
    .watchlist .page-content .form.compare-form div.inline-form-input {
        width: 342px;
    }

.my-portfolio .horizontal-banner {
    margin-top: 49px;
}

.blend-instructions {
    position: relative;
    margin-top: 20px;
}

    .blend-instructions p {
        font-size: 12px;
        color: black;
        line-height: 20px;
    }

    .blend-instructions a {
        display: inline-block;
        margin-right: 24px;
        color: #0971b9;
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
    }

        .blend-instructions a:last-child {
            margin-right: 0;
        }

        .blend-instructions a i {
            font-size: 13px;
            margin-right: 3px;
            position: relative;
            top: 1px;
        }

        .blend-instructions a:hover {
            text-decoration: none;
        }

            .blend-instructions a:hover span {
                text-decoration: underline;
            }

    .blend-instructions .blend-actions {
        margin-bottom: 40px;
        display: block;
    }

@media screen and (min-width: 769px) {
    .blend-instructions {
        margin-top: -12px;
    }
}

@media screen and (min-width: 936px) {
    .blend-instructions {
        margin-bottom: 15px;
    }

        .blend-instructions .blend-actions {
            position: absolute;
            top: 0;
            right: 0;
        }
}

.square-icon {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: black;
    position: relative;
    margin-right: 15px;
}

    .square-icon.blue {
        background: #3266cc;
    }

    .square-icon.red {
        background: #dc3913;
    }

    .square-icon.orange {
        background: #ff9801;
    }

    .square-icon.green {
        background: #119618;
    }

    .square-icon.purple {
        background: #980099;
    }

.save-blend {
    text-align: center;
    width: 167px;
    margin-bottom: 20px;
}

.statistics-ratios-tab-content.tab-content .table-description {
    margin-bottom: 20px;
}

.saved-blends .content-hd h1, .saved-blends .content-hd .btn {
    margin-bottom: 35px;
}

table tbody td.remove-refresh .remove-item {
    font-size: 14px;
    display: inline-block;
    padding-right: 9px;
    color: #9dc6e3;
}

    table tbody td.remove-refresh .remove-item:after {
        content: " ";
        display: inline-block;
        height: 12px;
        width: 2px;
        position: relative;
        right: -9px;
        background: #aaaaaa;
    }

table tbody td.remove-refresh .refresh-item {
    font-size: 14px;
    display: inline-block;
    margin-left: 9px;
    color: #99cf9a;
}

    table tbody td.remove-refresh .refresh-item:hover {
        text-decoration: none;
        color: #2c9c2e;
    }

.watchlist .page-content {
    position: relative;
}

@media screen and (min-width: 900px) {
    .watchlist .page-content .notice {
        position: absolute;
        top: 70px;
        right: 0;
    }
}

.watchlist .notice {
    clear: both;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: black;
}

    .watchlist .notice i {
        font-size: 14px;
        color: #eb9239;
    }

table.responsive input[type="text"] {
    border: 1px solid #cccccc;
    max-width: 80px;
    padding: 2px 5px;
    height: 25px;
    font-size: 12px;
    margin-left: 3px;
    font-family: Arial, sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    table.responsive input[type="text"].wide {
        max-width: 80px;
    }

.overlay-indicators a {
    display: inline-block;
    font-size: 11px;
    color: #0971b9;
    border: 1px solid #e6f1f8;
    background: #e6f1f8;
    line-height: 1.1;
    padding: 3px 6px;
    margin-right: 2px;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    -moz-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
    -o-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
    -webkit-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
}

    .overlay-indicators a:hover {
        text-decoration: none;
        background: #0971b9;
        border: 1px solid #0971b9;
        color: white;
    }

/*-------------------------------
  Resources Section Styles
---------------------------------*/
.article-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .article-list li {
        list-style: none;
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        border-bottom: 1px solid #dfdfdf;
    }

        .article-list li:last-child {
            border-bottom: 0;
        }

    .article-list .article-excerpt {
        overflow: hidden;
    }

    .article-list p {
        margin-bottom: 0;
    }

    .article-list img {
        float: left;
        width: 25%;
        height: auto;
        margin-right: 25px;
        border: 1px solid #e0e0e0;
    }

@media screen and (min-width: 1024px) {
    .article-list img {
        width: 198px;
        height: 123px;
    }
}

.paging a {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.2;
    display: inline-block;
    margin-left: 3px;
}

    .paging a.active {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 700;
    }

.related h3 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: black;
    font-size: 16px;
    text-transform: uppercase;
}

.related ul,
.related li {
    list-style: none;
}

.related ul {
    padding: 0 0 0 14px;
    margin: 0;
    border-left: 5px solid #eeeeee;
}

.related li {
    padding: 0;
    margin: 0 0 5px 0;
}

body .sharing {
    margin: 30px 0 34px 0;
}

    body .sharing.top {
        margin: -8px 0 28px 0;
    }

    body .sharing ul,
    body .sharing li {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline;
        font-size: 0px;
    }

    body .sharing a {
        display: inline-block;
        font-size: 16px;
        color: white;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        background: #b6b6b6;
        margin-right: 10px;
        text-align: center;
        line-height: 25px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 25px;
        height: 25px;
        padding-top: 1px !important;
        padding-left: 1px;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

        body .sharing a.email {
            font-size: 16px;
            padding-top: 0 !important;
        }

        body .sharing a:hover {
            text-decoration: none;
            opacity: .7;
        }

        body .sharing a i {
            line-height: 25px !important;
        }

/*-------------------------------
  Indexes Section Styles
---------------------------------*/
.indexes .help-sharing {
    margin-top: -10px;
    margin-bottom: 40px;
}

.indexes .sharing {
    margin: 0;
    vertical-align: bottom;
    float: none;
}

.indexes .help {
    display: block;
    font-size: 11px;
    font-family: Arial, sans-serif;
    vertical-align: bottom;
    margin: 0 0 10px 0;
}

@media screen and (min-width: 769px) {
    .indexes .help-sharing {
        height: 25px;
        margin-top: 14px;
        margin-bottom: 0px;
        position: relative;
    }

    .indexes .sharing {
        position: absolute;
        right: -10px;
        top: -5px;
    }

    .indexes .help {
        position: absolute;
        right: 196px;
        top: 5px;
    }
}

.page-content table tbody th a,
.page-content table tbody td a {
    color: #005a99;
}

table {
    width: 100%;
    margin-bottom: 18px;
}

    table.index-programs img, table.increase-thumbnails img {
        margin-top: 9px;
    }

    table.performance-table th,
    table.performance-table td {
        text-align: right;
    }

        table.performance-table th.decrease,
        table.performance-table td.decrease {
            color: #c30000;
        }

        table.performance-table th:first-child {
            text-align: center;
        }

    table.performance-table thead th:nth-child(14), table.performance-table thead th:nth-child(15) {
        background: #e1e1e1;
    }

    table.performance-table tbody tr:nth-child(even) td:nth-child(14),
    table.performance-table tbody tr:nth-child(even) td:nth-child(15) {
        /* background: #e6f1f8; */
    }

    table.tight-margins thead th.aligncenter, table.tight-margins tfoot th.aligncenter, table.tight-margins tbody th.aligncenter, table.tight-margins tbody td.aligncenter {
        padding-left: 10px;
        padding-right: 10px;
    }

    table thead tr:nth-child(2) th {
        background: #e1e1e1;
    }

    table thead th,
    table tfoot th {
        background: #f1f1f1;
        /* border-left: 1px solid white; */
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 700;
        color: #1e1e1e;
        font-size: 12px;
        padding: 14px 15px 13px 15px;
        line-height: 1;
    }

        table thead th:first-child,
        table tfoot th:first-child {
            border-left: 0;
        }

        table thead th.has-checkbox,
        table tfoot th.has-checkbox {
            padding: 0;
            text-align: center;
            width: 35px;
        }

        table thead th.pad-icon,
        table tfoot th.pad-icon {
            padding-left: 50px;
            padding-right: 0;
        }

        table thead th > span,
        table tfoot th > span {
            display: inline-block;
            position: relative;
        }

        table thead th.orderable,
        table tfoot th.orderable {
            cursor: pointer;
        }

            table thead th.orderable.sorting_desc, table thead th.orderable.sorting_asc,
            table tfoot th.orderable.sorting_desc,
            table tfoot th.orderable.sorting_asc {
                background: #f9f9f9;
            }

            table thead th.orderable.alignleft span,
            table tfoot th.orderable.alignleft span {
                padding-right: 5px;
            }

            table thead th.orderable.alignright span, table thead th.orderable.aligncenter span,
            table tfoot th.orderable.alignright span,
            table tfoot th.orderable.aligncenter span {
                padding-left: 5px;
            }

                table thead th.orderable.alignleft span:after, table thead th.orderable.alignright span:before, table thead th.orderable.aligncenter span:before,
                table tfoot th.orderable.alignleft span:after,
                table tfoot th.orderable.alignright span:before,
                table tfoot th.orderable.aligncenter span:before {
                    display: block;
                    width: 8px;
                    height: 4px;
                    content: " ";
                    visibility: hidden;
                    position: absolute;
                }

            table thead th.orderable.sorting_desc.alignleft span:after,
            table tfoot th.orderable.sorting_desc.alignleft span:after {
                width: 0;
                right: -10px;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid #eb9239;
                content: " ";
                top: 2px;
                visibility: visible;
            }

            table thead th.orderable.sorting_desc.alignright span:before, table thead th.orderable.sorting_desc.aligncenter span:before,
            table tfoot th.orderable.sorting_desc.alignright span:before,
            table tfoot th.orderable.sorting_desc.aligncenter span:before {
                width: 0;
                left: -10px;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid #eb9239;
                display: inline-block;
                content: " ";
                top: 2px;
                visibility: visible;
            }

            table thead th.orderable.sorting_asc.alignleft span:after,
            table tfoot th.orderable.sorting_asc.alignleft span:after {
                width: 0;
                right: -10px;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid #eb9239;
                display: inline-block;
                content: " ";
                top: 2px;
                visibility: visible;
            }

            table thead th.orderable.sorting_asc.alignright span:before, table thead th.orderable.sorting_asc.aligncenter span:before,
            table tfoot th.orderable.sorting_asc.alignright span:before,
            table tfoot th.orderable.sorting_asc.aligncenter span:before {
                width: 0;
                left: -10px;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid #eb9239;
                display: inline-block;
                content: " ";
                top: 2px;
                visibility: visible;
            }

    table tbody tr:nth-child(even) {
        /* background: #f3f8fb; */
    }
    
    table tbody tr {
    	border-bottom:1px solid #e1e1e1;
    }

    table tbody tr:last-child td,
    table tbody tr:last-child th {
        border-bottom: 1px solid #ebebeb;
    }

    table tbody th {
        font-size: 12px;
        font-family: Arial, sans-serif;
        padding: 8px 15px 7px 15px;
        color: black;
    }

        table tbody th .program {
            display: block;
            font-weight: normal;
        }

        table tbody th .icon-new,
        table tbody th .icon-maxdd {
            vertical-align: middle;
            margin-left: 2px;
        }
        table tbody th a .icon-new,
        table tbody th a .icon-maxdd {
            margin-left: 4px;
        }

        table tbody th a {
            color: #005a99;
            overflow-y: hidden;
        }

        table tbody th.has-checkbox {
            text-align: center;
            border-right: 1px solid white;
        }

        table tbody th .square-wrap {
            position: relative;
            padding-left: 35px;
            height: auto;
        }

            table tbody th .square-wrap .key {
                width: 20px;
                height: 20px;
            }

            table tbody th .square-wrap .square-icon,
            table tbody th .square-wrap .key {
                position: absolute;
                left: 0;
                top: 50%;
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

    table tbody td {
        /* border-left: 1px solid white; */
        font-size: 12px;
        font-family: Arial, sans-serif;
        color: #000000;
        padding: 8px 10px 7px 10px;
    }

        table tbody td a {
            color: #005a99;
        }

        table tbody td .program {
            display: block;
            font-weight: normal;
        }

        table tbody td.sorting_1.increase {
            color: #009900;
        }

        table tbody td.sorting_1.decrease {
            color: #c30000;
        }

        table tbody td .icon-record-high,
        table tbody td .icon-record-low {
            float: left;
            margin-right: 3px;
            margin-left: -11px;
        }

@media screen and (min-width: 1252px) {
    table tbody td .icon-record-high,
    table tbody td .icon-record-low {
        margin-left: -3px;
    }
}

table tbody .chart-thumbnail {
    border: 1px solid #cccccc;
}

@media screen and (min-width: 769px) {
    .page-content .index-container:not(.no-sidebar) {
        padding-right: 180px;
        margin-top: 10px;
        min-height: 600px;
        position: relative;
    }

        .page-content .index-container:not(.no-sidebar) .vertical-banner {
            width: 160px;
            position: absolute;
            top: 0;
            right: 0;
        }
}

@media screen and (min-width: 769px) {
    .page-content .index-container.index-strategy:not(.no-sidebar) {
        padding-right: 0;
        margin-top: 0;
        position: relative;
    }

        .page-content .index-container.index-strategy:not(.no-sidebar) .vertical-banner {
            width: auto;
            position: static;
        }
}

@media screen and (min-width: 1152px) {
    .page-content .index-container.index-strategy:not(.no-sidebar) {
        padding-right: 180px;
        margin-top: 10px;
        position: relative;
    }

        .page-content .index-container.index-strategy:not(.no-sidebar) .vertical-banner {
            width: 160px;
            position: absolute;
            top: -30px;
            right: 0;
        }
}

.page-content .table-description {
    margin-bottom: 30px;
}

    .page-content .table-description p {
        font-size: 12px;
        color: #999999;
        font-family: Arial, sans-serif;
        line-height: 18px;
        margin-bottom: 12px;
    }

.table-legend {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    font-family: Arial, sans-serif;
    font-size: 0px;
    color: #666666;
    margin-bottom: 18px;
    padding: 0 6px;
}

    .table-legend .table-icon {
        vertical-align: bottom;
        font-size: 12px;
        display: inline-block;
        line-height: 1;
        margin-right: 30px;
        margin-top: 11px;
        margin-bottom: 11px;
    }

    .table-legend [class^="icon-"] {
        vertical-align: bottom;
        margin-right: 10px;
    }

.breadcrumbs {
    font-size: 11px;
    font-family: Arial, sans-serif;
    color: #b4b4b4;
    margin: 0 0 12px -3px;
    position: relative;
    top: -26px;
}

    .breadcrumbs a {
        display: inline-block;
        color: #b4b4b4;
        margin: 0 3px;
    }

    .breadcrumbs .next-prev {
        margin-bottom: 12px;
    }

        .breadcrumbs .next-prev .prev {
            position: relative;
            padding-left: 10px;
            background: url(../img/prev-grey.png) 0 center no-repeat;
        }

        .breadcrumbs .next-prev .next {
            position: relative;
            padding-right: 10px;
            background: url(../img/more-grey.png) right center no-repeat;
        }

@media screen and (min-width: 769px) {
    .breadcrumbs {
        margin: 0;
    }

        .breadcrumbs .next-prev {
            float: right;
            margin-bottom: 0;
        }
}

.top-sorting {
    margin-bottom: 20px;
}

@media only screen and (min-width: 510px) and (max-width: 768px) {
    .top-sorting {
        margin-top: -33px;
    }
}

@media only screen and (min-width: 510px) {
    .top-sorting {
        text-align: right;
    }
}

.top-sorting label {
    font-family: Arial, sans-serif;
    color: black;
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
}

.top-sorting select {
    margin-right: 3px;
    font-size: 15px;
    font-family: Arial, sans-serif;
}

.top-sorting .btn {
    margin-left: 8px;
}

.index-container h3 {
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: .65em;
}

@media screen and (min-width: 1024px) {
    .index-container .chart-summary {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        padding-left: 210px;
    }

        .index-container .chart-summary .performance-summary {
            width: 180px;
            position: absolute;
            top: 0;
            left: 0;
        }
}

.index-container .chart-summary.three-col .performance-chart-inputs .inline-form-input {
    font-size: 12px;
    margin-bottom: .65em;
    display: block;
}

    .index-container .chart-summary.three-col .performance-chart-inputs .inline-form-input input[type="checkbox"] + label {
        display: inline-block;
        margin-left: 4px;
    }

@media screen and (min-width: 480px) {
    .index-container .chart-summary.three-col .performance-chart-inputs {
        float: right;
        max-width: 70%;
        margin-top: -32px;
    }

        .index-container .chart-summary.three-col .performance-chart-inputs .inline-form-input {
            margin-left: 20px;
            display: inline-block;
        }
}

@media screen and (min-width: 768px) {
    .index-container .chart-summary.three-col {
        position: relative;
        padding-left: 229px;
    }

        .index-container .chart-summary.three-col .allocation-chart {
            left: 0;
            top: 0;
            position: absolute;
        }

        .index-container .chart-summary.three-col .performance-chart {
            position: relative;
            left: -229px;
            width: calc(100% + 229px);
        }

            .index-container .chart-summary.three-col .performance-chart img {
                width: 1023px;
            }
}

@media screen and (min-width: 1024px) {
    .index-container .chart-summary.three-col {
        padding-left: 443px;
    }

        .index-container .chart-summary.three-col .performance-summary {
            left: 229px;
        }

        .index-container .chart-summary.three-col .performance-chart {
            left: 0;
            width: 100%;
        }
}

.index-container .allocation-chart {
    margin-bottom: 25px;
    clear: both;
}

.index-container .performance-chart {
    clear: both;
    margin-bottom: 25px;
    height: 255px;
    width: 100%;
    overflow: hidden;
}

    .index-container .performance-chart.autoheight {
        height: auto;
    }

    .index-container .performance-chart .chart-wrap {
        height: 220px;
        width: 100%;
        overflow: hidden;
    }

    .index-container .performance-chart img {
        height: 220px;
        width: 757px;
    }

.page-content .performance-summary {
    margin-bottom: 25px;
}

    .page-content .performance-summary dl {
        border-top: 1px solid #e1e1e1;
        padding: 0;
        color: black;
    }

    .page-content .performance-summary dt {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 70%;
        float: left;
        clear: both;
        font-weight: normal;
        border-bottom: 1px solid #e1e1e1;
        padding: 3px 0 0 6px;
        height: 27px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        margin: 0;
    }

        .page-content .performance-summary dt.ytd {
            text-transform: uppercase;
            padding: 0 0 0 6px;
            font-size: 9px;
            display: block;
            color: #666666;
            display: block;
            float: none;
            border: 0;
            width: 100%;
            height: auto;
            line-height: 17px;
        }

    .page-content .performance-summary dd {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 30%;
        float: right;
        border-bottom: 1px solid #e1e1e1;
        font-weight: bold;
        padding: 6px 20px 6px 6px;
        text-align: right;
        height: 27px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        margin: 0;
    }

        .page-content .performance-summary dd.increase {
            color: #009900;
        }

        .page-content .performance-summary dd.decrease {
            color: #c30000;
        }

        .page-content .performance-summary dd.ytd {
            position: relative;
            display: block;
            float: none;
            height: auto;
            width: 100%;
            font-family: 'Open Sans', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 36px;
            line-height: 1;
            text-align: left;
            padding: 0 0 8px 6px;
        }

            .page-content .performance-summary dd.ytd.increase {
                color: #009900;
            }

                .page-content .performance-summary dd.ytd.increase:after {
                    content: " ";
                    display: block;
                    height: 29px;
                    width: 26px;
                    background: url(../img/performance-summary-arrows.png) 0 0 no-repeat;
                    position: absolute;
                    right: 20px;
                    bottom: 12px;
                }

            .page-content .performance-summary dd.ytd.decrease {
                color: #c30000;
            }

                .page-content .performance-summary dd.ytd.decrease:after {
                    content: " ";
                    display: block;
                    height: 29px;
                    width: 26px;
                    background: url(../img/performance-summary-arrows.png) -26px 0 no-repeat;
                    position: absolute;
                    right: 20px;
                    bottom: 12px;
                }

    .page-content .performance-summary .tooltip {
        top: -2px;
        margin-left: 3px;
    }

body.require-signup .main-content {
    max-height: 100%;
    overflow: hidden;
    position: fixed;
}
@media screen and (min-width: 769px) {
  body.require-signup .main-content {
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  body.require-signup {
    overflow: hidden;
    height: 100%;
  }
}
body.require-signup .footer,
body.require-signup .connect {
  display: none;
}
@media screen and (min-width: 769px) {
  body.require-signup .footer,
  body.require-signup .connect {
    display: block;
  }
}

.overlay-wrap {
    overflow: hidden;
    text-align: center;
    top: 60px;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 48;
    display: none;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzdmN2Y3ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, #7f7f7f));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #7f7f7f 75%);
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #7f7f7f 75%);
    background-image: linear-gradient(rgba(0, 0, 0, 0), #7f7f7f 75%);
}
@media screen and (min-width: 769px) {
  .overlay-wrap {
    top: 112px;
  }
}
.require-signup .overlay-wrap {
    display: block;
}

.overlay-wrap .table-desktop {
    height: 100%;
    width: 100%;
}

.overlay-wrap .td-desktop {
    width: 100%;
    height: 100%;
}

.overlay-wrap .overlay-content {
    width: 100%;
    max-width: 600px;
    background: #f5f9fe;
    margin: 0 auto;
    overflow: auto;
    overflow-y: scroll;
    max-height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
}

@media screen and (min-width: 769px) {
    .overlay-wrap .overlay-content {
        padding: 30px 107px;
        margin: -60px auto 0 auto;
        height: auto;
        overflow: hidden;
    }
}

.overlay-wrap .overlay-content img {
    display: none;
    margin: 0 auto 13px auto;
}

@media screen and (min-width: 769px) {
    .overlay-wrap .overlay-content img {
        display: block;
    }
}

.overlay-wrap .overlay-content h1 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #0971b9;
    font-size: 24px;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    border-top: 1px solid #649bc1;
    border-bottom: 1px solid #649bc1;
    margin-bottom: 12px;
}

.overlay-wrap .overlay-content h3 {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: black;
    margin-bottom: 10px;
    text-align: left;
}

@media screen and (min-width: 769px) {
    .overlay-wrap .overlay-content h1 {
        font-size: 26px;
        padding: 11px 0;
    }
    .overlay-wrap .overlay-content h3 {
        text-align: center;
    }
}

.overlay-wrap .overlay-content ul,
.overlay-wrap .overlay-content li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
}

.overlay-wrap .overlay-content ul {
    margin-bottom: 15px;
}

.overlay-wrap .overlay-content li {
    font-size: 13px;
    color: #666666;
    padding-left: 18px;
    font-family: Arial, sans-serif;
    clear: both;
    overflow: hidden;
}

    .overlay-wrap .overlay-content li .icon-check {
        color: #49ab4b;
        margin-right: 7px;
        position: relative;
        top: 2px;
        float: left;
    }

@media screen and (min-width: 769px) {
    .overlay-wrap .overlay-content li {
        font-size: 15px;
    }
}

.overlay-wrap .overlay-content .btn {
    width: 100%;
}

.overlay-wrap .overlay-content p {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    line-height: 1.5;
    text-align: left;
    margin: 12px 0 0 0;
}

    .overlay-wrap .overlay-content p a {
        color: #0971b9;
    }

.icon-new,
.icon-maxdd,
.icon-record-high,
.icon-record-low,
.icon-archived {
    display: inline-block;
    font-size: 0px;
    height: 15px;
    background-image: url(../img/index-icons.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.icon-new {
    width: 25px;
    background-position: 0 0;
}

.icon-maxdd {
    width: 38px;
    background-position: -25px 0;
}

.icon-record-high {
    width: 14px;
    background-position: -63px 0;
}

.icon-record-low {
    width: 14px;
    background-position: -77px 0;
}

.icon-archived {
    width: 51px;
    background-position: -91px 0;
}

/*-------------------------------
  Managed Futures Section Styles
---------------------------------*/
.page-content .mf-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

    .page-content .mf-container.has-left-sidebar {
        padding-top: 12px;
    }

@media screen and (min-width: 1172px) {
    .page-content .mf-container.has-right-sidebar {
        min-height: 1600px;
        padding-right: 210px;
    }

    .page-content .mf-container .mf-right-sidebar {
        position: absolute;
        top: 0;
        right: 0;
        width: 190px;
    }

    .page-content .mf-container.has-left-sidebar {
        min-height: 900px;
        padding-left: 210px;
    }

    .page-content .mf-container .mf-left-sidebar {
        position: absolute;
        top: 12px;
        left: 0;
        width: 190px;
    }
}

.page-content .mf-container h3 {
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: .65em;
}

    .page-content .mf-container h3 .tooltip {
        position: relative;
        top: -1px;
    }

.page-content .mf-container .default-content {
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: black;
    line-height: 21px;
    margin-bottom: 0;
}

    .page-content .mf-container .default-content p {
        font-size: 14px;
        font-family: Arial, sans-serif;
        color: black;
        line-height: 21px;
    }

.page-content .mf-container .performance-chart {
    margin-bottom: 25px;
    height: 243px;
    text-align: center;
}

    .page-content .mf-container .performance-chart h3 {
        text-align: left;
    }

.page-content .mf-container .snapshot-overview .performance-summary dl {
    display: block;
    overflow: hidden;
    clear: both;
}

.page-content .mf-container .snapshot-overview .performance-summary dt:not(.ytd) {
    width: 55%;
}

.page-content .mf-container .snapshot-overview .performance-summary dd:not(.ytd) {
    width: 45%;
}

.page-content .mf-container .export {
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    float: right;
    background: url(../img/export-icon.png) 0 1px no-repeat;
    display: block;
    padding: 0 0 0 18px;
    height: 20px;
    margin-top: -30px;
}

.performance-chart img {
    height: 220px;
}

.fund-actions {
    margin-bottom: .65em;
}

@media screen and (min-width: 1025px) {
    .fund-actions {
        margin-bottom: .65em;
        float: right;
    }
}

.fund-actions a {
    margin-bottom: .65em;
    color: #0971b9;
    font-size: 11px;
    line-height: 16px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    margin-right: 16px;
}

@media screen and (min-width: 1025px) {
    .fund-actions a {
        margin-bottom: 0;
    }
}

.fund-actions a:last-child {
    margin-right: 0;
}

.fund-actions a i {
    position: relative;
    top: 2px;
    font-size: 16px;
    margin-right: 5px;
}

.fund-actions a:hover {
    text-decoration: none;
}

.fund-actions a span:hover {
    text-decoration: underline;
}

.fund-actions .add-alert i {
    color: #eb9239;
    font-size: 14px;
}

.page-content .mf-container .performance-summary dd.ytd {
    padding-bottom: 0;
}

    .page-content .mf-container .performance-summary dd.ytd:after {
        bottom: 5px;
    }

.tabs-container {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 35px;
}

.tabs {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 41px;
    width: 100%;
    font-size: 0px;
    border-bottom: 1px solid #e1e1e1;
}

@media screen and (min-width: 769px) {
    .tabs {
        width: 942px;
        border-bottom: 0;
    }
}

.show-all .tabs {
    width: 942px;
    border-bottom: 0;
}

    .show-all .tabs a {
        background: #f5f5f5;
        color: #999999;
        height: 39px;
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
        display: inline-block;
        margin-top: 1px;
    }

        .show-all .tabs a:hover {
            background: #eeeeee;
            text-decoration: none;
        }

        .show-all .tabs a.active:hover {
            background: white;
        }

.tabs a {
    display: none;
    text-align: center;
    line-height: 1;
    padding: 13px 32px 0 31px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e1e1e1;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    margin-top: 0;
    border-bottom: 0;
    height: 40px;
    background: white;
    border-top: 2px solid #208bd4;
    color: #0971b9;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

    .tabs a.active {
        margin-top: 0;
        border-bottom: 0;
        height: 40px;
        background: white;
        border-top: 2px solid #208bd4;
        color: #0971b9;
    }

    .tabs a:first-child {
        display: inline-block;
        border-left: 1px solid #e1e1e1;
        padding-left: 34px;
    }

@media screen and (min-width: 769px) {
    .tabs a {
        background: #f5f5f5;
        color: #999999;
        height: 39px;
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
        display: inline-block;
        margin-top: 1px;
    }

        .tabs a:hover {
            background: #eeeeee;
            text-decoration: none;
        }

        .tabs a.active:hover {
            background: white;
        }
}

.tab-content:not(.show-all) {
    display: none;
    clear: both;
}

    .tab-content:not(.show-all).snapshot-tab-content {
        display: block;
    }

@media screen and (min-width: 769px) {
    .tab-content:not(.show-all).snapshot-tab-content {
        display: none;
    }

        .tab-content:not(.show-all).snapshot-tab-content.open {
            display: block;
        }

    .tab-content:not(.show-all).open {
        display: block;
    }
}

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

    .tab-content.show-all.open {
        display: block;
    }

.period-table .decrease {
    color: #c30000;
}

.strategy-description {
    padding-bottom: 18px;
    margin-bottom: 25px;
    border-bottom: 1px dotted #b4b4b4;
}

    .strategy-description h4 {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        margin: 0 0 4px 0;
        color: black;
    }

    .strategy-description p {
        font-size: 13px;
        font-family: Arial, sans-serif;
        color: black;
        line-height: 20px;
        margin-bottom: 0;
    }

.page-content .mf-container .stats,
.page-content .mf-container .charts {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 25px;
}

    .page-content .mf-container .stats .performance-summary,
    .page-content .mf-container .charts .performance-summary {
        margin-bottom: 0;
    }

    .page-content .mf-container .stats h3,
    .page-content .mf-container .charts h3 {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 700;
        background: #f1f1f1;
        font-size: 13px;
        color: black;
        line-height: 1;
        padding: 8px 12px;
        margin: 0;
    }

    .page-content .mf-container .stats dl,
    .page-content .mf-container .charts dl {
        display: block;
        clear: both;
        overflow: hidden;
        margin-bottom: 29px;
    }

    .page-content .mf-container .stats dt,
    .page-content .mf-container .charts dt {
        width: 50%;
    }

@media screen and (min-width: 769px) {
    .page-content .mf-container .stats dt,
    .page-content .mf-container .charts dt {
        width: 65.5%;
    }
}

.page-content .mf-container .stats dd,
.page-content .mf-container .charts dd {
    width: 50%;
    text-align: right;
    font-weight: normal;
}

@media screen and (min-width: 769px) {
    .page-content .mf-container .stats dd,
    .page-content .mf-container .charts dd {
        width: 34.5%;
        text-align: left;
    }
}

.page-content .mf-container .stats {
    border-bottom: 1px dotted #b4b4b4;
}

    .page-content .mf-container .stats dl {
        border-top: 0;
    }

.page-content .mf-container .charts h3 {
    margin-bottom: 25px;
}

@media screen and (min-width: 769px) {
    .page-content .mf-container .charts dl {
        width: 245px;
        float: left;
    }
}

.page-content .mf-container .charts dt {
    width: 50%;
    position: relative;
}

@media screen and (min-width: 769px) {
    .page-content .mf-container .charts dt {
        width: 185px;
    }
}

.page-content .mf-container .charts dt:before {
    content: " ";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: black;
    position: relative;
    top: 2px;
    margin-right: 7px;
}

.page-content .mf-container .charts dt.blue:before {
    background: #3266cc;
}

.page-content .mf-container .charts dt.red:before {
    background: #dc3913;
}

.page-content .mf-container .charts dt.orange:before {
    background: #ff9801;
}

.page-content .mf-container .charts dt.green:before {
    background: #119618;
}

.page-content .mf-container .charts dt.purple:before {
    background: #980099;
}

.page-content .mf-container .charts dd {
    width: 50%;
}

@media screen and (min-width: 769px) {
    .page-content .mf-container .charts dd {
        width: 60px;
    }
}

.page-content .mf-container .charts .chart {
    display: block;
    width: 95px;
    height: 95px;
    margin: 0 auto 25px auto;
}

@media screen and (min-width: 769px) {
    .page-content .mf-container .charts .chart {
        float: right;
        margin-right: 57px;
    }
}

.mf-right-sidebar,
.mf-left-sidebar {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.cta-logo {
    border: 1px solid #e1e1e1;
    padding: 9px;
    text-align: center;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cta-badge {
    background: #005a99;
    padding: 9px 19px;
    display: block;
    overflow: hidden;
    clear: both;
    width: 190px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .cta-badge .badge-emblem {
        float: left;
        min-height: 43px;
        width: 50px;
        background: url(../img/cta-emblem.png) 0 0 no-repeat;
        text-align: center;
        color: #ffcc3c;
        padding-top: 8px;
        text-indent: -4px;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 1;
    }

        .cta-badge .badge-emblem sup {
            font-family: 'Open Sans', sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 9px;
            vertical-align: super;
        }

    .cta-badge .badge-content {
        overflow: hidden;
        padding-left: 7px;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
        color: #cccccc;
        font-size: 12px;
    }

        .cta-badge .badge-content h5 {
            font-family: 'Open Sans', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 12px;
            color: white;
            margin: 0;
        }

.page-content .mf-container .report-form,
.report-form,
.page-content .mf-container .cta-form,
.cta-form {
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
    padding: 12px;
    margin-bottom: 15px;
}

    .page-content .mf-container .report-form small,
    .report-form small,
    .page-content .mf-container .cta-form small,
    .cta-form small {
        font-size: 11px;
        font-family: Arial, sans-serif;
    }

    .page-content .mf-container .report-form h3,
    .report-form h3,
    .page-content .mf-container .cta-form h3,
    .cta-form h3 {
        color: #2c9c2e;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 17px;
        line-height: 21px;
    }

    .page-content .mf-container .report-form p,
    .report-form p,
    .page-content .mf-container .cta-form p,
    .cta-form p {
        font-size: 12px;
        color: black;
        font-family: Arial, sans-serif;
    }

    .page-content .mf-container .report-form .form input[type="text"],
    .page-content .mf-container .report-form .form input[type="password"],
    .page-content .mf-container .report-form .form input[type="email"],
    .page-content .mf-container .report-form .form input[type="tel"],
    .page-content .mf-container .report-form .form textarea,
    .report-form .form input[type="text"],
    .report-form .form input[type="password"],
    .report-form .form input[type="email"],
    .report-form .form input[type="tel"],
    .report-form .form textarea,
    .page-content .mf-container .cta-form .form input[type="text"],
    .page-content .mf-container .cta-form .form input[type="password"],
    .page-content .mf-container .cta-form .form input[type="email"],
    .page-content .mf-container .cta-form .form input[type="tel"],
    .page-content .mf-container .cta-form .form textarea,
    .cta-form .form input[type="text"],
    .cta-form .form input[type="password"],
    .cta-form .form input[type="email"],
    .cta-form .form input[type="tel"],
    .cta-form .form textarea {
        height: 26px;
        font-size: 12px;
        padding-left: 9px;
        padding-right: 9px;
    }

    .page-content .mf-container .report-form .form .form-input,
    .report-form .form .form-input,
    .page-content .mf-container .cta-form .form .form-input,
    .cta-form .form .form-input {
        margin-bottom: 8px;
    }

    .page-content .mf-container .report-form .form .form-actions,
    .report-form .form .form-actions,
    .page-content .mf-container .cta-form .form .form-actions,
    .cta-form .form .form-actions {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .page-content .mf-container .report-form .form .secondary,
    .report-form .form .secondary,
    .page-content .mf-container .cta-form .form .secondary,
    .cta-form .form .secondary {
        color: #666666;
        font-size: 9px;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
        margin: 0;
    }

    .page-content .mf-container .report-form .form .btn,
    .report-form .form .btn,
    .page-content .mf-container .cta-form .form .btn,
    .cta-form .form .btn {
        margin-bottom: 10px;
    }

.page-content .mf-container .document-list,
.document-list {
    border: 1px solid #e1e1e1;
    padding: 9px;
    margin-bottom: 15px;
}

    .page-content .mf-container .document-list h3,
    .document-list h3 {
        color: #005a99;
        font-size: 12px;
        font-family: Arial, sans-serif;
        text-transform: uppercase;
        line-height: 16px;
    }

    .page-content .mf-container .document-list ul,
    .page-content .mf-container .document-list li,
    .document-list ul,
    .document-list li {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-family: Arial, sans-serif;
    }

    .page-content .mf-container .document-list a,
    .document-list a {
        display: block;
        padding: 2px 0 0 22px;
        background: url(../img/pdf-icon.png) 0 0 no-repeat;
        color: #005a99;
        margin-bottom: 4px;
        min-height: 16px;
    }

.page-content .mf-container .program-table-small,
.program-table-small {
    border: 1px solid #e1e1e1;
    padding: 9px 9px 17px 9px;
    margin-bottom: 15px;
}

    .page-content .mf-container .program-table-small h3,
    .program-table-small h3 {
        color: #005a99;
        font-size: 12px;
        font-family: Arial, sans-serif;
        text-transform: uppercase;
        line-height: 16px;
    }

    .page-content .mf-container .program-table-small table,
    .program-table-small table {
        margin: 0;
    }

        .page-content .mf-container .program-table-small table thead tr th,
        .program-table-small table thead tr th {
            color: #666666;
            font-size: 9px;
            font-family: Arial, sans-serif;
            background: none;
            border-bottom: 1px solid #ebebeb;
            padding: 0 0 4px 0;
            font-weight: normal;
        }

        .page-content .mf-container .program-table-small table tbody tr td,
        .program-table-small table tbody tr td {
            background: none;
            border-bottom: 1px solid #ebebeb;
            padding: 4px 0;
        }

            .page-content .mf-container .program-table-small table tbody tr td.increase,
            .program-table-small table tbody tr td.increase {
                color: #009900;
            }

            .page-content .mf-container .program-table-small table tbody tr td.decrease,
            .program-table-small table tbody tr td.decrease {
                color: #c30000;
            }

        .page-content .mf-container .program-table-small table tbody tr:nth-child(even),
        .program-table-small table tbody tr:nth-child(even) {
            background: none;
        }

.page-content .mf-container .iasg-activity,
.iasg-activity {
    border: 1px solid #e1e1e1;
    padding: 9px;
    margin-bottom: 20px;
}

    .page-content .mf-container .iasg-activity h3,
    .iasg-activity h3 {
        color: #005a99;
        font-size: 12px;
        font-family: Arial, sans-serif;
        text-transform: uppercase;
        line-height: 16px;
    }

    .page-content .mf-container .iasg-activity ul,
    .page-content .mf-container .iasg-activity li,
    .iasg-activity ul,
    .iasg-activity li {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .page-content .mf-container .iasg-activity ul,
    .iasg-activity ul {
        display: block;
        clear: both;
        overflow: hidden;
    }

    .page-content .mf-container .iasg-activity li,
    .iasg-activity li {
        font-family: Arial, sans-serif;
        width: 50%;
        float: left;
        text-align: center;
        line-height: 1.2;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 24px;
        color: #999999;
    }

        .page-content .mf-container .iasg-activity li strong,
        .iasg-activity li strong {
            font-size: 11px;
            font-weight: normal;
            display: block;
            color: #666666;
        }

        .page-content .mf-container .iasg-activity li:after,
        .iasg-activity li:after {
            content: " ";
            position: absolute;
            left: -1px;
            height: 22px;
            bottom: 4px;
            display: block;
            width: 1px;
            background: #ebebeb;
        }

        .page-content .mf-container .iasg-activity li:first-child:after,
        .iasg-activity li:first-child:after {
            display: none;
        }

.close-th {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../img/close-th.png) 0 0 no-repeat;
}

.statistics-ratios table th:first-child,
.statistics-ratios table td:first-child {
    width: 24%;
}

.page-content .form .inline-form-input,
.inline-form-input {
    display: inline-block;
    width: auto;
}

    .page-content .form .inline-form-input label,
    .inline-form-input label {
        font-family: Arial, sans-serif;
        color: black;
        font-size: 12px;
        display: inline-block;
        margin-right: 4px;
    }

    .page-content .form .inline-form-input input[type="text"],
    .page-content .form .inline-form-input input[type="password"],
    .page-content .form .inline-form-input input[type="email"],
    .page-content .form .inline-form-input input[type="tel"],
    .page-content .form .inline-form-input textarea,
    .inline-form-input input[type="text"],
    .inline-form-input input[type="password"],
    .inline-form-input input[type="email"],
    .inline-form-input input[type="tel"],
    .inline-form-input textarea {
        height: 23px;
        font-size: 12px;
        padding-left: 9px;
        padding-right: 9px;
    }

.page-content .form.compare-form {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

@media screen and (min-width: 769px) {
    .page-content .form.compare-form {
        float: right;
    }
}

.page-content .form.compare-form.no-float {
    margin: 25px 0;
    float: none;
}

    .page-content .form.compare-form.no-float .inline-form-input {
        text-align: left;
        margin: 0 20px 0 0;
    }

.page-content .form.compare-form div.inline-form-input {
    height: 23px;
    width: 323px;
    position: relative;
    top: -2px;
}

    .page-content .form.compare-form div.inline-form-input label {
        float: left;
        position: relative;
        top: 2px;
    }

.page-content .form.compare-form .inline-form-input {
    vertical-align: top;
}

    .page-content .form.compare-form .inline-form-input input[type="text"] {
        width: 250px;
    }

@media screen and (min-width: 769px) {
    .page-content .form.compare-form .inline-form-input {
        margin-left: 20px;
    }
}

.page-content .form.compare-form:not(.no-float) .inline-form-input {
    display: block;
    margin-bottom: 15px;
}

@media screen and (min-width: 769px) {
    .page-content .form.compare-form:not(.no-float) .inline-form-input {
        display: inline-block;
        margin-bottom: 0;
    }
}

.page-content .form.compare-form .autocomplete-wrap {
    width: 250px;
    float: left;
    min-height: 23px;
}

.page-content .form.compare-form .autocomplete-results {
    top: 22px;
    width: 250px;
}

.page-content .form.compare-form .inline-link {
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #0971b9;
    position: relative;
    /*  top: -7px;*/
}

.secondary-tabs {
    font-size: 0px;
    margin-bottom: 18px;
}

    .secondary-tabs a {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        display: inline-block;
        color: #0971b9;
        line-height: 1;
        width: 80px;
        padding: 9px 0;
        text-align: center;
        position: relative;
    }

        .secondary-tabs a.active {
            color: white;
            background: #0971b9;
        }

            .secondary-tabs a.active:hover {
                text-decoration: none;
            }

            .secondary-tabs a.active:after {
                display: block;
                content: " ";
                width: 0;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid #0971b9;
                position: absolute;
                bottom: -4px;
                left: 50%;
                margin-left: -4px;
            }

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

    .secondary-tab-content.open {
        display: block;
    }

.page-content .my-iasg-tables table.minimal thead th {
    padding: 6px 15px;
    font-size: 13px;
}

@media only screen and (min-width: 1024px) {
    .page-content .my-iasg-tables table.minimal {
        margin-bottom: 26px;
    }
}

.page-content table.minimal thead th,
table.minimal thead th {
    border: 0;
    line-height: 1.4;
    padding: 12px 15px 11px 15px;
}

.page-content table.minimal tbody th,
.page-content table.minimal tbody td,
table.minimal tbody th,
table.minimal tbody td {
    border-right: 0;
    border-left: 0;
    padding-top: 6px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e1e1e1;
}

    .page-content table.minimal tbody th.increase,
    .page-content table.minimal tbody td.increase,
    table.minimal tbody th.increase,
    table.minimal tbody td.increase {
        color: #009900;
    }

    .page-content table.minimal tbody th.decrease,
    .page-content table.minimal tbody td.decrease,
    table.minimal tbody th.decrease,
    table.minimal tbody td.decrease {
        color: #c30000;
    }

.page-content table.minimal tbody tr:nth-child(even),
table.minimal tbody tr:nth-child(even) {
    background: none;
}

.main-content .page-content .tab-content .table-options.top {
    margin-top: -34px;
    width: auto;
}

.main-content .page-content .table-options,
.table-options {
    margin-bottom: 20px;
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 12px;
    position: relative;
    z-index: 50;
}

@media screen and (min-width: 769px) {
    .main-content .page-content .table-options,
    .table-options {
        float: right;
        text-align: right;
    }
}

.main-content .page-content .table-options.top,
.table-options.top {
    margin-bottom: 17px;
}

.main-content .page-content .table-options .actions,
.table-options .actions {
    text-align: left;
    position: relative;
    top: 1px;
}

@media screen and (min-width: 769px) {
    .main-content .page-content .table-options .actions,
    .table-options .actions {
        float: left;
    }
}

.main-content .page-content .table-options .actions .btn,
.table-options .actions .btn {
    margin-bottom: 15px;
}

@media screen and (min-width: 769px) {
    .main-content .page-content .table-options .actions .btn,
    .table-options .actions .btn {
        margin-bottom: 0px;
    }
}

.main-content .page-content .table-options .result-count,
.main-content .page-content .table-options .page-total,
.table-options .result-count,
.table-options .page-total {
    display: inline-block;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: black;
}

.main-content .page-content .table-options .result-count,
.table-options .result-count {
    display: inline-block;
    clear: both;
    margin-bottom: 10px;
    margin-right: 16px;
}

@media screen and (min-width: 769px) {
    .main-content .page-content .table-options .result-count,
    .table-options .result-count {
        margin-bottom: 0;
        margin-right: 0;
    }
}

.main-content .page-content .table-options .page-total,
.table-options .page-total {
    margin-right: 8px;
}

.main-content .page-content .table-options .form,
.table-options .form {
    display: block;
}

    .main-content .page-content .table-options .form input[type="text"],
    .table-options .form input[type="text"] {
        width: 30px;
        position: relative;
        top: -4px;
    }

    .main-content .page-content .table-options .form .inline-form-input,
    .table-options .form .inline-form-input {
        display: inline-block;
        margin-bottom: 10px;
    }

@media screen and (min-width: 769px) {
    .main-content .page-content .table-options .form .inline-form-input,
    .table-options .form .inline-form-input {
        margin-bottom: 0px;
        margin-left: 16px;
    }
}

@media screen and (min-width: 769px) {
    .main-content .page-content .table-options .form,
    .table-options .form {
        display: inline-block;
        margin-left: 43px;
    }
}

.main-content .page-content .table-options .page-btn,
.table-options .page-btn {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 2px;
    display: inline-block;
    width: 26px;
    height: 24px;
    text-align: center;
    background: #e1e1e1;
    color: #676767;
    font-size: 16px;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

    .main-content .page-content .table-options .page-btn:hover,
    .table-options .page-btn:hover {
        text-decoration: none;
        background: #cccccc;
    }

.show-more {
    display: inline-block;
    margin-left: 12px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #005a99;
    position: relative;
    top: -13px;
    margin-bottom: 12px;
}

.alert-signup {
    padding: 9px 9px 13px 9px;
    border: 1px solid #e1e1e1;
    margin-bottom: 15px;
}

    .alert-signup h2 {
        font-weight: normal;
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
        color: black;
    }

        .alert-signup h2 strong {
            font-weight: bold;
        }

        .alert-signup h2 i {
            color: #eb9239;
        }

    .alert-signup .btn {
        width: 100%;
        text-align: center;
    }

.save-search {
    padding: 13px 9px 8px 9px;
    border: 1px solid #e1e1e1;
    margin-bottom: 15px;
}

    .save-search .btn {
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }

.page-content .mf-container .refine-search,
.refine-search {
    padding: 13px 9px;
    border: 1px solid #e1e1e1;
}

    .page-content .mf-container .refine-search h2,
    .refine-search h2 {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #005a99;
        line-height: 1;
        padding: 0;
        margin: 0 0 13px 0;
        text-transform: uppercase;
    }

    .page-content .mf-container .refine-search h3,
    .refine-search h3 {
        font-family: Arial, sans-serif;
        padding: 5px 8px;
        background: #f1f1f1;
        font-size: 12px;
        color: black;
        margin: 0 0 9px 0;
        line-height: 1;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .page-content .mf-container .refine-search fieldset,
    .refine-search fieldset {
        padding: 0;
        margin: 0;
    }

    .page-content .mf-container .refine-search .field,
    .refine-search .field {
        font-family: Arial, sans-serif;
        color: black;
        font-size: 12px;
        line-height: 1;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 11px;
        margin-bottom: 13px;
    }

        .page-content .mf-container .refine-search .field.no-border,
        .refine-search .field.no-border {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .page-content .mf-container .refine-search .select-group,
    .refine-search .select-group {
        display: block;
        overflow: hidden;
        margin-bottom: 20px;
    }

        .page-content .mf-container .refine-search .select-group:last-child,
        .refine-search .select-group:last-child {
            margin-bottom: 0;
        }

    .page-content .mf-container .refine-search .btn,
    .refine-search .btn {
        width: 100%;
        text-align: center;
    }

    .page-content .mf-container .refine-search label,
    .refine-search label {
        display: block;
        margin-bottom: 15px;
    }

    .page-content .mf-container .refine-search .checkbox-list,
    .refine-search .checkbox-list {
        padding: 0 0 8px 0;
        margin: 0;
        list-style: none;
    }

        .page-content .mf-container .refine-search .checkbox-list li,
        .refine-search .checkbox-list li {
            display: block;
            padding: 0 0 0 8px;
            margin: 0 0 8px 0;
            list-style: none;
            font-size: 12px;
        }

            .page-content .mf-container .refine-search .checkbox-list li label,
            .refine-search .checkbox-list li label {
                font-size: 12px;
                display: inline-block;
                color: black;
                font-family: Arial, sans-serif;
                position: relative;
                top: 2px;
                margin-bottom: 0;
            }

.cta-description {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: black;
    clear: both;
    display: block;
    overflow: hidden;
}

    .cta-description .type,
    .cta-description .registrations {
        display: inline-block;
        margin-right: 25px;
        margin-bottom: 16px;
    }

    .cta-description .country {
        display: block;
        margin-bottom: 16px;
    }

@media screen and (min-width: 769px) {
    .cta-description .country {
        float: right;
        text-align: right;
    }
}

.document-popup-container .mfp-content {
    max-width: 460px;
}

    .document-popup-container .mfp-content .content-wrap {
        padding: 50px 20px;
    }

.document-popup h2 {
    color: #0971b9;
}

.document-popup p {
    color: #666666;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 1.5em;
}

    .document-popup p:last-child {
        margin-bottom: 0;
    }

.document-popup a {
    color: #005a99;
}

.document-popup .btn {
    width: 100px;
    margin-left: 3px;
    margin-right: 3px;
}

/*-------------------------------
  My IASG Section Styles
---------------------------------*/
.my-iasg h2 {
    border-top: 2px solid #cccccc;
    padding-top: 8px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    color: black;
    line-height: 1.2;
    text-transform: uppercase;
}

.my-iasg-hd {
    margin: 0 0 35px 0;
    position: relative;
}

    .my-iasg-hd .my-iasg-actions {
        position: absolute;
        top: 3px;
        right: 0;
    }

    .my-iasg-hd .btn {
        text-align: center;
        vertical-align: bottom;
    }

@media screen and (min-width: 769px) {
    .my-iasg-hd .btn {
        width: 166px;
    }
}

.my-iasg-hd .edit-profile {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    color: #0971b9;
    vertical-align: bottom;
    display: none;
    position: relative;
    top: 3px;
}

    .my-iasg-hd .edit-profile i {
        font-size: 14px;
    }

    .my-iasg-hd .edit-profile:hover {
        text-decoration: none;
    }

        .my-iasg-hd .edit-profile:hover span {
            text-decoration: underline;
        }

@media screen and (min-width: 480px) {
    .my-iasg-hd .edit-profile {
        display: inline-block;
        margin-right: 30px;
    }
}

@media screen and (min-width: 769px) {
    .my-iasg-hd h1 {
        margin-bottom: 0;
    }

    .my-iasg-hd .col:nth-child(2) {
        text-align: right;
    }
}

.my-iasg .whats-new a {
    display: block;
    margin-bottom: 23px;
}

    .my-iasg .whats-new a h3 {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        color: #005a99;
        line-height: 20px;
        margin: 0 0 4px 0;
    }

    .my-iasg .whats-new a p {
        font-family: Arial, sans-serif;
        color: #999999;
        line-height: 17px;
        font-size: 12px;
        margin: 0 0 7px 0;
    }

    .my-iasg .whats-new a:hover {
        text-decoration: none;
    }

        .my-iasg .whats-new a:hover h3 {
            text-decoration: underline;
        }

@media screen and (min-width: 1100px) {
    .my-iasg .whats-new a {
        margin-bottom: 0;
    }
}

.my-iasg-overview {
    margin-bottom: 23px;
}

.my-iasg .recent-posts a:hover {
    text-decoration: none;
}

    .my-iasg .recent-posts a:hover h3 {
        text-decoration: underline;
    }

.my-iasg .recent-posts a {
    clear: both;
    display: block;
    padding-top: 29px;
}

    .my-iasg .recent-posts a:nth-child(1) {
        padding-top: 0;
    }

    .my-iasg .recent-posts a .hgroup {
        overflow: hidden;
    }

    .my-iasg .recent-posts a img {
        float: left;
        margin-right: 15px;
    }

    .my-iasg .recent-posts a h3 {
        color: #005a99;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 4px 0;
    }

    .my-iasg .recent-posts a h4 {
        font-family: Arial, sans-serif;
        color: #999999;
        line-height: 17px;
        font-size: 12px;
        font-weight: normal;
    }

@media screen and (min-width: 1025px) {
    .my-iasg .recent-posts a {
        float: left;
        width: 50%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .my-iasg .recent-posts a:nth-child(odd) {
            padding-right: 25px;
            clear: both;
        }

        .my-iasg .recent-posts a:nth-child(2) {
            padding-top: 0;
        }

        .my-iasg .recent-posts a:nth-child(even) {
            padding-left: 25px;
            clear: none;
        }
}

.my-iasg .tabs,
.custom-blend .tabs {
    position: relative;
}

    .my-iasg .tabs:after,
    .custom-blend .tabs:after {
        height: 1px;
        width: 100%;
        left: 0;
        bottom: 1px;
        background: #e1e1e1;
        content: "";
        position: absolute;
        display: block;
        z-index: 1;
    }

    .my-iasg .tabs a,
    .custom-blend .tabs a {
        position: relative;
        z-index: 2;
    }

@media screen and (min-width: 1024px) {
    .my-iasg .tabs,
    .custom-blend .tabs {
        width: 100%;
    }
}

.my-iasg .tab-content,
.custom-blend .tab-content {
    margin-bottom: 72px;
}

.custom-blend .tab-content {
    margin-bottom: 20px;
}

.tab-content .new-link {
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    float: right;
    display: block;
    padding: 0 0 0 18px;
    height: 20px;
    margin-top: -30px;
}

    .tab-content .new-link i {
        font-size: 14px;
        color: #0971b9;
        position: relative;
    }

    .tab-content .new-link:hover {
        text-decoration: none;
    }

        .tab-content .new-link:hover span {
            text-decoration: underline;
        }

    .tab-content .new-link.new-search i {
        font-size: 18px;
        top: 3px;
        margin-right: 3px;
    }

    .tab-content .new-link.new-blend {
        padding-left: 19px;
        margin-top: -26px;
        background: url(../img/blend-icon.png) 0 0 no-repeat;
    }

@media screen and (min-width: 1025px) {
    .tab-content {
        margin-bottom: 0px;
    }

        .tab-content .new-link {
            margin-bottom: 20px;
        }

            .tab-content .new-link.new-blend {
                margin-bottom: 16px;
            }
}

table .remove-item,
table .remove-item {
    color: #9dc6e3 !important;
    font-size: 16px;
}

    table .remove-item:hover,
    table .remove-item:hover {
        color: #0971b9 !important;
        text-decoration: none;
    }

table.highlight-progress td.increase {
    color: #009900;
}

table.highlight-progress td.decrease {
    color: #c30000;
}

/* EDIT PROFILE FORM */
.edit-profile table {
    border: 0;
}

    .edit-profile table tbody tr:nth-child(even) {
        background: white;
    }

    .edit-profile table tbody tr td:first-child,
    .edit-profile table tbody tr th:first-child {
        width: 35%;
        text-align: right;
    }

    .edit-profile table tbody tr:last-child td,
    .edit-profile table tbody tr:last-child th {
        border: 0;
    }

    .edit-profile table tbody tr table td:first-child,
    .edit-profile table tbody tr table th:first-child {
        width: auto;
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }

.edit-profile select {
    margin-bottom: 10px;
}

.edit-profile input[type="checkbox"],
.edit-profile input[type="radio"] {
    margin-right: 4px;
}

.edit-profile p.menu_head {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: black;
    font-size: 13px;
    background: #f3f3f3;
    padding: 7px;
}

.edit-profile .savechanges {
    background: #e9f3fa;
    padding: 12px 23px;
    margin-bottom: 11px;
    display: block;
    overflow: hidden;
    clear: both;
}

    .edit-profile .savechanges .floatRight {
        float: right;
    }

    .edit-profile .savechanges input[type="submit"] {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        padding: 4px 14px 5px 14px;
        text-align: center;
        width: 102px;
        border: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

    .edit-profile .savechanges input:first-child {
        background: #0972ba;
        color: white;
    }

        .edit-profile .savechanges input:first-child:hover {
            background-color: #2b83c3;
        }

    .edit-profile .savechanges input:nth-child(2) {
        background: #d2d2d2;
        color: #666666;
    }

        .edit-profile .savechanges input:nth-child(2):hover {
            background: #dfdfdf;
        }

.my-iasg-tables table.minimal tbody td:first-child {
    width: 65%;
}

.my-iasg-tables table.minimal tbody td:last-child {
    width: 35%;
}

.my-iasg-tables .span-1-2-2 {
    margin-top: 50px;
}

@media screen and (min-width: 769px) {
    .my-iasg-tables .span-1-2-2 {
        margin-top: 0;
    }
}

/*-------------------------------
  Blog Styles
---------------------------------*/
.blog-post {
    padding-top: 23px;
}

    .blog-post h1 {
        margin-bottom: 8px;
    }

    .blog-post h2 {
        font-size: 12px;
        font-weight: normal;
        color: #999999;
        margin-bottom: 22px;
        text-transform: uppercase;
    }

        .blog-post h2 a {
            color: #999999 !important;
        }

    .blog-post .sharing {
        margin-top: 0;
    }

    .blog-post .blog-img {
        margin-bottom: 30px;
    }

        .blog-post .blog-img img {
            border: 1px solid #e6e6e6;
        }

    .blog-post .blog-content {
        padding-bottom: 5px;
        font-family: Arial, sans-serif;
    }

        .blog-post .blog-content ul {
            margin-bottom: 0;
        }

        .blog-post .blog-content li {
            margin-bottom: 23px;
        }

    .blog-post h3,
    .article h3 {
        text-transform: uppercase;
    }

    .blog-post h4,
    .article h4 {
        font-family: Arial, sans-serif;
        color: #666666;
        font-size: 16px;
        line-height: 23px;
        margin: 0 0 1.3em 0;
        font-weight: bold;
    }

.tags {
    margin-bottom: 43px;
    margin-top: -10px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    color: #666666;
}

    .tags a {
        color: #999999;
    }

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

.blog .page-content .category-name {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: black;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 6px;
}

.blog .page-content .comments {
    padding-top: 50px;
    clear: both;
}

.blog .page-content .related-posts {
    padding-top: 16px;
    border-top: 1px solid #e1e1e1;
}

    .blog .page-content .related-posts h2 {
        font-family: 'Open Sans Condensed', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        color: black;
        text-transform: uppercase;
        line-height: 1.2;
        margin-bottom: 8px;
        margin-bottom: 15px;
    }

    .blog .page-content .related-posts .recent-posts a:hover {
        text-decoration: none;
    }

        .blog .page-content .related-posts .recent-posts a:hover h3 {
            text-decoration: underline;
        }

    .blog .page-content .related-posts .recent-posts a {
        clear: both;
        display: block;
        padding-top: 29px;
    }

        .blog .page-content .related-posts .recent-posts a:nth-child(1) {
            padding-top: 0;
        }

        .blog .page-content .related-posts .recent-posts a .hgroup {
            overflow: hidden;
        }

        .blog .page-content .related-posts .recent-posts a img {
            float: left;
            margin-right: 15px;
        }

        .blog .page-content .related-posts .recent-posts a h3 {
            color: #005a99;
            font-family: 'Open Sans', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            margin: 0 0 4px 0;
        }

        .blog .page-content .related-posts .recent-posts a h4 {
            font-family: Arial, sans-serif;
            color: #999999;
            line-height: 17px;
            font-size: 12px;
            font-weight: normal;
        }

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .blog .page-content .related-posts .recent-posts a {
        float: left;
        width: 50%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .blog .page-content .related-posts .recent-posts a:nth-child(odd) {
            clear: both;
            padding-right: 50px;
        }

        .blog .page-content .related-posts .recent-posts a:nth-child(even) {
            padding-left: 50px;
            clear: none;
        }

        .blog .page-content .related-posts .recent-posts a:nth-child(2) {
            padding-top: 0;
        }
}

@media screen and (min-width: 1025px) {
    .blog .page-content .related-posts .recent-posts a {
        float: left;
        width: 33.3333333333%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .blog .page-content .related-posts .recent-posts a:nth-child(1), .blog .page-content .related-posts .recent-posts a:nth-child(3n+1) {
            clear: both;
            padding-right: 34px;
        }

        .blog .page-content .related-posts .recent-posts a:nth-child(2), .blog .page-content .related-posts .recent-posts a:nth-child(3n+2) {
            padding-right: 17px;
            padding-left: 17px;
            clear: none;
        }

        .blog .page-content .related-posts .recent-posts a:nth-child(3), .blog .page-content .related-posts .recent-posts a:nth-child(3n+3) {
            padding-left: 34px;
            clear: none;
        }

        .blog .page-content .related-posts .recent-posts a:nth-child(2) {
            padding-top: 0;
        }

        .blog .page-content .related-posts .recent-posts a:nth-child(3) {
            padding-top: 0;
        }
}

.blog .page-content .descriptive.col {
    padding-top: 28px;
}

.blog .page-content .article-list {
    padding-top: 25px;
}

    .blog .page-content .article-list li {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
    }

    .blog .page-content .article-list h1 {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 27px;
        color: #005a99;
        margin-bottom: 8px;
    }

    .blog .page-content .article-list h2 {
        font-size: 12px;
        font-weight: normal;
        color: #999999;
        margin-bottom: 22px;
        text-transform: uppercase;
    }

        .blog .page-content .article-list h2 a {
            color: #999999 !important;
        }

    .blog .page-content .article-list .blog-img {
        background: white;
        display: block;
        overflow: hidden;
        border: 1px solid #e6e6e6;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

        .blog .page-content .article-list .blog-img .placeholder {
            visibility: hidden;
            position: relative;
            z-index: 1;
            display: block;
            width: 100%;
            height: auto;
        }

        .blog .page-content .article-list .blog-img img:not(.placeholder) {
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            position: absolute;
            left: 50%;
            max-height: 100%;
            width: auto;
            height: 100%;
            border: 0;
            z-index: 2;
        }

@media screen and (min-width: 1024px) {
    .blog .page-content .article-list .blog-img {
        width: 250px;
        height: 165px;
        float: left;
        margin-right: 25px;
        margin-bottom: 0;
    }
}

.blog .page-content .page-content .mf-container .cta-form .form .form-input,
.blog .page-content .cta-form .form .form-input {
    margin-bottom: 0;
}

    .blog .page-content .page-content .mf-container .cta-form .form .form-input.form-actions,
    .blog .page-content .cta-form .form .form-input.form-actions {
        margin-top: 10px;
    }

        .blog .page-content .page-content .mf-container .cta-form .form .form-input.form-actions .btn,
        .blog .page-content .cta-form .form .form-input.form-actions .btn {
            margin-bottom: 8px;
        }

.blog .page-content .cta-form h3 {
    margin-bottom: 13px;
}

@media screen and (min-width: 769px) {
    .blog .page-content .primary.col {
        min-height: 1950px;
    }
}

.blog .descriptive.col .page-pic {
    margin-bottom: 15px;
}

.blog .descriptive.col {
    max-width: 320px;
    margin: 0 auto;
}

.blog .sm-links {
    padding: 12px 15px 18px 15px;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
}

    .blog .sm-links h3 {
        font-family: 'Open Sans Condensed', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        color: black;
        text-transform: uppercase;
        line-height: 1.2;
        margin-bottom: 8px;
    }

    .blog .sm-links a {
        display: inline-block;
        margin-right: 8px;
    }

.blog .program-table-small table a {
    display: block;
}

.blog .program-table-small h3 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    color: black;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 12px;
}

.blog .program-table-small .table-description {
    margin: 12px 0 0 0;
}

    .blog .program-table-small .table-description p {
        margin: 0;
    }

.recent-tweets {
    padding: 12px 0 0 0;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
}

    .recent-tweets .follow-btn {
        float: right;
        margin-right: 14px;
    }

    .recent-tweets h3 {
        font-family: 'Open Sans Condensed', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        color: black;
        text-transform: uppercase;
        line-height: 1.2;
        margin-bottom: 8px;
        margin-left: 14px;
    }

    .recent-tweets .form {
        padding: 6px 14px;
        background: #e1e1e1;
    }

        .recent-tweets .form input[type="email"] {
            padding: 6px;
            border: 1px solid #cccccc;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            height: 30px;
            font-family: Arial, sans-serif;
            font-size: 13px;
        }

    .recent-tweets ul {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
        max-height: 404px;
        overflow: auto;
    }

        .recent-tweets ul li {
            margin: 0;
            padding: 12px 14px;
            display: block;
            list-style: none;
            border-top: 1px solid #ebebeb;
            font-family: Arial, sans-serif;
            font-size: 12px;
            color: black;
        }

            .recent-tweets ul li p {
                font-family: Arial, sans-serif;
                font-size: 12px;
                color: black;
                line-height: 15px;
                margin-bottom: 15px;
            }

                .recent-tweets ul li p:last-child {
                    margin-bottom: 0;
                }

            .recent-tweets ul li .handle {
                color: #999999;
                display: block;
            }

            .recent-tweets ul li .date {
                float: right;
                color: #999999;
            }

            .recent-tweets ul li a {
                color: #005a99;
            }

                .recent-tweets ul li a:hover {
                    text-decoration: underline;
                }

            .recent-tweets ul li strong {
                font-weight: normal;
            }

            .recent-tweets ul li img {
                float: left;
                margin-right: 6px;
                margin-bottom: 3px;
            }

            .recent-tweets ul li .tweet-info {
                overflow: hidden;
                margin-bottom: 3px;
            }

            .recent-tweets ul li p {
                clear: both;
            }