svg {
    vertical-align: text-bottom;
}

.svg-icon {
    height: 1.3em;
    width: 1.3em;
    fill: #fff;
    vertical-align: text-bottom;
}

@media (max-width: 575.98px) {
    .hidden-xs {
        display: none !important;
    }

    .border-xs-none {
        border: none !important;
    }
}

/* making container wider on large screens */
@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .container {
        max-width: calc(100% - 100px);
    }
}

@media (min-width: 1500.1px) {
    .container {
        max-width: 1400px;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
}


/* narrow gutter columns */

.narrow-gutter-row {
    margin-right: -5px;
    margin-left: -5px;
}

    .narrow-gutter-row [class^="col-"], .narrow-gutter-row [class*=' col-'] {
        padding-right: 5px;
        padding-left: 5px;
    }
/* end narrow gutter */

/* fonts */

@font-face {
    font-family: 'Prata';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url(/Style/fonts/Prata.woff2?2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    font-display: optional;
    src: url(/Style/fonts/Oswald.woff2?2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 900;
    font-display: optional;
    src: url(/Style/fonts/Yantramanav-900.woff2?2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url(/Style/fonts/Yantramanav-700.woff2?2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url(/Style/fonts/Yantramanav-400.woff2?2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* end fonts */

.mb-icon {
    display: inline-block;
    text-decoration: none !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    vertical-align: text-bottom;
}

@font-face {
    font-family: 'mb-icons';
    src: url('/Style/icon-font/mb-icons.eot?20210304');
    src: url('/Style/icon-font/mb-icons.eot?20210304#iefix') format('embedded-opentype'), url('/Style/icon-font/mb-icons.ttf?20210304') format('truetype'), url('/Style/icon-font/mb-icons.woff?20210304') format('woff'), url('/Style/icon-font/mb-icons.svg?20210304#mb-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.mb-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mb-icons' !important;
    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-instagram:before {
    content: "\e91e";
}

.icon-youtube:before {
    content: "\e91d";
}

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

.icon-google-circle:before {
    content: "\ea8a";
}

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

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

.icon-tag-high-rated:before {
    content: "\e90f";
}

.icon-tag-idea:before {
    content: "\e910";
}

.icon-tag-low-rated:before {
    content: "\e911";
}

.icon-tag-trending:before {
    content: "\e912";
}

.icon-tag-upgrade:before {
    content: "\e913";
}

.icon-tag-beat-the-market .path1:before {
    content: "\e914";
    color: rgb(41, 127, 148);
}

.icon-tag-beat-the-market .path2:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(66, 144, 87);
}

.icon-tag-beat-the-market .path3:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(41, 127, 148);
}

.icon-tag-beat-the-market .path4:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(154, 35, 33);
}

.icon-tag-beat-the-market .path5:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(117, 62, 134);
}

.icon-tag-beat-the-market .path6:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(168, 102, 40);
}

.icon-tag-dividends:before {
    content: "\e91a";
}

.icon-tag-downgrade:before {
    content: "\e91b";
}

.icon-logo-nasdaq:before {
    content: "\e901";
}

.icon-logo-jcb:before {
    content: "\e902";
}

.icon-logo-mastercard:before {
    content: "\e903";
}

.icon-logo-visa:before {
    content: "\e904";
}

.icon-logo-discover:before {
    content: "\e905";
}

.icon-logo-americanexpress:before {
    content: "\e906";
}

.icon-btn-sendmessage:before {
    content: "\e907";
}

.icon-folder:before {
    content: "\e908";
}

.icon-exitoverlay-line-element:before {
    content: "\e909";
}

.icon-calculator:before {
    content: "\e90a";
}

.icon-validation-triangle:before {
    content: "\e90b";
}

.icon-unlock:before {
    content: "\e90c";
}

.icon-lock:before {
    content: "\e90d";
}

.icon-ranking-5stars:before {
    content: "\e90e";
}

.icon-notifications:before {
    content: "\e95c";
}

.icon-misc:before {
    content: "\e983";
}

.icon-pricetoearnings:before {
    content: "\e984";
}

.icon-profitability:before {
    content: "\e985";
}

.icon-ranking-star:before {
    content: "\e98b";
}

.icon-reset:before {
    content: "\e98c";
}

.icon-salesbookvalue:before {
    content: "\e98d";
}

.icon-statistics:before {
    content: "\e98e";
}

.icon-view-details:before {
    content: "\e98f";
}

.icon-apply:before {
    content: "\e990";
}

.icon-debt:before {
    content: "\e991";
}

.icon-industry:before {
    content: "\e992";
}

.icon-logo-daytradingreviews:before {
    content: "\e993";
}

.icon-unchecked-box:before {
    content: "\e9ec";
}

.icon-edit:before {
    content: "\e9ed";
}

.icon-export-portfolios:before {
    content: "\e9ee";
}

.icon-read-more:before {
    content: "\e9ef";
}

.icon-trash:before {
    content: "\e9f0";
}

.icon-checked-box:before {
    content: "\e9f1";
}

.icon-featured-forbes:before {
    content: "\e91f";
}

.icon-featured-barrons:before {
    content: "\e9eb";
}

.icon-featured-aaii:before {
    content: "\e9e3";
}

.icon-featured-boston-globe:before {
    content: "\e9e4";
}

.icon-featured-cnbc:before {
    content: "\e9e5";
}

.icon-featured-marketwatch:before {
    content: "\e9e6";
}

.icon-featured-nasdaq:before {
    content: "\e9e7";
}

.icon-featured-seeking-alpha:before {
    content: "\e9e8";
}

.icon-featured-stocktwits:before {
    content: "\e9e9";
}

.icon-featured-wsj:before {
    content: "\e9ea";
}

.icon-featured-inc:before {
    content: "\e917";
}

.icon-featured-entrepreneur:before {
    content: "\e918";
}

.icon-featured-prairie-business:before {
    content: "\e919";
}

.icon-featured-investing:before {
    content: "\e91c";
}

.icon-my-newsletter:before {
    content: "\e9e2";
}

.icon-new-window:before {
    content: "\e9e1";
}

.icon-question:before {
    content: "\e9e0";
}

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

.icon-share-reddit:before {
    content: "\e976";
}

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

.icon-share-linkedin:before {
    content: "\e97c";
}

.icon-share-stocktwits:before {
    content: "\e97e";
}

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

.icon-line-element-circle-icons:before {
    content: "\e986";
}

.icon-line-element-header-section:before {
    content: "\e987";
}

.icon-line-element-logo-section1:before {
    content: "\e988";
}

.icon-line-element-repeating1:before {
    content: "\e989";
}

.icon-logo-BBB:before {
    content: "\e98a";
}

.icon-btn-add-holding:before {
    content: "\e9d9";
}

.icon-btn-add-multiple-holdings:before {
    content: "\e9da";
}

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

.icon-btn-create-new-watchlist:before {
    content: "\e9dc";
}

.icon-btn-login:before {
    content: "\e9dd";
}

.icon-btn-plus:before {
    content: "\e9de";
}

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

.icon-share-email:before {
    content: "\e97d";
}

.icon-arrow:before {
    content: "\e900";
}

.icon-hover-sheen-01:before {
    content: "\e937";
}

.icon-btn-compare:before {
    content: "\e938";
}

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

.icon-btn-share:before {
    content: "\e93a";
}

.icon-salesbookvalue1:before {
    content: "\e947";
}

.icon-statistics1:before {
    content: "\e94d";
}

.icon-constellation-analysts:before {
    content: "\e955";
}

.icon-constellation-community:before {
    content: "\e956";
}

.icon-constellation-dividend:before {
    content: "\e957";
}

.icon-constellation-earnings:before {
    content: "\e958";
}

.icon-constellation-insider:before {
    content: "\e959";
}

.icon-constellation-valuation:before {
    content: "\e95a";
}

.icon-filter:before {
    content: "\e95b";
}

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

.icon-menu-login:before {
    content: "\e966";
}

.icon-menu-open:before {
    content: "\e967";
}

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

.icon-menu-subscribe:before {
    content: "\e969";
}

.icon-my-accountsettings:before {
    content: "\e96a";
}

.icon-my-alerts:before {
    content: "\e96b";
}

.icon-my-logout:before {
    content: "\e96c";
}

.icon-my-paymentsettings:before {
    content: "\e96e";
}

.icon-my-subscriptions:before {
    content: "\e96f";
}

.icon-nav-about:before {
    content: "\e970";
}

.icon-nav-calendars:before {
    content: "\e971";
}

.icon-nav-data:before {
    content: "\e972";
}

.icon-nav-headlines:before {
    content: "\e973";
}

.icon-nav-my-marketbeat:before {
    content: "\e974";
}

.icon-nav-researchtools:before {
    content: "\e975";
}

.icon-line-element-logo-section:before {
    content: "\e978";
}

.icon-line-element-repeating:before {
    content: "\e979";
}

.icon-logo-marketbeat-white:before {
    content: "\e97a";
}


/* dynamic lock locked by default */

.icon-dynamic-ma-lock:before, .icon-dynamic-aa-lock:before, .icon-dynamic-dp-lock:before, .idl:before {
    content: "\e90d";
    font-size: .75em;
    position: relative;
    top: -1px;
}

#mega-menu .icon-dynamic-ma-lock:before, #mega-menu .icon-dynamic-aa-lock:before, #mega-menu .icon-dynamic-dp-lock:before, #mega-menu .idl:before {
    color: #267e93;
    top: 0;
}

#left-side-menu .icon-dynamic-ma-lock, #left-side-menu .icon-dynamic-aa-lock, #left-side-menu .icon-dynamic-dp-lock, #left-side-menu .idl {
    margin: 0 !important;
    vertical-align: text-bottom !important;
}

    #left-side-menu .icon-dynamic-ma-lock:before,
    #left-side-menu .icon-dynamic-aa-lock:before, #left-side-menu .icon-dynamic-dp-lock:before, #left-side-menu .idl:before {
        top: 0;
    }



html {
    font-size: 18px;
}

body {
    background-color: #fff;
    color: #252525;
    font-family: Yantramanav, sans-serif;
    position: relative;
    line-height: 1.2;
    font-size: 1rem;
}

a {
    color: #24778c;
    font-weight: 700;
    text-decoration: none;
}

    a:hover, a:active, a:focus {
        color: #195c6d;
    }

    a.no-a, a.no-a:hover, a.no-a:active, a.no-a:focus {
        color: inherit;
        text-decoration: inherit;
        font-weight: inherit;
    }

    /* start color utilities */


    /* color */

.bg-light-gray .c-blue, .bg-light-gray a {
    color: #25768a;
}

    .c-white, a.c-white {
        color: #fff;
    }

        .c-white a {
            color: #fff;
        }

            .c-white a:hover, .c-white a:active, .c-white a:focus {
                color: #eff2f4;
            }

    .c-black, a.c-black {
        color: #252525;
    }

        a.c-black:hover, a.c-black:active, a.c-black:focus {
            color: #585858;
        }

.c-gray {
    color: #585858;
}

.c-light-gray {
    color: #eff2f4;
}

.c-gold, a.c-gold {
    color: #a86527;
}

    .c-dark-gold, a.c-gold:hover, a.c-gold:active {
        color: #75411c;
    }

.c-red, a.c-red {
    color: #992120;
}

    .c-dark-red, a.c-red:hover, a.c-red:active {
        color: #6b2728;
    }

.c-light-red {
    color: #f4e9e9;
}

.c-purple, a.c-purple {
    color: #743d85;
}

    .c-dark-purple, a.c-purple:hover, a.c-purple:active {
        color: #533556;
    }

.c-light-purple {
    color: #f4e9f3;
}

.c-green, a.c-green {
    color: #3c824e;
}

    .c-dark-green, a.c-green:hover, a.c-green:active {
        color: #2c5f39;
    }

.c-light-green {
    color: #e7f2ea;
}

.c-blue {
    color: #267e93;
}

.c-dark-blue {
    color: #195c6d;
}

.c-light-blue {
    color: #e4f0f2;
}

/* increasing contrast on gray backgrounds */
.bg-light-gray .c-gold {
    color: #9e5f23;
}


.bg-light-gray .c-green {
    color: #387b4a;
}




/* fill (for svgs) */

.f-white {
    fill: #fff;
}

    .f-white a {
        fill: #fff;
    }

        .f-white a:hover {
            fill: #eff2f4;
        }

.f-black {
    fill: #252525;
}

.f-light-gray {
    fill: #eff2f4;
}

.f-gold {
    fill: #a86527;
}

.f-dark-gold {
    fill: #75411c;
}

.f-red {
    fill: #992120;
}

.f-dark-red {
    fill: #6b2728;
}

.f-light-red {
    fill: #f4e9e9;
}

.f-purple {
    fill: #743d85;
}

.f-dark-purple {
    fill: #533556;
}

.f-light-purple {
    fill: #f4e9f3;
}

.f-green {
    fill: #429056;
}

.f-dark-green {
    fill: #2c5f39;
}

.f-light-green {
    fill: #e7f2ea;
}

.f-blue {
    fill: #267e93;
}

.f-dark-blue {
    fill: #195c6d;
}

.f-light-blue {
    fill: #e4f0f2;
}

/* background-color */

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #252525;
}

.bg-light-gray {
    background-color: #eff2f4;
}

.bg-gold {
    background-color: #a86527;
}

.bg-dark-gold {
    background-color: #75411c;
}

.bg-red {
    background-color: #992120;
}

.bg-dark-red {
    background-color: #6b2728;
}

.bg-light-red {
    background-color: #f4e9e9;
}

.bg-purple {
    background-color: #743d85;
}

.bg-dark-purple {
    background-color: #533556;
}

.bg-light-purple {
    background-color: #f4e9f3;
}

.bg-green {
    background-color: #429056;
}

.bg-dark-green {
    background-color: #2c5f39;
}

.bg-light-green {
    background-color: #e7f2ea;
}

.bg-blue {
    background-color: #267e93;
}

.bg-dark-blue {
    background-color: #195c6d;
}

.bg-light-blue {
    background-color: #e4f0f2;
}


/* this is for gray backgrounds that start partway after a white box with drop shadow */
.start-gray-bg {
    position: relative;
}

    .start-gray-bg:after {
        content: "";
        width: 1000000px;
        height: 1000000px;
        background: #eff2f4;
        position: absolute;
        z-index: -100;
        top: 50px;
        left: -50000px;
        width: 200vw;
        left: -50vw;
    }

/* border color - these are !important because bootstrap's border styles are important and they need to be important in order to override input border styles */
.b-white {
    border-color: #fff !important;
}

.b-black {
    border-color: #252525 !important;
}

.b-light-gray {
    border-color: #eff2f4 !important;
}

.b-gold {
    border-color: #a86527 !important;
}

.b-dark-gold {
    border-color: #75411c !important;
}

.b-red {
    border-color: #992120 !important;
}

.b-dark-red {
    border-color: #6b2728 !important;
}

.b-light-red {
    border-color: #f4e9e9 !important;
}

.b-purple {
    border-color: #743d85 !important;
}

.b-dark-purple {
    border-color: #533556 !important;
}

.b-light-purple {
    border-color: #f4e9f3 !important;
}

.b-green {
    border-color: #429056 !important;
}

.b-dark-green {
    border-color: #2c5f39 !important;
}

.b-light-green {
    border-color: #e7f2ea !important;
}

.b-blue {
    border-color: #267e93 !important;
}

.b-dark-blue {
    border-color: #195c6d !important;
}

.b-light-blue {
    border-color: #e4f0f2 !important;
}

.opacity-6 {
    opacity: .6;
}

.gradient-black {
    background: rgba(37,37,37,1);
    background: -moz-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(37,37,37,1)), color-stop(100%, rgba(99,105,107,1)));
    background: -webkit-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
    background: -o-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
    background: -ms-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
    background: linear-gradient(to bottom, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
}

.gradient-gold {
    background: rgba(117,65,28,1);
    background: -moz-linear-gradient(top, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(117,65,28,1)), color-stop(100%, rgba(168,101,39,1)));
    background: -webkit-linear-gradient(top, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
    background: -o-linear-gradient(top, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
    background: -ms-linear-gradient(top, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
    background: linear-gradient(to bottom, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
}

.gradient-red {
    background: rgba(107,39,40,1);
    background: -moz-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,39,40,1)), color-stop(100%, rgba(153,32,32,1)));
    background: -webkit-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background: -o-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background: -ms-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background: linear-gradient(to bottom, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
}

.gradient-purple {
    background: rgba(83,53,86,1);
    background: -moz-linear-gradient(top, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(83,53,86,1)), color-stop(100%, rgba(116,61,133,1)));
    background: -webkit-linear-gradient(top, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
    background: -o-linear-gradient(top, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
    background: -ms-linear-gradient(top, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
    background: linear-gradient(to bottom, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
}

.gradient-green {
    background: rgba(44,95,57,1);
    background: -moz-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(44,95,57,1)), color-stop(100%, rgba(66,144,86,1)));
    background: -webkit-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background: -o-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background: -ms-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background: linear-gradient(to bottom, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
}

.gradient-blue {
    background: rgba(25,92,109,1);
    background: -moz-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,92,109,1)), color-stop(100%, rgba(38,125,147,1)));
    background: -webkit-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -o-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -ms-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: linear-gradient(to bottom, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
}

.gradient-dark-blue {
    background: rgba(14,53,62,1);
    background: -moz-linear-gradient(top, rgba(14,53,62,1) 0%, rgba(22,79,93,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,53,62,1)), color-stop(100%, rgba(22,79,93,1)));
    background: -webkit-linear-gradient(top, rgba(14,53,62,1) 0%, rgba(22,79,93,1) 100%);
    background: -o-linear-gradient(top, rgba(14,53,62,1) 0%, rgba(22,79,93,1) 100%);
    background: -ms-linear-gradient(top, rgba(14,53,62,1) 0%, rgba(22,79,93,1) 100%);
    background: linear-gradient(to bottom, rgba(14,53,62,1) 0%, rgba(22,79,93,1) 100%);
}

.gradient-dark-blue-up {
    background: rgba(22,79,93,1);
    background: -moz-linear-gradient(top, rgba(22,79,93,1) 0%, rgba(14,53,62,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(22,79,93,1)), color-stop(100%, rgba(14,53,62,1)));
    background: -webkit-linear-gradient(top, rgba(22,79,93,1) 0%, rgba(14,53,62,1) 100%);
    background: -o-linear-gradient(top, rgba(22,79,93,1) 0%, rgba(14,53,62,1) 100%);
    background: -ms-linear-gradient(top, rgba(22,79,93,1) 0%, rgba(14,53,62,1) 100%);
    background: linear-gradient(to bottom, rgba(22,79,93,1) 0%, rgba(14,53,62,1) 100%);
}

.box-shadow {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1), 0 2px 13px 0 rgba(0,0,0,0.1);
}

/* end color utilities */



/* side menu style mmenustyle */

.mobilesubscribe.trigger img {
    width: 46px;
    min-width: 46px;
}

#left-side-menu, #right-side-menu {
    z-index: -100;
    display: block;
    opacity: 0;
    position: fixed;
    height: 100%;
    width: 150px;
    top: 0;
    color: #fff;
    overflow: hidden;
    -webkit-transition: opacity .5s step-end, width .4s cubic-bezier(0, 0.46, 0.11, 0.64);
    transition: opacity .5s step-end, width .4s cubic-bezier(0, 0.46, 0.11, 0.64);
}

#right-side-menu {
    right: 0;
    overflow-y: auto;
}

.right-side-optin {
    overflow-y: auto;
    min-width: 200px;
}

#left-side-menu.left-showing, #right-side-menu.right-showing {
    opacity: 1;
    -webkit-transition: width .3s cubic-bezier(0, 0.46, 0.11, 0.64), opacity .4s step-start;
    transition: width .3s cubic-bezier(0, 0.46, 0.11, 0.64), opacity .4s step-start;
    z-index: 1;
    width: 80%;
}

#left-side-menu > ul {
    max-height: calc(100% - 165px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 2px;
    margin: 0;
}

    #left-side-menu > ul > li:first-child {
        border-top: none;
    }

#left-side-menu a, #right-side-menu a {
    color: #fff;
    text-decoration: none;
}

.mobile-menu-icon {
    display: none;
}

#left-side-menu .mb-icon {
    display: inline-block !important;
    font-size: 1.3em;
    vertical-align: middle;
    margin: 0 4px 4px 0;
}



#left-side-menu > ul > li > a, #left-side-menu > ul > li > ul > li > a {
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .9em;
    letter-spacing: .03rem;
}

.side-menu-title {
    text-align: center;
    color: rgba(255,255,255,.4);
    padding: 13px 11px 11px;
    margin: 0;
    line-height: 1;
    border-bottom: solid 1px rgba(0,0,0,.15);
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-weight: 500;
}




#right-side-menu .optin-heading a {
    color: #fff !important;
    font-weight: 700;
    font-size: 22px;
}

#right-side-menu #optinform-content {
    padding: 24px 24px 6px;
}

#right-side-menu #optinform-footer {
    padding: 0 20px;
    overflow: hidden;
    background: transparent;
    border-radius: 0;
}

.page-wrap {
    position: relative;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1;
    background: #fff;
    overflow: hidden;
    width: 100%;
    margin-bottom: -23px;
}

    .page-wrap.left-showing {
        -webkit-transform: translate(80%,0);
        -ms-transform: translate(80%,0);
        transform: translate(80%,0);
        -webkit-transform: translate3d(80%,0,0);
        transform: translate3d(80%,0,0);
    }

    .page-wrap.right-showing {
        -webkit-transform: translate(-80%,0);
        -ms-transform: translate(-80%,0);
        transform: translate(-80%,0);
        -webkit-transform: translate3d(-80%,0,0);
        transform: translate3d(-80%,0,0);
    }

.menu-closer {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}

.menu-closer {
    -webkit-transition: opacity .4s step-start;
    transition: opacity .4s step-start;
    background: #000;
}

    .menu-closer.left-showing, .menu-closer.right-showing {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1100;
    }

    .menu-closer.left-showing, .menu-closer.right-showing {
        opacity: .6;
        -webkit-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
    }

html, body, .page-wrap {
    -webkit-backface-visibility: hidden;
}

    html.left-showing #sticky-bar {
        top: -400px;
    }

    html.left-showing, html.right-showing, body.left-showing, body.right-showing {
        overflow: hidden;
        height: 100%;
    }

#left-side-menu.left-showing input {
    display: inline-block;
}

#left-side-menu input {
    border-radius: 0;
    min-height: 38px;
    padding-left: 8px;
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.8);
    width: calc(100% - 20px);
    margin: 10px;
    border: 0;
    display: none;
}

#left-side-menu ::-ms-input-placeholder {
    color: rgba(255,255,255,.8);
}

#left-side-menu ::-webkit-input-placeholder {
    color: rgba(255,255,255,.8);
}

#left-side-menu input:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 0;
}

#left-side-menu input::placeholder {
    color: rgba(255,255,255,.75);
}

.side-menu-search {
    height: 54px;
    border-bottom: solid 1px rgba(0,0,0,.15);
}

/* marketrank area */


#carousel-div, #overall-div, #svg-div {
    width: 100%;
}

#overall-div {
    padding: 0 0 0 20px;
}

@media (min-width: 450px) {
    #svg-div {
        width: 50%;
        float: left;
    }

    #overall-div {
        width: 50%;
        float: right;
    }
}

@media (min-width: 767.9px) {
    #overall-div {
        padding: 0 0 0 40px;
        width: 75%;
        float: right;
    }

    #svg-div {
        width: 25%;
        float: left;
    }
}

@media (min-width: 900px) {
    #overall-div, #carousel-div {
        width: 65%;
        float: right;
    }

    #svg-div {
        width: 35%;
    }
}
/* end marketrank area */

/* header stats and data visualizations on company profile */

@media (min-width: 809px) {
    #priceChart {
        height: calc(100% - 63px);
    }

    .priceChartOptions {
        font-size: initial !important;
    }
}


.range-meter {
    font-size: 10px;
    font-weight: bold;
    padding-top: 17px;
    text-align: center;
    float: right;
    margin-top: -8px;
}

.range {
    display: inline-block;
    background: lightblue;
    background-image: linear-gradient(to right, #eef4f7 24%, #bbcbd2 25%, #eef4f7 26%, #eef4f7 49%, #bbcbd2 50%, #eef4f7 51%, #eef4f7 74%, #bbcbd2 75%, #eef4f7 76%);
    width: 100px;
    height: 15px;
    text-align: center;
    margin: 0px 7px;
    position: relative;
    vertical-align: bottom;
}

.reduced-range {
    width: 50px;
}

.range-marker {
    position: absolute;
    top: -14px;
    left: 50%;
    line-height: .95;
    transform: translateX(-50%);
    white-space: nowrap;
}

.range-arrow {
    color: #267e93;
    display: block;
}

.range-label {
    float: left;
}

.range-marker-label {
    font-weight: normal;
}


a.read-more-link:hover {
    text-decoration: none;
}

a.read-more-link:active, a.read-more-link:focus {
    cursor: progress;
    text-decoration: none;
}



@media (min-width: 750px) and (max-width: 991px) {
    .range {
        width: 40px;
    }

    .reduced-range {
        width: 20px;
    }
}

@media (min-width: 650.1px) and (max-width: 749px) {
    .range {
        width: 25px;
    }

    .reduced-range {
        width: 20px;
    }
}

@media (min-width: 650.1px) {
    .price-info .price-data:nth-child(3) {
        border-bottom: none;
        margin-bottom: -6px;
    }
}

.flat-green-button, a.flat-green-button, input.flat-green-button {
    font-size: 16px;
    margin: 4px 0 0 2px;
    background: #6cac45;
    border: none;
    box-shadow: none;
    border-radius: 2px;
    font-weight: normal;
    color: #fff;
    padding: 5px 15px 3px;
    display: inline-block;
    line-height: 1.5;
    vertical-align: top;
    cursor: pointer;
    height: 35px;
    text-shadow: none;
}


    .flat-green-button:hover, .flat-green-button:active, .flat-green-button:focus {
        color: #fff;
        text-decoration: none;
        background-color: #5ca243;
        box-shadow: none;
    }


.company-buttons {
    text-align: right;
}

@media (min-width: 1200px) {
    .company-buttons {
        text-align: left;
    }
}

.price-info {
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

.gray-notice {
    padding: 8px;
    margin: 0 0 10px;
    color: #fff;
    font-size: 14px;
    background-color: #777;
}


@media (max-width: 680px) {
    .multiple-checks > div {
        display: block;
    }

    .modalPopup .modal-body {
        max-height: 50vh;
    }

    #cphPrimaryContent_tabCompanyProfile .price-data-col, #CompanyProfile .price-data-col, .price-data-col, .crypto-data-section .price-data-col {
        width: 100%;
        padding: 0;
    }

    .flat-green-button, a.flat-green-button, input.flat-green-button {
        height: 42px;
        padding: 8px 4px 0 14px;
    }

        .flat-green-button > span, a.flat-green-button > span, input.flat-green-button > span {
            display: none;
        }

    .reduced-range {
        width: 100px;
    }
}

@media (max-width: 550px) {
    .price strong {
        font-size: 34px;
    }
}

@media (max-width: 340px) {
    .range {
        width: 80px;
    }

    .reduced-range {
        width: 65px;
    }
}
/* end header stats and data visualizaitons on company profiles*/


.companylogo {
    padding: 0 0 10px 10px;
    float: right;
    max-width: 225px;
    max-height: 150px;
}

@media (max-width: 460px) {
    .companylogo {
        max-width: 50%;
    }
}



.financialterm img:first-of-type {
    float: left;
    margin: 5px 15px 15px 0;
    width: 50%;
}

img.alignright, img.alignleft, .financialterm img.alignleft, .financialterm img.alignright {
    margin: 5px 0 15px 0;
    width: 100%;
}

p.alignright, p.alignleft {
    margin: 0 0 25px 0;
    width: 100%;
}

.aligncenter, .financialterm img.aligncenter {
    width: auto;
    display: block;
    float: none;
    margin: 5px auto 15px;
}

@media (min-width: 550px) {
    img.alignright, .financialterm img.alignright {
        float: right;
        margin: 5px 0 15px 25px;
        width: 50%;
        max-width: 450px;
    }

    img.alignleft, .financialterm img.alignleft {
        float: left;
        margin: 5px 15px 15px 0;
        width: 50%;
        max-width: 450px;
    }

    p.alignright {
        float: right;
        margin: 5px 0 15px 25px;
        width: 50%;
        max-width: 450px;
        line-height: 1.1;
    }

    p.alignleft {
        float: left;
        margin: 5px 15px 15px 0;
        width: 50%;
        max-width: 450px;
        line-height: 1.1;
    }

    .page-wrap.left-showing {
        -webkit-transform: translate(440px,0);
        -ms-transform: translate(440px,0);
        transform: translate(440px,0);
        -webkit-transform: translate3d(440px,0,0);
        transform: translate3d(440px,0,0);
    }

    .page-wrap.right-showing {
        -webkit-transform: translate(-440px,0);
        -ms-transform: translate(-440px,0);
        transform: translate(-440px,0);
        -webkit-transform: translate3d(-440px,0,0);
        transform: translate3d(-440px,0,0);
    }

    #left-side-menu.left-showing, #right-side-menu.right-showing {
        width: 440px;
    }

    .right-side-optin {
        width: 440px;
    }
}

/* for drop down */
#left-side-menu > ul {
    border-bottom: solid 1px rgba(0,0,0,.15);
}

#left-side-menu ul {
    list-style: none;
}

    #left-side-menu ul > li ul {
        max-height: 0;
        overflow: hidden;
        transition: all .5s cubic-bezier(0, 1.08, 0.88, 0.96);
    }

        #left-side-menu ul > li ul.open {
            max-height: 1248px;
            transition: all 1s cubic-bezier(0.47, 0.01, 0.54, 0.99);
        }

#left-side-menu li {
    border-top: solid 1px rgba(0,0,0,.15);
    position: relative;
}

    #left-side-menu li a {
        line-height: 1.5;
        padding: 11px 5px 5px 49px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        width: 100%;
        font-weight: 400;
    }

#left-side-menu > ul > li > ul > li > ul > li a {
    padding-left: 15px;
}

.menu-dropdown {
    width: 40px;
    height: 45px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

    .menu-dropdown .arrow:after {
        font-family: mb-icons;
        content: "\e900";
        position: absolute;
        left: 15px;
        top: 15px;
        font-size: 1.1em;
        color: rgba(255, 255, 255, 0.6);
        line-height: .8;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .menu-dropdown.down .arrow:after {
        transform: rotate(90deg);
    }

/* end side menu styles mmenustyles */





.lh-medium {
    line-height: 1.35
}

.lh-loose {
    line-height: 1.6
}

.body-copy a {
    text-decoration: underline;
}

.no-underline a, .no-underline, .no-underline a:hover, .no-underline a:active, .no-underline a:focus, .no-underline:hover, .no-underline:active, .no-underline:focus {
    text-decoration: none;
}

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

.font-12 {
    font-size: 1.2em;
}

.font-15 {
    font-size: 1.5em;
}


.prata {
    font-family: Prata, Georgia, 'Times New Roman', Times, serif;
    font-weight: normal;
}

.oswald {
    font-family: Oswald, 'Open Sans Narrow', Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.shadow {
    box-shadow: 0 .2rem .85rem rgba(0,0,0,.11) !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 1em;
}

h1, .h1 {
    margin: .8em 0 .3em; /*browser reset*/
    font-family: Prata, Georgia, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
}

h2, .h2 {
    font-family: Prata, Georgia, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
}

    h2 > strong {
        font-weight: 500;
    }

h3, .h3 {
    font-family: Yantramanav, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .05rem;
    opacity: 1;
}

h4, .h4 {
    font-family: Oswald, 'Open Sans Narrow', Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    opacity: .66;
    text-transform: uppercase;
    letter-spacing: 0;
}

h5, .h5 {
    font-family: Yantramanav, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
}

h6, .h6 {
    font-family: Yantramanav, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: 0;
    opacity: .66;
}

@media (min-width: 800px) {
    h1, .h1 {
        font-size: 1.9rem;
    }

    h2, .h2 {
        font-size: 1.5rem;
    }

    h3, .h3 {
        font-size: 1.125rem;
    }

    h4, .h4 {
        font-size: 1rem;
    }

    h5, .h5 {
        font-size: 1rem;
    }

    h6, .h6 {
        font-size: 1rem;
    }
}


@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.3rem;
    }

    h2, .h2 {
        font-size: 2rem;
    }

    h3, .h3 {
        font-size: 1.125rem;
    }

    h4, .h4 {
        font-size: 1rem;
    }

    h5, .h5 {
        font-size: 1rem;
    }

    h6, .h6 {
        font-size: 1rem;
    }
}

ul {
    padding-left: 2em;
}

label {
    font-weight: 400;
}

input {
    margin-bottom: 4px;
    border-radius: 0;
}

button:focus {
    outline: none;
}


input[type=text],
input[type=date],
input[type=datetime],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=email],
input[type=tel],
input[type=password], select {
    padding: 5px 10px 4px;
    margin-bottom: 4px;
    border: solid 1px #999;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    color: #555;
}

    input[type=text]:focus,
    input[type=date]:focus,
    input[type=datetime]:focus,
    input[type=number]:focus,
    input[type=search]:focus,
    input[type=time]:focus,
    input[type=url]:focus,
    input[type=email]:focus,
    input[type=tel]:focus,
    input[type=password]:focus,
    textarea:focus,
    select:focus,
    button:focus
    {
        -moz-box-shadow: 0 0 5px #2e9eb9;
        -webkit-box-shadow: 0 0 5px #2e9eb9;
        box-shadow: 0 0 5px #2e9eb9;
        border: 1px solid #267e93;
    }


.sbbutton:focus {
    -moz-box-shadow: 0 0 5px #2e9eb9;
    -webkit-box-shadow: 0 0 5px #2e9eb9;
    box-shadow: 0 0 5px #2e9eb9;
    border: solid 1px #fff;
}


    input [type=checkbox] {
    margin-right: 4px;
    border-radius: 2px;
}

input[type=radio] {
    margin-right: 4px;
    border-radius: 50%;
}

input::placeholder {
    font-family: Yantramanav;
}

input::-ms-input-placeholder {
    font-family: Yantramanav;
}

/* custom controls */
.custom-control {
    padding-left: 0;
}

    .custom-control input[type=radio], .custom-control input[type=checkbox] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .custom-control label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
        padding-left: 2em;
    }

    .custom-control.custom-radio label::before {
        border-radius: 50%;
    }

    .custom-control label::before {
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .custom-control label::before {
        position: absolute;
        top: .14rem;
        left: 0;
        display: block;
        width: .8rem;
        height: .8rem;
        pointer-events: none;
        content: "";
        background-color: #eff2f4;
        border: #743d85 solid 1px;
    }

    .custom-control label::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: .8rem;
        height: .8rem;
        pointer-events: none;
        content: "";
    }



    .custom-control.custom-radio input:checked ~ label::before {
        color: #fff;
        border: solid #743d85 4px;
    }

    .custom-control.custom-checkbox input:checked ~ label::before {
        color: #fff;
        border: 0;
    }

    .custom-control.custom-checkbox input:checked ~ label::after {
        content: "\e9f1";
        font-family: 'mb-icons' !important;
        color: #743d85;
        font-size: 1.15em;
    }



button, input[type=submit], .sbbutton, .green-button, button.sbbutton, input[type=submit].sbbutton, .flat-green-button {
    text-decoration: none;
    font-size: .85rem;
    line-height: 1;
    font-weight: 700;
    padding: 8px 10px;
    display: inline-block;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    border: solid 1px #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .03rem;
    cursor: pointer;
    background-repeat: no-repeat;
    background: rgba(44,95,57,1);
    background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-size: calc(100% + 200px) 100%;
    background-position: center;
    transition: background-size .15s ease-in-out;
}


    input[type=submit].black-button, .black-button {
        /* rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100% */
        background: rgba(37,37,37,1);
        background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
        background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
        background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
        background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }

    input[type=submit].light-gray-button, .light-gray-button {
        /* rgba(77,77,77,1) 0%, rgba(133,133,133,1) 100% */
        background: rgba(77,77,77,1);
        background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(133,133,133,1) 100%);
        background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(133,133,133,1) 100%);
        background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(133,133,133,1) 100%);
        background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(133,133,133,1) 100%);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(77,77,77,1) 0%, rgba(133,133,133,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }

    input[type=submit].gold-button, .gold-button {
        background: rgba(117,65,28,1);
        background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
        background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
        background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
        background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }


    input[type=submit].purple-button, .purple-button {
        background: rgba(83,53,86,1);
        background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
        background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
        background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
        background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }

    input[type=submit].blue-button, .blue-button {
        background: rgba(25,92,109,1);
        background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }

    input[type=submit].red-button, .red-button {
        background: rgba(107,39,40,1);
        background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
        background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
        background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
        background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }

    button:hover, input[type=submit]:hover, .sbbutton:hover, button.sbbutton:hover, input[type=submit].sbbutton:hover, button:active, input[type=submit]:active, .sbbutton:active, button.sbbutton:active, input[type=submit].sbbutton:active, button:focus, input[type=submit]:focus, .sbbutton:focus, button.sbbutton:focus, input[type=submit].sbbutton:focus, .sbbutton:hover, button.sbbutton:hover, input[type=submit].sbbutton:hover, .sbbutton:focus, button.sbbutton:focus, input[type=submit].sbbutton:focus, .sbbutton:active, button.sbbutton:active, input[type=submit].sbbutton:active, a.sbbutton:hover, a.sbbutton:active, a.sbbutton:focus, .flat-green-button:hover, .flat-green-button:active, .flat-green-button:focus {
        background-size: 100% 100%;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
    }


textarea {
    max-width: 100%;
    border: solid 1px #bbb;
    padding: 6px;
}


.widget--title {
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 1.6em;
    margin-top: 10px;
}

.widget {
    margin-bottom: 12px;
}

.widget--subscribe {
    width: 300px;
}


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

@media screen and (max-width: 400px) {
    .fnbutton {
        width: 90%;
    }
}




.trigger-left {
    text-align: left;
    cursor: pointer;
}

.trigger, .trigger:active, .trigger:visited, .trigger:focus {
    color: #fff !important;
}

.trigger-left:hover {
    text-shadow: #fff 0 0 1.6px;
}

.trigger > span {
    vertical-align: middle;
}



/* header area */


#mb-header {
    position: absolute;
    z-index: 1000;
    top: 0;
    transition: height .3s ease-in-out;
    transform: translateZ(0);
}

#header-holder.mega-not-showing.sticking #mb-header {
    position: fixed;
    z-index: 1000;
    top: 0;
}

#mb-header .menu-button-wrapper {
    width: 0;
    overflow: hidden;
    transition: width .3s ease-in-out;
    font-size: 1.4em
}

#header-holder.mega-not-showing.sticking .menu-button-wrapper {
    width: 60px;
}

#mb-header .header-left a {
    transition: padding .3s ease-in-out, width .3s ease-in-out;
    width: 100%;
    padding: 0 5px;
}

#header-holder.mega-not-showing.sticking .header-left a {
    padding: 0 34px;
}



#mb-header .logo-bar {
    height: 100px;
    transition: height .3s ease-in-out;
    /*overflow: hidden;*/ /* testing putting the autocomplete ul right be input */
}

#header-holder.mega-not-showing.sticking .logo-bar {
    height: 49px;
}

#header-holder {
    height: 60px;
    position: relative;
    transition: height .3s ease-in-out;
}

    #header-holder.mega-not-showing.sticking {
        height: 60px;
    }

.header-left {
    width: 260px;
}

.header-logo {
    width: 100%;
    transform: translateZ(0);
}



@media(min-width: 992px) {

    #mb-header .main-menu-bar {
        transition: transform .3s;
        transform: scaleY(1);
    }

    #header-holder.mega-not-showing.sticking .main-menu-bar {
        transform: scaleY(0);
        pointer-events: none;
    }

    #header-holder {
        height: 135px;
    }

    #mb-header {
        height: 135px;
    }

    .mega-not-showing #mb-header.sticking, #header-holder.mega-not-showing.sticking {
        height: 49px;
    }
}

@media (max-width: 991.98px) {
    #mb-header .menu-button-wrapper, #header-holder.mega-not-showing.sticking .menu-button-wrapper {
        width: 70px;
    }

    #header-holder.mega-not-showing.sticking .header-left a {
        padding: 0 5px;
    }

    .header-left {
        width: 190px;
    }

    .font-sm-8 {
        font-size: 23px !important;
    }
}

@media (max-width: 575.98px) {
    #header-holder.mega-not-showing.sticking #mb-header {
        overflow: hidden;
    }

    #header-holder, #mega-menu {
        height: 100px;
    }

        #header-holder.mega-not-showing.sticking, #header-holder.mega-not-showing.sticking #mega-menu {
            height: 49px;
        }

            #header-holder.mega-not-showing.sticking .scrolling-up .logo-bar {
                height: 100px;
            }

    .header-logo {
        max-height: 36px;
    }

    .header-right, #mb-header .menu-button-wrapper, #header-holder.mega-not-showing.sticking .menu-button-wrapper {
        min-width: 105px;
    }

    .featured-article img {
        height: auto;
        width: auto;
        margin: -100px auto 10px;
    }

    .featured-article-back {
        padding-top: 0;
        height: 120px;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    #mb-header .logo-bar {
        height: 60px;
    }
}

@media (min-width: 576px) {

    .border-sm-left {
        border-left: solid 1px;
    }

    .min-sm-160 {
        min-width: 158px;
    }
}

@media (max-width: 600px) {
    .header-left {
        width: 165px;
    }
}

/* replaces #top-menu */
.main-menu-bar {
    position: relative
}


.side-only, .mega-only {
    display: none;
}

#mega-menu .mega-only, #left-side-menu .side-only {
    display: inline-block;
}

#mega-menu ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

#mega-menu > ul > li {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    text-align: center;
    height: 35px;
}

    #mega-menu > ul > li:first-child {
        text-align: left;
        flex: 0.5 1 auto !important;
    }

    #mega-menu > ul > li:last-child {
        text-align: right;
        flex: 0.5 1 auto !important;
    }

    #mega-menu > ul > li > a {
        color: #fff;
        padding: 8px 0;
        opacity: .7;
    }

        #mega-menu > ul > li > a.opening {
            pointer-events: none;
        }

    #mega-menu > ul > li > ul {
        display: none;
    }



    .mega-showing #mega-menu > ul > li:hover > ul, #mega-menu > ul > li > a:focus + ul, #mega-menu > ul > li > ul:focus-within {
        display: flex;
        flex-flow: column wrap;
        align-content: center;
        height: calc(100vh - 207px);
        max-height: 628px;
        min-height: 522px;
        position: absolute;
        left: 0;
        top: 35px;
        width: 100%;
        z-index: 50;
        background: #f3f3f3;
        color: #252525;
        box-shadow: 0px 4px 3px 0 rgba(0,0,0,0.16), -1px 5px 5px 0 rgba(0, 0, 0, 0.27);
        text-align: left;
        font-size: .9rem;
        padding: 7px 1.5% 0;
    }


        .mega-showing #mega-menu > ul > li:hover > ul.short-list, #mega-menu > ul > li > a:focus + ul.short-list, #mega-menu > ul > li > ul.short-list:focus-within {
            min-height: 455px;
            max-height: 455px;
        }

        .mega-showing #mega-menu > ul > li:hover > ul.shorter-list, #mega-menu > ul > li > a:focus + ul.shorter-list, #mega-menu > ul > li > ul.shorter-list:focus-within {
            min-height: 360px;
            max-height: 360px;
        }

#mega-menu .deep-menu {
    position: relative;
    padding: 0;
    width: 800px;
    max-width: 80vw;
    height: 495px;
    margin-top: 0;
}

    #mega-menu .deep-menu > a {
        display: none;
    }

.mega-showing #mega-menu .deep-menu > ul, #mega-menu > ul > li > a:focus + ul .deep-menu>ul, #mega-menu > ul > li > ul:focus-within .deep-menu>ul {
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    width: 100%;
    height: 520px;
    margin: -.48em -1em;
}



.menu-ad {
    display: none;
}

#mega-menu .menu-ad {
    display: block;
    width: calc(100vw - 415px);
    max-width: 725px;
}


/*.mega-showing #mega-menu > ul > li:first-child:hover > ul {
        align-content: flex-start;
    }*/

.mega-showing #mega-menu > ul > li:last-child:hover > ul, #mega-menu > ul > li:last-child > a:focus + ul, #mega-menu > ul > li:last-child > ul:focus-within {
    align-content: flex-end;
}

@media (min-width: 1200px) {
    .mega-showing #mega-menu > ul > li:hover > ul, #mega-menu > ul > li > a:focus + ul, #mega-menu > ul > li > ul:focus-within {
        padding: 7px 50px 0;
    }


        .mega-showing #mega-menu > ul > li:hover > ul.short-list, #mega-menu > ul > li > a:focus + ul.short-list, #mega-menu > ul > li > ul.short-list:focus-within {
            min-height: 465px;
            max-height: 465px;
        }

        .mega-showing #mega-menu > ul > li:hover > ul.shorter-list, #mega-menu > ul > li > a:focus + ul.shorter-list, #mega-menu > ul > li > ul.shorter-list:focus-within {
            min-height: 400px;
            max-height: 400px;
        }
}

@media (min-width: 1500.1px) {
    .mega-showing #mega-menu > ul > li:hover > ul, #mega-menu > ul > li > a:focus + ul, #mega-menu > ul > li > ul:focus-within {
        padding: 7px calc(50% - 700px) 0;
    }

    .mega-showing #mega-menu > ul > li:hover > ul.shorter-list, #mega-menu > ul > li > a:focus + ul.shorter-list, #mega-menu > ul > li > ul.shorter-list:focus-within {
        min-height: 430px;
        max-height: 430px;
    }
}

@media (min-width: 1500.1px) and (min-height: 900px) {
    .mega-showing #mega-menu > ul > li:hover > ul, #mega-menu > ul > li > a:focus + ul, #mega-menu > ul > li > ul:focus-within {
        padding: 27px calc(50% - 700px);
    }
}

@media(min-width: 992px) and (max-width: 1150px) {

    #mega-menu .deep-menu {
        width: 674px;
    }

    .mega-showing #mega-menu > ul > li:hover > ul, #mega-menu > ul > li > a:focus + ul, #mega-menu > ul > li > ul:focus-within {
        font-size: .78em;
    }

    .featured-article img {
        display: block;
        max-height: 200px;
        width: auto;
        margin: -165px auto 10px;
    }

    .featured-article .entry-text {
        height: 226px;
    }
}


.mega-showing #mega-menu > ul > li:hover > ul:after, #mega-menu > ul > li > a:focus + ul:after, #mega-menu > ul > li > ul:focus-within:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 100vh;
    z-index: -1;
    background-image: linear-gradient(to bottom, rgba(210, 210, 210, 0.69) 0%, rgba(210, 210, 210, 0.69) 90%, rgba(210, 210, 210, 0) 100%);
    top: 100%;
    left: 0;
    pointer-events: none;
}

.mega-showing #mega-menu > ul > li:hover > a, #mega-menu > ul > li > a:focus {
    opacity: 1;
    border-bottom: solid 3px #fff;
}

#mega-menu > ul > li > ul > li, #mega-menu .deep-menu > ul > li {
    margin: 1em;
}

#mega-menu .blue-menu > li > a {
    color: #267e93;
}

#mega-menu .green-menu > li > a {
    color: #3b804c;
}

#mega-menu .purple-menu > li > a {
    color: #743d85;
}

#mega-menu .red-menu > li > a {
    color: #992120;
}

#mega-menu .gold-menu > li > a {
    color: #a86527;
}

#mega-menu .gray-menu > li > a {
    color: #585858;
}

#mega-menu .limited-width-submenu {
    max-width: 35vw;
    white-space: nowrap;
    overflow: hidden;
}

    #mega-menu .limited-width-submenu li {
        text-overflow: ellipsis;
        overflow: hidden;
    }

#mega-menu > ul > li > ul > li > a, #mega-menu .deep-menu > ul > li > a {
    font-family: Oswald;
    display: block;
    border-bottom: solid 1px;
    padding-bottom: 7px;
    margin-bottom: 7px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: .95em;
    opacity: .88;
}

    #mega-menu > ul > li > ul > li > a:hover, #mega-menu .deep-menu > ul > li > a:hover {
        opacity: 1;
    }

#mega-menu > ul > li > ul > li > ul a {
    font-weight: 400;
    color: #252525;
    line-height: 1.7;
    opacity: .66;
}


    #mega-menu > ul > li > ul > li > ul a:hover {
        opacity: 1;
    }



.index-inner-1, .index-inner-2, .index-inner-3, .index-inner-4 {
    display: inline;
}

/* end header area */

/* content area*/
main {
    margin-bottom: 25px;
}

@media (min-width: 1200px) {
    .sidebar .col-lg-12 {
        padding-right: 0px
    }

    .sidebar.col-lg-4 {
        width: 335px;
        padding-left: 0px;
    }

    article.col-lg-8 {
        width: calc(100% - 348px);
        padding-left: 0;
    }
}

.sidebar .col-lg-12 {
    width: 350px;
    max-width: 100%;
}

main a {
    font-weight: 700;
}

.selectgroup {
    margin: 0 5px 10px 0;
}

@media (min-width: 800px) {
    .selectgroup {
        display: inline-block;
    }
}

select, option {
    font-weight: 400;
    background: #fff;
    border: solid 1px #999;
    border-radius: 0;
    color: #333;
    padding: 3px 5px;
    font-size: .9em;
    margin-bottom: 5px;
    max-width: 100%;
}


.see-also {
    margin: 20px 10px 20px 0;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    background: #2c5f39;
    background: -moz-linear-gradient(top,rgba(44,95,57,1) 0%,rgba(66,144,86,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(44,95,57,1)),color-stop(100%,rgba(66,144,86,1)));
    background: -webkit-linear-gradient(top,rgba(44,95,57,1) 0%,rgba(66,144,86,1) 100%);
    background: -o-linear-gradient(top,rgba(44,95,57,1) 0%,rgba(66,144,86,1) 100%);
    background: -ms-linear-gradient(top,rgba(44,95,57,1) 0%,rgba(66,144,86,1) 100%);
    background: linear-gradient(to bottom,rgba(44,95,57,1) 0%,rgba(66,144,86,1) 100%);
}

    .see-also.see-also-purple {
        background: #533556;
        background: -moz-linear-gradient(top,rgba(83,53,86,1) 0%,rgba(116,61,133,1) 100%);
        background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(83,53,86,1)),color-stop(100%,rgba(116,61,133,1)));
        background: -webkit-linear-gradient(top,rgba(83,53,86,1) 0%,rgba(116,61,133,1) 100%);
        background: -o-linear-gradient(top,rgba(83,53,86,1) 0%,rgba(116,61,133,1) 100%);
        background: -ms-linear-gradient(top,rgba(83,53,86,1) 0%,rgba(116,61,133,1) 100%);
        background: linear-gradient(to bottom,rgba(83,53,86,1) 0%,rgba(116,61,133,1) 100%);
    }

    .see-also > strong {
        display: block;
        color: #fff;
        padding: 0;
        text-transform: uppercase;
        font-size: 21px;
        margin-bottom: 5px;
    }

    .see-also ul {
        margin-bottom: .5rem;
        padding: 0;
    }

    .see-also li {
        list-style: none;
        font-size: 1em;
        padding: 8px 0 0;
    }

    .see-also a, .see-also a:hover {
        color: #fff;
    }

.oas-ads {
    margin-top: 35px;
}

.oas {
    text-align: center;
    margin-bottom: 15px;
}
/* sidebar */
article, .sidebar {
    margin-bottom: 20px;
}

.sidebar {
    padding-right: 0;
}

.square-ad {
    margin-top: 20px;
}


/* onboarding panel */

#pnlOnboarding a {
    font-weight: normal;
}

/* mmenu */
#mmenu:not(.mm-menu), #mmsubscribe:not(.mm-menu) {
    display: none;
}

.mm-menu.mm-theme-dark {
    background: #267e93;
    color: rgba(255,255,255,.8);
}

.mm-listview > li {
    font-size: 1.3em;
}

.mm-menu.mm-theme-dark .mm-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ddd;
}

.mm-menu.mm-theme-dark .mm-search input::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
    color: #ddd;
}

.mm-menu.mm-theme-dark .mm-search input:-ms-input-placeholder { /* IE 10+ */
    color: #ddd;
}

.mm-menu.mm-theme-dark .mm-search input:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
    color: #ddd;
}

.mm-menu.mm-theme-dark .mm-search input {
    border-radius: 0;
    min-height: 38px;
    padding-left: 8px;
}

#mb-header .form-control {
    height: calc(1.5em + 13px);
}

.input-group.dark-bkg input, .input-group.dark-bkg button {
    border-radius: 0;
    border: solid 1px #fff;
    padding: 8px 9px 7px;
}


.input-group.dark-bkg input {
    background: transparent;
    color: #fff;
    margin-bottom: 0;
    max-width: calc(100% - 43px);
}

.input-group.light-bkg input, .input-group.light-bkg button {
    border-radius: 0;
    padding: 8px 9px 7px;
    border: none;
}


    .input-group.light-bkg input:not([type=submit]) {
        background: initial;
        color: #444;
        margin-bottom: 0;
        margin-right: -1px;
        max-width: calc(100% - 86px);
        border: solid 1px #ddd;
        height: calc(1.5em + 11px);
    }

#txtEmailInputMobile::placeholder, .input-group.dark-bkg input::placeholder {
    color: #fff;
}

#txtEmailInputMobile:focus::placeholder, .input-group.dark-bkg input:focus::placeholder {
    opacity: .6
}

#txtEmailInputMobile::-ms-input-placeholder, .input-group.dark-bkg input::-ms-input-placeholder {
    color: #fff;
}

#txtEmailInputMobile:focus::placeholder, .input-group.dark-bkg input:focus::-ms-input-placeholder {
    opacity: .6
}

#txtEmailInputMobile {
    background: transparent;
    color: #fff;
    border-radius: 0;
    border: solid 1px #fff;
    padding: 8px 9px 7px;
}

#ShowSuggestionMM > span {
    color: #fff !important;
    font-size: 14px;
}
/* added for sidebar */
/* autocomplete */
.ui-front {
    z-index: 100
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

    .ui-menu .ui-menu-item {
        font-weight: 400;
        color: #717171;
        position: relative;
        margin: 0;
        padding: 6px 1em 8px .4em;
        cursor: pointer;
        min-height: 0;
    }

.cat-search.ui-menu .ui-menu-item {
    padding: 0;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

    .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
        color: #2b2b2b;
        text-decoration: none
    }

.cat-search .ui-state-hover a, .cat-search .ui-state-hover a:hover, .cat-search .ui-state-hover a:link, .cat-search .ui-state-hover a:visited, .cat-search .ui-state-focus a, .cat-search .ui-state-focus a:hover, .cat-search .ui-state-focus a:link, .cat-search .ui-state-focus a:visited {
    color: #267e93;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #252525;
}

.cat-search .ui-state-active, .cat-search .ui-widget-content .ui-state-active, .cat-search .ui-widget-header .ui-state-active {
    border-bottom: solid 1px #ddd;
}

/*.ui-state-active:after, .ui-widget-content .ui-state-active:after, .ui-widget-header .ui-state-active:after*/
.ui-autocomplete .ui-state-active:after {
    font-family: mb-icons;
    content: "\e900";
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 1.3em;
    color: #252525;
    line-height: 1;
}

.cat-search.ui-autocomplete .ui-state-active:after {
    top: calc(50% - 8px);
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #195c6d;
    text-decoration: none
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background: white;
    border: solid 1px #ddd;
    overflow: auto;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    width: 224px;
    overflow-x: hidden;
}

.ui-autocomplete-category {
    border-top: solid 6px #eff2f4;
}

    .ui-autocomplete-category:first-child {
        border-top: none;
    }


.ui-menu-item {
    padding: 2px 10px;
    font-size: .9em;
}




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



/* nav tabs */

.nav-tabs {
    border-bottom: 1px solid #eff2f4;
}

    .nav-tabs .nav-link:hover {
        border: none;
        background-image: linear-gradient(to right, rgba(255,255,255,0) 10px, #777 10px, #777 53%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 100% 2px;
        background-repeat: no-repeat;
        color: #6d6b6b;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #267c92;
        background-color: transparent;
        border: none;
        background-image: linear-gradient(to right, rgba(255,255,255,0) 10px, #24788d 10px, #24788d 53%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 100% 2px;
        background-repeat: no-repeat;
    }



.nav-tabs {
    border-bottom: 1px solid #eff2f4;
}


    .nav-tabs .nav-link {
        border: none;
        position: relative;
        display: block;
        padding: 14px 12px;
        font-size: 13px;
        font-family: Oswald, sans-serif;
        color: #6d6b6b;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .03em;
        margin-bottom: -1px;
        cursor: progress;
        pointer-events: none;
    }

        .nav-tabs .nav-link:hover {
            border: none;
            background-image: linear-gradient(to right, rgba(255,255,255,0) 10px, #777 10px, #777 53%, rgba(255,255,255,0) 0%);
            background-position: bottom;
            background-size: 100% 2px;
            background-repeat: no-repeat;
            color: #6d6b6b;
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #267c92;
            background-color: transparent;
            border: none;
            background-image: linear-gradient(to right, rgba(255,255,255,0) 10px, #24788d 10px, #24788d 53%, rgba(255,255,255,0) 0%);
            background-position: bottom;
            background-size: 100% 2px;
            background-repeat: no-repeat;
        }

.scroll-nav-tabs {
    width: 100%;
    overflow: hidden;
    background: #eff2f4;
    position: relative;
    z-index: 1;
    height: 44px;
}


    .scroll-nav-tabs .nav-tabs {
        white-space: nowrap;
        display: inline-block;
        transform: translateX(0);
        transition: transform .8s ease-in-out;
    }

        .scroll-nav-tabs .nav-tabs li {
            display: inline-block;
        }

    .scroll-nav-tabs .right-button, .scroll-nav-tabs .left-button {
        position: absolute;
        top: 0;
        height: 44px;
        width: 44px;
        background: rgba(0,0,0,.5);
        opacity: 0;
        pointer-events: none;
        z-index: 1;
        padding: 6px 16px;
        color: #fff;
        transition: opacity .6s ease-in-out;
        cursor: pointer;
    }

    .scroll-nav-tabs .left-button {
        transform: rotate(180deg);
        left: 0;
    }

    .scroll-nav-tabs .right-button {
        right: 0;
    }

        .scroll-nav-tabs .right-button.active:not(.dragging) {
            opacity: 1;
            pointer-events: auto;
        }

    .scroll-nav-tabs .left-button.active:not(.dragging) {
        opacity: 1;
        pointer-events: auto;
    }


.tab-content {
    border: none;
    margin-bottom: 12px;
    padding: 15px;
    box-shadow: 0 .2rem .85rem rgba(0,0,0,.11) !important;
    background: #fff;
}

@media (max-width: 767.98px) {
    .tab-content {
        margin: 0 -15px 12px -15px;
    }

    .scroll-nav-tabs {
        margin: 0 -15px;
        width: auto;
    }
}


/* end nav tabs */

.mobile-header {
    display: none;
}

@media screen and (max-width: 1040px) {
    .mobile-header {
        display: block;
        margin: 0 0 11px 0;
    }
}


td, th {
    padding: 3px 2px;
}

.s-table, .financialterm table {
    width: 100%;
    font-size: .9em;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.08);
    margin: 10px 0;
}

    .s-table tbody tr, .financialterm table tbody tr {
        margin-bottom: 9px;
        background: #fff;
        border-top: solid 6px #f1f1f1;
    }



    .s-table thead tr, .s-table tfoot tr, .financialterm table thead tr, .financialterm table tfoot tr {
        background-color: #e4e4e4;
        font-weight: bold;
    }

    .s-table td, .s-table th, .financialterm table td, .financialterm table th {
        padding: 5px 10px;
    }


.scroll-table-wrapper-wrapper {
    position: relative;
    box-shadow: 0 0.3rem 1rem rgba(0,0,0,.08);
    margin: 10px 0;
}

.scroll-table-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    position: static;
}


.scroll-table thead {
    z-index: 36;
    overflow-x: auto;
    overflow-y: hidden;
    will-change: scroll-position, top;
    width: 100%;
}

.tab-pane:not(.active) .scroll-table thead {
    z-index: -50;
    opacity: 0;
    pointer-events: none;
}

.scroll-table {
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0px 0rem 0.5rem 3px rgba(0,0,0,0.08);
    margin: 10px 0;
    width: 100%;
}



.scroll-table-wrapper > .scroll-table {
    box-shadow: none;
    margin: 0;
    width: 100%;
}

.scroll-table tr {
    background: #fff;
}



.scroll-table th {
    color: #fff;
    background: rgba(25,92,109,1);
    background: -moz-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,92,109,1)), color-stop(100%, rgba(38,125,147,1)));
    background: -webkit-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -o-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -ms-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: linear-gradient(to bottom, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    border-bottom: solid 1px rgba(38,125,147,1);
    text-overflow: ellipsis;
    overflow: hidden;
}

.scroll-table.fixed-left-column td:nth-child(2), .scroll-table.fixed-left-column th:nth-child(2) {
    padding-left: 17px;
}


.scroll-table th, .scroll-table td {
    padding: 5px 10px;
}

.scroll-table td {
    min-width: 102px; /* keeps columns from getting too skinny for the corresponding th */
    border-top: solid 6px #f1f1f1;
}

.scroll-table.fixed-left-column td {
    min-width: 115px; /* if the table can scroll, there's no reason to let most cells get super skinny */
}

    .scroll-table.fixed-left-column td:first-child, .scroll-table.fixed-left-column th:first-child {
        left: 0;
        position: sticky;
        position: -webkit-sticky;
        background-color: #fff;
        box-shadow: 5px 3px 5px -3px rgba(0,0,0,.06);
        z-index: 35;
        max-width: 150px;
    }

    .scroll-table.fixed-left-column td:first-child {
        background-clip: padding-box;
        border-top: solid 6px #f1f1f1;
    }

.scroll-table-wrapper::-webkit-scrollbar, .scroll-table thead::-webkit-scrollbar, .nice-scroll::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.scroll-table-wrapper::-webkit-scrollbar-track, .scroll-table thead::-webkit-scrollbar-track, .nice-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 0;
    border-radius: 0;
}

.scroll-table thead::-webkit-scrollbar-track {
    background: #eee;
}

.scroll-table-wrapper::-webkit-scrollbar-thumb, .scroll-table thead::-webkit-scrollbar-thumb, .nice-scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset -1px -1px 7px rgba(0,0,0,0.2);
    background: #eee;
    border-radius: 0;
}

.scroll-table-wrapper::-webkit-scrollbar-corner, .scroll-table thead::-webkit-scrollbar-corner, .nice-scroll::-webkit-scrollbar-corner {
    -webkit-box-shadow: inset 3px 3px 4px rgba(0,0,0,0.05);
}

.scroll-table thead.hide-scrollbar::-webkit-scrollbar {
    height: 0;
}


@media (max-width: 550px) {

    .s-table {
        font-size: .8em;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }

    .tab-content .scroll-table-wrapper-wrapper, .tab-content .scroll-table {
        box-shadow: 0px 0rem 3px 1px rgba(0,0,0,.08);
        margin: 10px -15px;
        width: calc(100% + 30px);
    }

    .scroll-table.fixed-left-column td:first-child {
        min-width: 90px;
        max-width: 115px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .scroll-table {
        font-size: 0.9em;
    }
}

.scroll-table-wrapper > .scroll-table {
    box-shadow: none;
    margin: 0;
    width: 100%;
}

.fake-sticky {
    position: relative;
    transition: left 0.3s;
    max-width: 85vw;
}

/* watchlist scroll tables with bulk action checks */


.wl-check label {
    min-width: 1.5em;
    min-height: 1em;
}

    .wl-check label::after {
        top: -2px;
        left: -1px;
    }

.wl-check {
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    padding: 7px;
    margin-left: -6px;
    height: 100%;
    pointer-events: none;
}

.wl-with-check {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    text-align: center;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .wl-with-check img {
        max-height: 21px;
        max-width: 28px;
    }

.wl-check label {
    width: 1em;
    height: 1em;
    padding: 0;
    pointer-events: auto;
}

.scroll-table tfoot td, .scroll-table.fixed-left-column tfoot td:first-child {
    background: #e4e4e4;
    font-weight: bold;
}

/* end scroll-tables */

/* sort-table */
th[data-sort] {
    cursor: pointer;
}

/* end sort-table */

.hidden-cell {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: none !important;
}



@media (max-width: 767.98px) {
    .title-area span, .title-area br {
        display: none;
    }

    .title-area {
        width: 100%;
    }


    #featured-article-one, #featured-article-two {
        top: 15px;
    }

    #featured-article-wrapper {
        height: 533px;
    }


    .featured-article-back {
        padding-top: 0;
        height: 190px;
    }



    .featured-article img {
        display: block;
        height: auto;
        width: auto;
        margin: -100px auto 10px;
    }

    .featured-article-back {
        padding-top: 0;
        height: 120px;
    }
}



.company-thumbnail {
    background: #fff;
    width: 28px;
    text-align: center;
    margin: 0 8px 5px 0px;
    vertical-align: middle;
    display: inline-block;
}

    .company-thumbnail img {
        max-height: 100%;
    }

.ticker-area {
    width: calc(100% - 65px);
    display: inline-block;
    vertical-align: middle;
}

.title-area {
    color: #555;
    font-weight: normal;
}


.search-company-thumbnail {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    padding-right: 15px;
}

.search-company-name {
    vertical-align: middle;
    display: inline-block;
    width: calc(100% - 41px)
}

    .search-company-name .ticker-area {
        width: 100%;
    }

    .search-company-name .sparkline {
        margin-left: 5px;
        width: 53px;
    }


/* Dividend Screener Filter */

.screener-label a {
    font-weight: normal;
    color: #444;
}
/* elements */

.ui-icon.ui-icon-circle-triangle-e, .ui-icon.ui-icon-circle-triangle-w {
    font-size: 0;
    background-image: none;
    width: 0;
    text-indent: 0;
    overflow: visible;
}

    .ui-icon.ui-icon-circle-triangle-e:before {
        font-family: mb-icons;
        content: "\e900";
        position: absolute;
        right: -14px;
        top: -3px;
        font-size: 1.1rem;
        color: #257c91;
        text-indent: 0;
    }

    .ui-icon.ui-icon-circle-triangle-w:before {
        font-family: mb-icons;
        content: "\e900";
        position: absolute;
        transform: rotate(180deg);
        left: 0px;
        top: -2px;
        font-size: 1.1rem;
        color: #257c91;
        text-indent: 0;
    }


.ui-datepicker {
    width: 17em;
    font-size: .8em;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0
    }

    .ui-datepicker td {
        border: solid 1px #e4f0f2;
        padding: 1px
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }



.ui-datepicker .ui-datepicker-header {
    margin: -.3em -.25em;
    border-radius: 0;
}

.ui-datepicker-trigger {
    padding: 0 1px 7px;
    width: 23px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 1px;
}

.ui-corner-all {
    border-radius: 0px;
}



/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}


.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em;
    margin: 0 !important;
    vertical-align: middle;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-spinner.ui-widget-content {
    border: 1px solid #c5c5c5;
    background: #fff;
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png);
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png);
}


.ui-icon-triangle-1-n {
    background-position: 0 -16px;
    opacity: .7;
}


.ui-icon-triangle-1-s {
    background-position: -65px -16px;
    opacity: .7;
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}


.bigsearch {
    width: 500px;
}

/* tables and buttons on small screens */
.labelinput {
    display: inline-block;
    margin-right: 15px;
    font-size: .9em;
}

    .labelinput label {
        vertical-align: middle;
    }

.tblAdd {
    background: rgba(25,92,109,1);
    background: -moz-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,92,109,1)), color-stop(100%, rgba(38,125,147,1)));
    background: -webkit-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -o-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -ms-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    padding: 9px 12px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 0;
}

    .tblAdd .buttons, .tblAdd .buttons2 {
        display: inline-block;
        float: right;
        padding-top: 1px;
    }

.blackbutton {
    background-color: #222 !important;
    border-bottom: solid 3px #000 !important;
}

    .blackbutton:hover {
        background-color: #131313 !important;
    }

.spreadbutton, .spreadbutton2 {
    vertical-align: middle !important;
}

@media (max-width: 767px) {
    .spreadbutton {
        width: calc(50% - 6px);
        margin: 0px 1px 8px 1px;
    }

    .tblAdd .buttons {
        width: 100%;
        float: none;
    }
}

@media (max-width: 677px) {
    .tblAdd .buttons {
        float: left;
    }

    .wrappingtable3 td {
        display: inline-block;
        padding: 0px;
        width: 100%;
    }

    .tblAdd .buttons2 {
        float: left;
        width: 100%;
    }

    .spreadbutton2 {
        width: 100%;
        margin: 5px 0 9px;
    }
}

@media (max-width: 550px) {
    .bigsearch {
        width: 240px;
    }

    .wrappingtable2 td {
        display: inline-block;
        padding: 0px;
        width: 100%;
    }

    .wrappingtable2 {
        border-spacing: 0 1em;
    }

    .see-also {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .smallfix {
        table-layout: fixed;
    }

        .smallfix thead {
            font-size: 10px;
        }

        .smallfix th:first-child {
            width: 100px;
        }

    .wrappingtable td {
        display: inline-block;
        padding: 0px;
        width: 100%;
    }

    .wrappingtable {
        border-spacing: 0 1em;
    }
}

@media (max-width: 525px) {
    .wrappingtable input[type=text], .wrappingtable2 input[type=text] {
        max-width: 229px;
    }

    .spreadbutton {
        width: 100%;
        margin: 5px 0 9px;
    }
}


.accordion .card-header {
    border-radius: 0;
    padding: 0;
}

    .accordion .card-header a {
        display: inline-block;
        width: 100%;
        padding: .7em;
    }

        .accordion .card-header a:hover, .accordion .card-header a:active {
            text-decoration: none;
        }

.accordion .card {
    border-radius: 0;
    margin-bottom: .5rem;
    border-bottom: solid 1px #ddd !important;
}

.accordion .card-body {
    line-height: 1.5;
}

    .accordion .card-body a {
        text-decoration: underline;
    }

.accordion h4 {
    margin: 0;
    width: calc(100% - 20px);
    opacity: 1;
}

.accordion .icon-arrow {
    position: absolute;
    transform: rotate(90deg);
    top: 11px;
    right: 12px;
}



.agreement-check {
    background: #efefef;
    padding: 20px;
}

    .agreement-check > input {
        display: inline-block;
        vertical-align: top;
    }

    .agreement-check > label {
        display: inline-block;
        font-weight: 800;
        width: calc(100% - 18px);
        padding-left: 5px;
        margin-bottom: 0;
    }

#cphPrimaryContent_ddlInquiryType label, .livefeedfilter label {
    max-width: 90%;
    vertical-align: top;
}



@media print {
    a[href]:after {
        content: none !important;
    }

    .header-banner, .oas-ads, .square-ad, #mb-header, .ad13, #sticky-bar, .tblAdd, #oasAds, .see-also, ._dianomi_wrapper, .col-lg-12.col-sm-6 iframe, #tv-miniwidget-ffa49, ins#google_pedestal_container, #HelpersArea {
        display: none;
    }

    ins.adsbygoogle {
        display: none !important;
    }

    body {
        color: #000;
        background: #fff;
    }

    main:before {
        content: "Printed from MarketBeat.com" !important;
        margin-left: 15px;
    }


    table.breakheadlines tr td:last-child {
        border-right: none;
        word-break: break-word;
    }

    #canvaspp {
        max-width: 100% !important;
    }
}
/* index data in header */


.header-index {
    font-size: 15px;
    padding: 7px 10px 7px 12px;
    display: inline-block;
    margin-right: -5px;
    border: solid 2px rgba(14,53,62,1);
    border-width: 4px 2px;
}

    .header-index a {
        font-weight: bold;
        text-decoration: none;
    }

.header-follow > span {
    float: right;
    padding: 3px 0;
}

.header-follow img {
    margin-left: 8px;
    height: 20px;
}

.header-index a, .header-index span {
    display: inline-block;
}

.index-mover {
    cursor: e-resize;
}

.header-index .icon-arrow {
    font-size: 1.4em;
    margin-left: 8px;
}

.icon-arrow.point-up {
    transform: rotate(-90deg);
}

.icon-arrow.point-down {
    transform: rotate(90deg);
}



@media (min-width: 767.1px) {
    .menu-bar:first-child {
        min-height: 30px;
        padding: 2px 0;
    }
}

/* company details page */


/* new 2020 */

.read-more-button {
    margin: 0 auto;
    display: block;
    width: 111px;
    top: -5px;
    position: relative;
    z-index: 100;
    transform: scale(.8);
    background-clip: padding-box;
    font-weight: bold;
    cursor: pointer;
}

.read-more-section {
    margin: 0;
    transition: max-height .2s;
    line-height: 1.3em;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    max-height: 11.7em;
}

    .read-more-section.clickable {
        cursor: pointer;
    }

    .read-more-section.expanded {
        max-height: initial;
        -webkit-line-clamp: unset;
        width: 99.9% /* causes repaint, which is necessary to make wide letters at the ellipses point show up */
    }


.share-button {
    min-width: 200.4px;
}

.share-options, .share-title, .share-options > a {
    transition: opacity .2s;
}

.share-options {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

    .share-options > a {
        opacity: .8;
    }

.share-button.open .share-options {
    opacity: 1;
}

.share-button.open .share-title {
    opacity: 0;
}

.share-button.open .share-options {
    opacity: 1;
}

.share-options > a:hover {
    opacity: 1;
}

.vote-span {
    cursor: pointer;
}


.first-half-icon, .second-half-icon {
    position: absolute;
    top: 0;
    left: 0;
}

.first-half-icon {
    width: .5em;
    overflow: hidden;
    background: #fff;
    z-index: 1;
}

#shareButton a.opening {
    pointer-events: none;
}

.vote-number-1, .vote-number-0 {
    transition: transform 200ms ease-in-out;
    display: inline-block;
}

.scale13 {
    transform: scale(1.3);
}

.stock-badges a:hover {
    background: #ededed;
}

/* end new 2020 */

.tradingview23, .ad13 {
    width: 100%;
    vertical-align: middle;
}

.ad13 {
    max-width: 782px;
    margin: 0 auto 10px;
}

.actions {
    padding-top: 10px;
    text-align: center;
}


#cphPrimaryContent_tabCompanyProfile section, #CompanyProfile section {
    padding: 22px 10px 6px 0;
}

.question:before {
    content: "Q";
    display: inline-block;
    position: absolute;
    left: 36px;
}

.answer:before {
    content: "A";
    display: inline-block;
    position: absolute;
    left: 36px;
    font-weight: bold;
}

.icon-line-element-repeating {
    font-size: 40vw;
}

@media (min-width:1100px) {
    .icon-line-element-repeating {
        font-size: 600px;
    }
}

td.center {
    text-align: center;
}

@media (min-width: 1200px) {
    .tradingview23 {
        width: calc(100% - 308px);
        padding: 0 8px 0 0;
        display: inline-block;
    }

    .ad13 {
        width: 301px;
        max-height: 260px;
        display: inline-block;
    }
}

/* headlines page sidebar */

.mini-calendar {
    font-size: 14px;
    margin: 0 0 15px 0;
    width: 100% !important;
    table-layout: fixed;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10),0 2px 4px 0 rgba(0,0,0,.10);
    border: none;
}

    .mini-calendar thead {
        color: white;
        font-weight: bold;
        font-size: 13px;
        padding: 2px 6px;
    }

        .mini-calendar thead tr:nth-child(1) {
            font-family: Prata, Georgia, 'Times New Roman', Times, serif;
            text-align: center;
            font-size: 1.3em;
            height: 45px;
            font-weight: 400;
        }

        .mini-calendar thead tr:nth-child(2) {
            background: #eff2f4;
            color: #252525;
            height: 30px;
            vertical-align: bottom;
        }

            .mini-calendar thead tr:nth-child(2) td {
                padding: 3px 6px;
            }

        .mini-calendar thead td, .mini-calendar tfoot td {
            padding: 6px;
        }

    .mini-calendar tbody tr:nth-child(even) {
        background: #eff2f4;
    }

    .mini-calendar.insider tbody tr:nth-child(4n-1), .mini-calendar.insider tbody tr:nth-child(4n) {
        background: #eff2f4;
    }

    .mini-calendar.insider tbody tr:nth-child(4n-3), .mini-calendar.insider tbody tr:nth-child(4n-2) {
        background: none;
    }

        .mini-calendar.insider tbody tr:nth-child(4n-3) td, .mini-calendar.insider tbody tr:nth-child(4n-1) td {
            padding-bottom: 0;
        }

    .mini-calendar tbody td {
        padding: 3px 6px;
        white-space: pre;
        text-overflow: ellipsis;
        overflow: hidden;
    }


#tv-miniwidget-ffa49 {
    margin: 0 0 15px -10px;
}

.col-all-but-336, .col-all-but-336-sm, .col-336-sm {
    padding-right: 15px;
    padding-left: 15px;
}

.col-336 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: 100%;
}

@media (min-width: 992px) {
    .col-336 {
        float: left;
        width: 346px;
    }

    .col-all-but-336 {
        float: left;
        width: calc(100% - 346px);
        padding-right: 15px !important;
    }
}

@media (max-width: 991.98px) and (min-width: 768px) {
    .col-336-sm {
        float: left;
        width: 346px;
        padding-right: 15px;
    }

    .col-all-but-336-sm {
        float: right;
        width: calc(100% - 346px);
    }
}

.col-336 ul {
    list-style: none;
    padding: 0;
    font-size: .9rem;
    border: solid 1px #eff2f4;
    margin-bottom: 15px;
}

    .col-336 ul a {
        text-decoration: none;
    }

.col-336 li {
    padding: 5px 10px;
}

    .col-336 li:nth-child(even) {
        background: #eff2f4;
    }

#shareWidget {
    display: none;
    line-height: 1;
    color: #fff;
}

    #shareWidget a {
        color: #fff;
    }

    #shareWidget.side {
        top: 0;
        left: -60px;
        position: absolute;
        transition: top .2s;
        z-index: 20;
        display: block;
        padding-top: 50px;
    }

        #shareWidget.side.rolling {
            top: 70px;
            position: fixed;
        }

    #shareWidget .mb-icon {
        font-size: 1.3em;
        vertical-align: middle;
    }

div#shareWidget.side > a {
    display: inline-block;
    max-width: 50px;
    height: 45px;
    overflow: hidden;
    transition: max-width .4s;
}

    div#shareWidget.side > a:hover {
        max-width: 250px;
    }

    div#shareWidget.side > a > .left-icon {
        display: inline-block;
        vertical-align: top;
        width: 50px;
        height: 45px;
        padding: 11px;
        border: 0;
        text-align: center;
    }

.share-via {
    font-size: 11px;
    display: block;
}

.right-tag {
    height: 30px;
    transition: max-width .20s;
    display: inline-block;
    vertical-align: top;
    line-height: 1.1;
    background: rgba(204, 204, 204, 0.5);
    color: #fff;
    font-size: 14px;
    padding: 10px;
    height: 45px;
    font-weight: bold;
    max-width: 200px;
}

#shareWidget.top {
    display: block;
    margin-right: -15px;
    margin-left: -6px;
}

    #shareWidget.top > a {
        display: inline-block;
        vertical-align: top;
        margin: 0 6px 10px 0;
        width: calc(14.25% - 6px);
        text-align: center;
        height: 37px;
        padding: 7px;
    }

    #shareWidget.top br {
        display: none;
    }

    #shareWidget.top .left-icon {
        display: block;
        width: 100%;
    }

    #shareWidget.top .right-tag {
        display: none;
    }

#shareableArticle {
    position: relative;
}


.article-page ul, .article-page ol {
    position: relative;
    left: 20px;
    padding-right: 22px;
}

.anchor-link-target:before {
    display: block;
    content: " ";
    margin-top: -70px;
    height: 70px;
    visibility: hidden;
    pointer-events: none;
}

.anchor-link-target-with-ad:before {
    display: block;
    content: " ";
    margin-top: -390px;
    height: 390px;
    visibility: hidden;
    pointer-events: none;
}


/* end headlines page sidebar styles */


/* price data styles for company profiles */
.price {
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

.price-updated {
    margin-left: 4px;
    font-size: 12px;
    color: #6f6f6f;
    font-weight: normal;
    margin-top: 5px;
}

.price strong {
    font-size: 44px;
}

.price span {
    font-size: 17px;
    display: inline-block;
    margin-left: 4px;
}

.price-data-section {
    margin-bottom: 10px;
}

.price-data-col {
    width: 33%;
    padding: 0 0 0 12px;
    display: inline-block;
    vertical-align: top;
}

.four-data-col {
    width: 24.5%;
}

.crypto-data-col {
    width: 32.5%;
}

#cphPrimaryContent_tabCompanyProfile .price-data-col, #CompanyProfile .price-data-col, .crypto-data-section .price-data-col {
    width: calc(33% - 2px);
}

.price-data-col:first-child {
    padding: 0;
}


@media (max-width: 650px) {
    #cphPrimaryContent_tabCompanyProfile .price-data-col, #CompanyProfile .price-data-col, .price-data-col, .crypto-data-section .price-data-col {
        width: 100%;
        padding: 0;
    }
}

@media (max-width:750px) and (min-width:401px) {
    .four-data-col {
        width: 49%;
        padding: 0;
        padding-right: 10px !important;
    }
}

@media (max-width: 400px) {
    .four-data-col {
        width: 100%;
        padding: 0;
    }
}

.price-data {
    border-bottom: solid 1px #ddd;
    font-size: 14px;
    margin: 0 0 2px 0px;
    padding: 3px;
}

.price-info .price-data {
    padding: 12px 2px 3px;
    min-height: 45px;
}

.price-data:after {
    content: " ";
    clear: both;
    display: table;
}

.price-data strong {
    float: right;
}

.price-data a {
    color: #444;
    font-weight: normal;
}

.price-data strong a {
    font-weight: bold;
}

.price-data-section h3 {
    margin-top: 1.2rem;
    margin-bottom: .1rem;
}

.price-data-table {
    width: 100%;
    max-width: 335px;
    font-size: 13px;
    line-height: 1.7;
}

    .price-data-table tr {
        border-bottom: solid 1px #ddd;
    }

    .price-data-table td {
        padding: 3px;
        vertical-align: bottom;
    }

        .price-data-table td:nth-child(2) {
            text-align: right;
            font-weight: bold;
        }

    .price-data-table strong {
        font-weight: normal;
    }

/* end price data styles */

/* radio tabs for login page */

.div-radio-tabs {
    background-color: #f5f5f5;
    max-width: 520px;
    border: 1px solid #929292;
    border-radius: 3px;
    overflow: hidden;
    margin: 30px auto;
}

.radio-tabs {
    width: 100%;
}

    .radio-tabs input[type=radio] {
        display: none;
    }

    .radio-tabs td {
        padding: 0;
        width: 50%;
    }

    .radio-tabs label {
        margin: 0;
        background-color: #ccc;
        color: #616161;
        padding: 10px;
        display: block;
        border-bottom: solid 1px #929292;
    }

        .radio-tabs label:before {
            background: #267e93;
            display: inline-block;
            height: 19px;
            width: 19px;
            border-radius: 50%;
            color: #f5f5f5;
            padding: 2.5px 0 0 1px;
            margin-right: 6px;
            text-align: center;
            font-size: 13px;
        }

    .radio-tabs td:nth-of-type(1) label {
        box-shadow: inset -2px -1px 3px rgba(0, 0, 0, 0.2);
        border-right: solid 1px #929292;
    }

    .radio-tabs td:nth-of-type(2) label {
        box-shadow: inset 2px -1px 3px rgba(0, 0, 0, 0.2);
        border-left: solid 1px #929292;
    }

    .radio-tabs .mb-icon {
        background: #1a5e6f;
        border-radius: 50%;
        padding: 4px;
        margin-top: 5px;
        margin-right: 7px;
        font-size: .6em;
        position: relative;
        top: -6px;
    }


    .radio-tabs input[type="radio"]:checked + label {
        background-color: #f5f5f5;
        box-shadow: none;
        color: #333;
        border: none;
    }

label {
    vertical-align: top;
}

.radio-tabs-panel {
    background-color: #f5f5f5;
    padding: 17px 10px 10px 10px;
}

@media (max-width: 450px) {
    .radio-tabs label {
        font-size: 13px;
    }
}

/* end radio tabs for login page */

/* start tags styles */


.tags {
    margin: 20px 0;
    font-weight: 800;
    font-size: 18px;
    text-align: left;
    line-height: 1.75;
    padding: 5px 5px 0 0;
    position: relative;
}

    .tags a {
        color: #267e93;
        background: #ddd;
        border-radius: 3px 0 0 3.2px;
        display: inline-block;
        height: 25px;
        line-height: 26px;
        padding: 0 9px;
        position: relative;
        margin: 0 10px 10px 7px;
        text-decoration: none;
        -webkit-transition: color 0.2s;
        box-shadow: 1px 1px 0 0 rgba(0,0,0,0.3);
    }

        .tags a::before {
            background: #fff;
            border-radius: 10px;
            box-shadow: inset 1px 1px 0 0 rgba(0,0,0,0.3);
            content: '';
            height: 6px;
            left: -3px;
            position: absolute;
            width: 6px;
            top: 9px;
            z-index: 2;
        }

        .tags a::after {
            background: #fff;
            border-bottom: 13px solid transparent;
            border-right: 13px solid #ddd;
            border-top: 13px solid transparent;
            content: '';
            position: absolute;
            left: -11px;
            top: 0;
            z-index: 1;
        }

        .tags a:hover {
            background-color: #e1e1e1;
            color: #00699c;
        }

            .tags a:hover::after {
                border-right-color: #e1e1e1;
            }

.footer-stocks {
    background: #fff;
    color: #267e93;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
    padding: 34px 25px 5px 25px;
}

    .footer-stocks .tags {
        max-width: 1100px;
        margin: 0 auto 27px;
    }



/* new fall 2019 home page styles */

.expandable {
    margin: 0;
    transition: max-height .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.3em;
    max-height: 3.9em;
    padding: 0;
}

    .expandable.expanded {
        max-height: initial;
        -webkit-line-clamp: unset;
        width: 99.5% /* causes repaint, which is necessary to make wide letters at the ellipses point show up */
    }

#articles-tab-content .entry img, #articles-tab-content .entry .description, #articles-tab-content .entry .long-post-time {
    display: none;
}

#articles-tab-content .entry .title {
    display: inline;
}

#articles-tab-content .entry.current a {
    color: #992120;
}

#articles-tab-content .post-time {
    display: inline-block;
    width: 106px;
    color: #636363;
    font-weight: 600;
}

#articles-tab-content .entry {
    font-size: .9rem;
    margin: .4em 0 .8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1199.9px) {
    #articles-tab-content .entry:last-child {
        display: none;
    }
}

@media (max-width: 1400px) {
    #articles-tab-content .entry {
        margin: 0 0 .6em 0;
    }
}


.featured-article img {
    margin: calc(-50% + 20px) auto 20px;
    max-width: calc(100% - 40px);
    z-index: 1;
    position: relative;
    background: #fff;
    border: solid 3px #fff;
    max-height: 205px;
    display: block;
    filter: grayscale(1);
}


.featured-article .title {
    font-family: "Prata", Georgia, 'Times New Roman', Times, serif;
    text-decoration: none;
    color: #252525;
    font-weight: 400;
    font-size: 1.1em;
    margin: .2em 0 .5em;
}

.featured-article a:hover {
    text-decoration: none;
}

.featured-article .description {
    font-weight: 400;
    color: #252525;
    font-size: .9em;
}

.featured-article .post-time, .featured-article .long-post-time {
    color: #992120;
    font-size: 0.9em;
}



.line-before:before {
    font-family: 'mb-icons' !important;
    content: "\e987";
    position: absolute;
    top: -11px;
    left: 25px;
    font-size: 2.4em;
    color: #267e93;
    font-weight: normal;
}

.gradient-gold.line-before:before {
    color: #a86527;
}

.gradient-green.line-before:before {
    color: #429056;
}

.gradient-purple.line-before:before {
    color: #743d85;
}

.gradient-red.line-before:before {
    color: #992120;
}

#featured-article-one, #featured-article-two {
    z-index: 1;
    margin-right: 15px;
    top: -65px;
}

.featured-article-back {
    filter: grayscale(1) brightness(2);
    opacity: .2;
    mix-blend-mode: multiply;
    height: 0;
    padding-top: 50%;
    background-size: cover;
    background-position: center;
}



.featured-article .entry-text {
    max-height: 370px;
    overflow: hidden;
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 5px;
}

.fade-bottom {
    position: relative;
    overflow: hidden;
}

    .featured-article .entry-text:after, .fade-bottom:after {
        content: '';
        height: 30px;
        display: block;
        z-index: 47;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
        pointer-events: none;
    }

.fade-bottom-gray:after {
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgb(239 242 244) 100%);
}





.gold-bullet-list li, .b-list li {
    list-style: none;
    position: relative;
}

    .gold-bullet-list li:before, .b-list li:before {
        content: "";
        display: block;
        background: #fff;
        width: .7em;
        height: .7em;
        border-radius: 50%;
        border: solid .2em #a86527;
        position: absolute;
        left: -1.3em;
        top: .2em;
    }

.blue-bullet-list li:before {
    border: solid .2em #267e93;
}

.green-bullet-list li:before {
    border: solid .2em #429056;
}

.purple-bullet-list li:before {
    border: solid .2em #743d85;
}

.red-bullet-list li:before {
    border: solid .2em #992120;
}

.black-bullet-list li:before {
    border: solid .2em #252525;
}


.max-770 {
    max-height: 770px;
}

/* end home page styles */

/* icons for header and footer */


.footer-follow .mb-icon {
    margin-right: .5em;
    color: #707070;
}

.featured-in .mb-icon {
    font-size: 3.5em;
    margin: 12px;
}


/* end icons for header and footer */

/* start modernpopup css */

#optinform-container, #optinform-container *, #optinform-container *:before, #optinform-container *:after {
    box-sizing: border-box;
}

#optinform-container {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: rgba(0,0,0,0.85);
    z-index: 1500;
}

    #optinform-container:target, #optinform-container-ext:target {
        visibility: visible;
        display: block;
    }

.optinform {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 2em);
    max-width: 550px;
    background-color: #fff;
    border: solid 6px;
    z-index: 75;
    border-radius: 0;
}

#optinform-content {
    font-family: Yantramanav;
    margin: 0;
}

.optinform .close {
    height: 23px;
    width: 23px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 2em;
    text-align: center;
    background-color: #000;
}

    .optinform .close a:hover, .optinform .close a:visited, .optinform .close a:link, .optinform .close a:active {
        text-decoration: none;
        color: #ccc;
    }

.optinform h1, .optinform .optin-heading {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    margin: .67em 0;
    font-family: Yantramanav, sans-serif;
    font-weight: bold;
    line-height: 1.2em;
}

.optinform .optinform-text-container img {
    max-width: 175px;
    position: relative;
    padding: 0 10px;
    max-height: 80px;
}

.optinform p {
    width: calc(100% - 205px);
    margin-top: 0;
    padding-left: 10px;
}

.optinform-text-container {
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
}

#optinform-footer {
    background-color: #e9e9e9;
    width: 100%;
    padding: 15px 15px 5px;
    box-sizing: border-box;
    border-radius: 0;
}

.optinform #txtEmailInput {
    width: calc(100% - 245px);
    height: 40px;
    font-size: 14pt;
    box-shadow: inset 0 0 4px #888;
    border: none;
    padding-left: 10px;
    border-radius: 0;
}

#optinformsubmit {
    background-color: #3BB34F;
    color: #fff;
    font-family: Yantramanav, sans-serif;
    margin: 0 0 0 10px;
    padding: 5px 15px;
    border: none;
    height: 40px;
    width: 235px;
    border-radius: 0;
}

#optinform-modal #optinformsubmit {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #267e93;
    background-color: #267e93 !important;
    text-transform: none;
    font-size: 18px;
}

/*#optinform-content h1 a:link, #optinform-content h1 a:active, #optinform-content h1 a:hover, #optinform-content h1 a:visited, #optinform-content .optin-heading a:link, #optinform-content .optin-heading a:active, #optinform-content .optin-heading a:hover, #optinform-content .optin-heading a:visited {
        color: #267e93;
    }*/

.optinform #tdText {
    padding-left: 15px;
    vertical-align: top;
    border: 0;
    font-size: 13pt;
    line-height: 1.4em;
}

.optinform #tdLogo {
    padding-right: 10px;
    padding-left: 10px;
    border: 0;
    vertical-align: middle;
}

.optinform h1, .optinform .optin-heading {
    font-size: 24pt;
}

.optinform .close2 {
    position: absolute;
    right: -1px;
    top: -1px;
    color: #fff;
    font-size: 2em;
    text-align: center;
    width: 20px;
    height: 20px;
    display: block;
}

.optinform .x {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0;
}

@media screen and (max-width: 575.98px) {

    #articles-tab-content .entry {
        margin-bottom: .4em;
    }

    #articles-tab-content .post-time {
        display: block;
        font-size: 10px;
    }

    .optinform h1, .optinform .optin-heading {
        font-size: 18pt;
    }

    .optinform {
        top: 1em;
        left: 1em;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }



        .optinform .optinform-flex-container, .optin-heading, #email, #submit {
            width: 100%;
            padding: 5px 0;
            margin: 5px 0;
            vertical-align: baseline;
        }

    .optinform-flex-container p {
        padding: 0;
        width: 100%;
    }

    /*.optinform img {
            width: 100%;
        }*/

    #optinform-footer {
        width: 100%;
        margin: 0;
    }

    .optinform #txtEmailInput {
        width: 100%;
        text-align: center;
    }

    .optinform #tdLogo {
        display: none;
    }

    .optinform #tdText {
        text-align: center;
        padding-left: 0;
    }

    #optinformsubmit {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        margin-top: 10px;
        -webkit-appearance: none;
    }
}

@media screen and (max-width: 370px) {
    .optinform {
        top: .5em;
        left: 0;
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0) scale(.9);
        width: 100%;
        transform-origin: top;
    }
}

/* for popup/ banner split test */

.optinform-banner {
    max-width: 100%;
    width: 900px;
    margin: 0 auto;
}

    .optinform-banner.gradient-green {
        padding: 5px;
    }

    .optinform-banner #optinform-content {
        padding: 1em 1em 0;
    }

    .optinform-banner.bg-white #optinform-content {
        padding: 3px 16px;
    }

    .optinform-banner .optin-heading {
        font-size: 23px;
        text-align: left;
        font-family: Prata, Georgia, 'Times New Roman', Times, serif;
    }

    .optinform-banner.bg-white .optin-heading {
        font-size: 21px;
        font-family: inherit;
        text-align: center;
        font-weight: bold;
    }

    .optinform-banner .optin-heading a {
        color: #fff !important;
        font-weight: 300;
    }

    .optinform-banner.bg-white .optin-heading a {
        font-weight: bold;
        color: #429056 !important;
    }

    .optinform-banner .optinform-text-container {
        margin-top: 0;
        margin-bottom: 6px;
    }

    .optinform-banner #tdText {
        padding: 0 !important;
    }

        .optinform-banner #tdText a {
            color: inherit !important;
        }

    .optinform-banner #tdText {
        text-align: left;
        padding: 0 !important;
    }

    .optinform-banner.gradient-green #optinform-footer {
        background: transparent;
        max-width: 580px;
        margin: 0 auto;
        padding: 0;
    }

    .optinform-banner.bg-white #optinform-footer {
        padding: 15px 0 4px;
    }

    .optinform-banner .privacy-policy a {
        color: #fff !important;
    }

    .optinform-banner.bg-white .privacy-policy a {
        color: #6d6b6b !important;
    }

    .optinform-banner .banner-flex {
        padding: 0 15px;
        display: flex;
        flex-wrap: wrap;
    }

    .optinform-banner.gradient-green input#txtEmailInput {
        margin: 5px -1px;
        flex: 3 0 250px;
        text-align: left !important;
        border: solid 1px #fff;
    }

    .optinform-banner.bg-white input#txtEmailInput {
        box-shadow: inset 0 0 3px #d7d7d7;
        margin-bottom: 1px;
    }

    .optinform-banner .sbbutton {
        margin: 5px -1px !important;
        border: solid 1px #2f653d;
        flex: 1 2 175px;
    }

a.zocial.facebook, a.zocial.google {
    text-decoration: none;
    font-size: .85rem;
    line-height: 2;
    font-weight: 700;
    padding: 2px;
    display: inline-block;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    border: solid 1px #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .03rem;
    cursor: pointer;
    background-repeat: no-repeat;
    transition: background-size .15s ease-in-out;
    font-family: Yantramanav;
    text-shadow: none;
    flex: 1 0 225px;
    -ms-flex: 1 0 225px;
    margin: 0 2px;
}

a.zocial.facebook {
    background: rgba(25,92,109,1);
    background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background-size: calc(100% + 200px) 100%;
    background-position: center;
}

a.zocial.google {
    background: rgba(107,39,40,1);
    background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background-size: calc(100% + 200px) 100%;
    background-position: center;
}

    a.zocial.google:hover, a.zocial.facebook:hover, a.zocial.google:active, a.zocial.facebook:active {
        background-size: 100% 100%;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
    }



/* end modernpopup css*/


/* dividends book popup */

@media screen and (max-width: 600px) {
    .divbookright {
        width: 100% !important;
    }

    .divbookleft {
        display: block !important;
        width: 45% !important;
        margin: 0 auto;
        padding-left: 26px;
    }
}

@media screen and (max-width: 600px) and (max-height: 495px) {
    .divbookright {
        font-size: 13px !important;
    }

    .sig-pic {
        display: none !important;
    }
}


/* end dividends book popup */

/* automatic income dividend investing guide styles */

.automatic-income h3:before, #table-of-contents:before {
    display: block;
    content: " ";
    margin-top: -75px;
    height: 75px;
    visibility: hidden;
    pointer-events: none;
}

.automatic-income h2:before {
    display: block;
    content: " ";
    margin-top: -150px;
    height: 150px;
    visibility: hidden;
    pointer-events: none;
}

.scrollto {
    font-size: .6em;
    margin: 20px 0 30px;
    text-transform: uppercase;
    text-align: right;
    display: block;
    border-bottom: solid #eee 1px;
    padding: 1px 4px;
    color: #ccc;
    text-decoration: none;
}

    .scrollto:hover, .scrollto:active, .scrollto:visited, .scrollto:focus {
        color: #ccc;
        text-decoration: none;
    }

#table-of-contents li {
    margin-top: 4px;
}

#table-of-contents > ul > li {
    list-style: none;
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 10px 5px 15px;
    font-size: .9em;
}

#table-of-contents > ul {
    padding-left: 0;
    max-width: 600px;
}

/* end automatic income dividend investing guide styles */

/* start notifications styles */

.ntf-box ul::-webkit-scrollbar, #left-side-menu ul::-webkit-scrollbar, #right-side-menu ul::-webkit-scrollbar {
    width: 14px;
}

.ntf-box ul::-webkit-scrollbar-track, #left-side-menu ul::-webkit-scrollbar-track, #right-side-menu ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.ntf-box ul::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
    background: #eee;
    border-radius: 14px;
}

#left-side-menu ul::-webkit-scrollbar-thumb, #right-side-menu ul::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
    background: rgba(243, 243, 243, 0.5);
    border-radius: 14px;
}



.ntf-area {
    display: inline-block;
    position: static;
    margin: 0 5px;
}



.ntf-box {
    max-height: 0;
    position: absolute;
    z-index: 49;
    top: 25px;
    left: -317px;
    width: 348px;
    max-width: 95vw;
    overflow: hidden;
    transition: .3s;
    text-align: left;
}

.ntf-area:not(:focus) .ntf-box {
    max-height: 0;
}

.ntf-area.account-notifications .ntf-box {
    left: -210px;
    width: 240px;
}

/*.ntf-inner .glyphicon {
    padding: 0 6px 3px 2px;
    vertical-align: middle;
}*/


.ntf-area:hover .ntf-box {
    max-height: 500px;
}

.ntf-box .ntf-inner {
    background: #f5f5f5;
    margin: 12px 5px 5px 5px;
    border: solid 1px #afb8bc;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    font-size: 15px;
}

.ntf-inner a {
    font-weight: bold;
    text-decoration: none;
}

.ntf-area ul {
    padding: 0;
    margin: 0;
    max-height: 380px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}


.arrow-span {
    position: absolute;
    top: 0;
    right: 9px;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5 transparent;
    z-index: 100;
}

.ntf-number {
    background: #992020;
    background: linear-gradient(to bottom,rgba(107,39,40,1) 0%,rgba(153,32,32,1) 50%);
    border: solid .5px #fff;
    color: #fff;
    font-size: 10px;
    height: 12px;
    width: 12px;
    position: static;
    margin: -3px -3px -8px -9px;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-radius: 50%;
    line-height: 1.1;
    padding: 0 1px;
}

    .ntf-number.plus {
        font-size: 9px;
        height: 13px;
        width: 13px;
        padding: 1px 2px;
    }

/*@media (min-width: 767.1px) and (max-width: 1159px) {
        .ntf-area {
            padding: 9px 0;
        }

        .ntf-number {
            top: 10px;
        }
    }*/

.ntf-inner li {
    list-style: none;
    padding: 8px;
    border-bottom: solid 1px #ddd;
}

.ntf-inner .one-notification {
    font-size: 14px;
    padding: 0 6px;
    font-size: 10.5px;
    background: #fff;
    position: relative;
    overflow-x: hidden;
    border: none;
}

    .ntf-inner .one-notification .li-inner {
        border-top: solid 1px #e6e6e6;
        padding: 12px 6px 11px;
        display: inline-block;
    }

.ntf-page .one-notification .li-inner {
    border: none;
    padding: 5px;
}

.ntf-inner li.one-notification.new-notification + li.one-notification:not(.new-notification) {
    border-top: solid 1px #e6e6e6;
}

    .ntf-inner li.one-notification.new-notification + li.one-notification:not(.new-notification) .li-inner, .ntf-inner .one-notification:first-child .li-inner {
        border-top: none;
    }



.ntf-inner .new-notification {
    background: #eff2f4;
}

.ntf-heading {
    display: inline-block;
    width: calc(100% - 38px);
    padding: 0 5px;
    vertical-align: bottom;
    border-left: solid 1px #ddd;
    margin-left: 5px;
    font-size: 12px;
}

    .ntf-heading a {
        font-size: 14px;
        margin: 0;
        display: block;
    }

.one-notification img {
    height: auto;
    width: 30px;
    margin: 0;
    vertical-align: bottom;
}

.one-notification p {
    margin: 5px 0 0;
    font-size: 14px;
}

.one-notification .glyphicon-new-window {
    font-size: 9px;
}

.ntf-header {
    padding: 5px 8px;
    border-bottom: solid 1px #bbb;
}

.ntf-footer {
    background: #eff2f4;
    padding: 5px;
    border-top: solid 1px #bbb;
}

.ntf-area h2 {
    margin: 0;
    font-size: 17px;
    padding: 5px;
}

.ntf-inner.add-padding {
    padding: 10px;
}

.ntf-mobile .mb-icon {
    font-size: 30px;
}

@media (max-width: 767px) {
    .ntf-mobile {
        display: table-cell !important;
        padding: 12px 20px 9px 0;
        vertical-align: middle;
        float: none;
        text-align: right;
    }

        .ntf-mobile .icon {
            transform: scale(1.4,1.4);
            display: inline-block;
            position: relative;
            left: -10px;
            cursor: pointer;
        }

    .ntf-area ul {
        max-height: 40vh;
    }
}




.ntf-box.ntf-page {
    max-height: initial;
    position: static;
    width: initial;
    margin: 0 -10px;
}

    .ntf-box.ntf-page ul {
        padding: 0;
        margin: 0;
    }

.ntf-page .one-notification {
    margin: 7px 0;
    font-size: 15px;
    padding: 10px;
    border-top: none;
    border-bottom: solid 1px #e6e6e6;
    box-shadow: 1px 0px 3px 0 rgba(0, 0, 0, 0.08), -1px 1px 2px 0 rgba(0, 0, 0, 0.08);
}

.ntf-page .ntf-inner {
    background: none;
    box-shadow: none;
    border: none;
    margin: 3px;
}

.ntf-page .ntf-heading {
    display: inline-block;
    width: calc(100% - 73px);
    padding: 8px 0 0 11px;
    vertical-align: bottom;
    border-left: solid 1px #ddd;
    margin-left: 11px;
    min-height: 60px;
}

.ntf-page .one-notification p {
    margin: 11px 0 2px;
    font-size: 15px;
}

.ntf-page .one-notification img {
    width: 60px;
}

.ntf-page .ntf-heading a {
    font-size: 15px;
}

#right-side-menu .ntf-inner {
    color: #222;
    padding: 2px 2px 10px 10px;
    max-height: 100%;
}

    #right-side-menu .ntf-inner a {
        color: #004769;
    }

    #right-side-menu .ntf-inner ul {
        padding: 0;
        max-height: calc(100vh - 170px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 0;
    }

    #right-side-menu .ntf-inner h2 {
        font-size: 25px;
        margin: 0;
        padding: 7px;
    }

#right-side-menu .ntf-footer {
    background: none;
    padding: 5px;
    border-top: none;
    color: #fff;
    font-size: 14px;
}

    #right-side-menu .ntf-footer a {
        color: #fff;
    }

#right-side-menu .side-menu-title {
    margin-right: 10px;
}

.menu-close-link {
    cursor: pointer;
}

#right-side-menu .ntf-inner p.side-menu-functions {
    padding: 5px 0;
    font-size: 13px;
    color: rgba(255,255,255,.4);
    line-height: 1.8;
    text-align: center;
    margin-bottom: 0;
}

    #right-side-menu .ntf-inner p.side-menu-functions a {
        color: rgba(255,255,255,.4);
        font-weight: normal;
        cursor: pointer;
    }

.ntf-inner a.sbbutton {
    font-weight: normal;
}


#notificationspage span.arrow-span {
    display: none;
}


@supports (-webkit-overflow-scrolling: touch) {
    .page-wrap {
        cursor: pointer;
    }
}

/* end notifications styles */

/* start comments styles including some that also apply to portfolio page */

/* modal styles from myportfolio3 */
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFFF;
    width: 410px;
    text-align: left;
    -webkit-transform: translate3d(0,0,0);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.85);
    z-index: 1000;
    border: none;
}

    .modalPopup > div {
        position: absolute;
        margin: 0 auto;
        padding: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background: #fff;
        border: solid 1px #333;
        width: 410px;
        max-width: 96%;
        border-radius: 0;
        overflow: hidden;
    }

    .modalPopup .modal-body {
        padding: 15px 15px 5px;
        max-height: 70vh;
        overflow-y: auto;
    }


        .modalPopup .modal-body::-webkit-scrollbar {
            width: 12px !important;
        }

        .modalPopup .modal-body::-webkit-scrollbar-track, .ntf-box ul::-webkit-scrollbar-track, #left-side-menu ul::-webkit-scrollbar-track, #right-side-menu ul::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
            -webkit-border-radius: 0px;
            border-radius: 0px;
        }

        .modalPopup .modal-body::-webkit-scrollbar-thumb, .ntf-box ul::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
            background: #eee;
            border-radius: 12px;
        }

    .modalPopup h3 {
        color: #fff;
        background-color: #267e93;
        background: -moz-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,92,109,1)), color-stop(100%, rgba(38,125,147,1)));
        background: -webkit-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        background: -o-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        background: -ms-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        background: linear-gradient(to bottom, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        padding: 8px;
        text-align: center;
        margin: 0;
        line-height: 1.4;
    }

.modal-note {
    font-size: 13px;
    text-transform: none;
    letter-spacing: initial;
    font-weight: normal;
    position: relative;
    top: -1px;
    display: inline-block;
}

.top-label {
    font-size: 15px;
    text-transform: none;
    letter-spacing: normal;
    margin: 2px 0 2px 1px;
    font-weight: 600;
}

.top-labeled-input, input[type=text].top-labeled-input, input[type=number].top-labeled-input, input[type=email].top-labeled-input {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 0;
    border: solid 1px #bbb;
    line-height: 1.7em;
    padding: 0 0 0 7px;
}

select.top-labeled-input, select.top-labeled-input-with-mod, select.top-labeled-mod {
    height: 1.95em;
}

.top-labeled-mod, input[type=text].top-labeled-mod, input[type=number].top-labeled-mod {
    width: 50px;
    margin-bottom: 15px;
    border-radius: 0;
    border: solid 1px #bbb;
    line-height: 1.7em;
    padding: 0 0 0 7px;
}

.top-labeled-input-with-mod, input[type=text].top-labeled-input-with-mod, input[type=number].top-labeled-input-with-mod {
    width: calc(100% - 70px);
    margin-bottom: 15px;
    border-radius: 0;
    border: solid 1px #bbb;
    line-height: 1.7em;
    padding: 0 0 0 7px;
}


.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .03rem;
    cursor: pointer;
    background-repeat: no-repeat;
    background: rgba(44,95,57,1);
    background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-size: calc(100% + 200px) 100%;
    background-position: center;
    transition: background-size .15s ease-in-out;
}

.custom-file-input:lang(en) ~ .custom-file-label:hover::after, .custom-file-input:lang(en) ~ .custom-file-label:active::after, .custom-file-input:lang(en) ~ .custom-file-label:focus::after {
    background-size: 100% 100%;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

/*.modalPopup .left-label {
        width: 142px;
    }*/
.modalPopup .buttons {
    text-align: center;
    margin-top: 0;
    padding: 12px 15px 8px;
    background: #eff2f4;
}

    .modalPopup .buttons .modal-button {
        width: calc(50% - 9px) !important;
        margin: 0 0 5px !important;
    }


input.flat-blue-button, a.flat-blue-button {
    width: 175px;
    box-shadow: none;
    background-color: #267e93;
    background: #267e93;
    border: solid 2px #267e93;
    font-size: 17px;
    padding: 3px 5px 4px;
    text-shadow: none;
    border-radius: 0;
    text-align: center !important;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
    text-transform: none;
}


    a.flat-blue-button:hover, a.flat-blue-button:active, a.flat-blue-button:focus, input.flat-blue-button:hover, input.flat-blue-button:active, input.flat-blue-button:focus {
        background-color: #1f6c80;
        box-shadow: none;
        border: solid 2px #1d6779;
        text-decoration: none;
        color: #fff;
        font-weight: normal;
    }

input.flat-blue-ghost-button {
    width: 175px;
    box-shadow: none;
    background-color: #fff;
    color: #267e93;
    border: solid 2px #267e93;
    font-size: 17px;
    padding: 3px 5px 4px;
    line-height: 1.5;
    text-shadow: none;
    border-radius: 0;
    text-align: center !important;
    vertical-align: middle;
}

    input.flat-blue-ghost-button:hover {
        background-color: #eff2f4;
        box-shadow: none;
    }

/* pending button styles */


.modal-button.flat-blue-button.pending {
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #2b799f;
    background: -moz-linear-gradient(left, 005882 0%, #267e93 28%, #186d96 48%, #267e93 68%, #267e93 100%);
    background: -webkit-linear-gradient(left, #267e93 0%, #267e93 28%, #186d96 48%, #267e93 68%, #267e93 100%);
    background: linear-gradient(to right, #267e93 0%, #267e93 28%, #186d96 48%, #267e93 68%, #267e93 100%);
    background-size: 500px 300px;
    position: relative;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -700px 0
    }

    100% {
        background-position: 700px 0
    }
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -700px 0
    }

    100% {
        background-position: 700px 0
    }
}

/* end pending button styles */


/* tooltip styles */
.moreinfo {
    display: inline-block;
    position: absolute;
    right: 13px;
    top: 6px;
    color: #fff;
    padding: 2px;
    font-size: .8em;
    line-height: .8em;
    width: 1.4em;
    height: 1.4em;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.compare-products .moreinfo {
    top: 0;
    right: 0;
    float: right;
    position: relative;
    margin-left: 2px;
    margin-bottom: 3px;
}

.comment-list .moreinfo {
    margin-right: 5px;
    color: #999;
    padding: 3px 3px 30px 100px;
    top: 6px;
    right: 24px;
}

    .comment-list .moreinfo:hover {
        border: none;
        color: #999;
    }

.moreinfo .tooltiptext {
    visibility: hidden;
    width: 140px;
    background: #f1f1f1;
    color: #222;
    text-align: left;
    padding: 8px 10px;
    border-radius: 0;
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    right: -12px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    line-height: 1.4;
    font-family: Yantramanav;
    font-size: 15px;
    cursor: default;
    font-weight: normal;
    text-transform: initial;
    letter-spacing: initial;
}

    .moreinfo .tooltiptext::after {
        content: " ";
        position: absolute;
        bottom: 100%;
        right: 12px;
        margin-left: -5px;
        border-width: 7px;
        border-style: solid;
        border-color: transparent transparent #f1f1f1 transparent;
    }

.moreinfo:hover .tooltiptext {
    visibility: visible;
}


.compare-products .moreinfo .tooltiptext {
    right: -40px;
}

    .compare-products .moreinfo .tooltiptext::after {
        right: 40px;
    }

/* for manage account page */



.stripe-button-el span {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    line-height: 27px !important;
}

    .stripe-button-el span:hover {
        background: none !important;
    }

.stripe-button-el {
    text-decoration: none !important;
    font-size: .9rem !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    padding: 5px 10px 4px !important;
    vertical-align: top !important;
    display: inline-block !important;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: solid 1px #fff !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: .03rem !important;
    cursor: pointer !important;
    background-repeat: no-repeat !important;
    background: rgba(44,95,57,1) !important;
    background: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%) !important;
    background: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%) !important;
    background: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%) !important;
    background: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%) !important;
    background: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%) !important;
    background-size: calc(100% + 200px) 100% !important;
    background-position: left !important;
    transition: background-size .15s ease-in-out !important;
}

    .stripe-button-el:hover {
        /*box-shadow: 0 2.5px 0 0 #74b05e, inset 0 2px 0 0 #518f3b !important;*/
        border: solid 1px #fff !important;
        color: #fff !important;
        text-decoration: none !important;
        background-size: 100% 100% !important;
    }

.account-options .moreinfo {
    color: #267e93;
    border: solid 2px #267e93;
    font-weight: bold;
    top: 5px;
    right: 0;
    cursor: pointer;
    font-size: .7em;
}

.option-line {
    position: relative;
    padding-right: 22px;
}

@media (min-width:500px) {
    .account-options .moreinfo {
        position: relative;
        top: -2px;
        right: 0;
    }

    .option-line {
        padding-right: 0;
    }
}

/* slide down tooltip styles */

.explanation {
    opacity: 0;
    max-height: 0;
    display: inline-block;
    transition: max-height .8s, opacity .8s, padding .8s;
    font-size: 16px;
    vertical-align: top;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 0 0;
}

    .explanation.hovered, .explanation.clicked {
        max-height: 223px;
        opacity: 1;
        padding: 8px 0;
    }

.question-mark {
    display: inline-block;
    position: absolute;
    right: 6px;
    bottom: 0px;
    margin: 0;
    color: #444;
    border: solid 2px #444;
    font-size: .75em;
    font-family: Yantramanav;
    line-height: .9em;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    vertical-align: top;
    cursor: pointer;
}

/* end slide down tooltip styles */

/* extend access popup */
a.extend-access-button:hover {
    background: #ffc23d !important;
}

@media (max-width: 400px) {
    .extend-access-mockup {
        margin: -16px 11px -74px 9px !important
    }

    .extend-access-headline {
        font-size: 24px !important;
    }

    a.extend-access-button {
        font-size: 21px !important;
    }
}
/* end extend access popup */

/* additional style for screeners */

#pan5 input.flat-blue-ghost-button {
    width: calc(100% - 43px);
    margin-bottom: 10px;
    white-space: normal;
    word-wrap: break-word;
    height: 64px;
}

    #pan5 input.flat-blue-ghost-button.active-screener {
        background-color: #eff2f4;
    }

#pan5 .settings-button {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

    #pan5 .settings-button img {
        padding: 20px 5px;
        width: 34px;
    }

.boldsymbol {
    font-size: 17px;
    margin-right: 5px;
}

.sparkline {
    width: 70px;
    vertical-align: bottom;
}

@media (max-width: 825px) {
    .sparkline {
        width: 52px;
    }
}


.headlines-footer {
    clear: both;
    padding-top: 20px;
    line-height: 1.5;
}

    .headlines-footer a {
        margin: 2px 4px 2px 0;
        padding: 2px 10px 4px 10px;
        display: inline-block;
        background-color: #eff2f4;
        text-decoration: none;
    }

        .headlines-footer a:hover, .headlines-footer a:active, .headlines-footer a:visited {
            opacity: .8;
            text-decoration: none;
        }

        .headlines-footer a.gradient-blue:hover, .headlines-footer a.gradient-blue:active, .headlines-footer a.gradient-blue:visited {
            color: #fff;
        }

@media (min-width: 1200px) {
    .headlines-panel.col-lg-8 {
        width: calc(100% - 348px);
        padding-left: 0;
    }
}


/* for home page */

/*main .row {
    margin-right: -5px;
    margin-left: -5px;
}
main [class^="col-"], main [class*=' col-'] {
    padding: 0 5px;
}*/

/* end for this page only */




.story-footer {
    border: solid 1px #267e93;
    border-top: none;
    padding: 6px 20px;
    margin: -3px 2px 12px 0;
    font-size: 15px;
}

    .story-footer a {
        color: #fff;
    }



/* 2019 entry cards - when done can probably get rid of some of the above entry styles?*/
.entry-card {
    box-shadow: 0 .2rem .85rem rgba(0,0,0,.11) !important;
    background: #fff;
    padding: 1rem;
    margin: .4rem 0 !important;
}

    .entry-card .image-link {
        margin: 0 15px 15px 0;
        flex: 0 0 125px;
    }

    .entry-card .description {
        flex: 1 1 250px;
    }

    .entry-card .post-time {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 3px 0;
    }

    .entry-card p {
        font-weight: normal;
        margin-bottom: 3px;
    }


/* experimental entry styles */
.headlines .topFive .entry img {
    position: absolute;
    max-width: 300px;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 0;
    object-fit: cover;
    filter: grayscale(1);
    opacity: .4;
    mix-blend-mode: overlay;
}
/* end then make eache image-link a different gradient class */

/* end 2019 entry cards */





.colallbut300 {
    padding: 0 5px;
}

@media (min-width: 991.01px) {
    .col300 {
        float: left;
        width: 310px;
    }

    .colallbut300 {
        float: left;
        width: calc(100% - 310px);
        padding-right: 15px;
    }
}

@media (max-width: 991px) and (min-width: 767.01px) {
    .col300sm {
        float: left;
        width: 310px;
        padding-right: 15px;
    }

    .colallbut300sm {
        float: left;
        width: calc(100% - 310px);
    }
}

.col300 ul {
    list-style: none;
    padding: 0;
    font-size: 13px;
    border: solid 1px #eff2f4;
    margin-bottom: 15px;
}

.col300 li {
    padding: 5px 10px;
}

    .col300 li:nth-child(even) {
        background: #eff2f4;
    }

.col300 h3 {
    font-size: 18px;
    color: #fff;
    background: #267e93;
    padding: 7px 10px;
    margin: 0;
}

/*.input-group-btn > .btn {
    border-radius: 0;
}

.input-group-btn > .btn {
    border: solid 1px #ffffff;
    box-shadow: none !important;
    background-color: #7cc450;
    color: #fff;
}

    .input-group-btn > .btn:hover, .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn-default:active:focus {
        background-color: #5ca243;
        border: solid 1px #7cc450;
        color: #fff;
    }*/

/*.bluebox {
        margin-bottom: 15px;
    }*/

.col300sm .subscribe input {
    width: 100% !important;
}

/* more slideshows */


.moreslideshows {
    border: solid 1px #267e93;
    padding-bottom: 4px;
}

.moreslideshowsheadline {
    color: #267e93;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 6px 6px;
    border-top: 3px solid #267e93;
}

.moreslideshows table {
    width: 100%;
}

.moreslideshows tr {
    border-top: 1px solid #eff2f4
}

    .moreslideshows tr td:first-child {
        padding: 5px 1px;
        width: 85px;
        text-align: center;
    }

    .moreslideshows tr td:last-child {
        padding: 5px 5px 5px 10px;
        text-align: left;
        height: 85px;
    }

.moreslideshows td img {
    width: auto;
    max-height: 70px;
    max-width: 85px;
}

.moreslideshows td a {
    font-style: normal;
    font-size: .95em;
}


/* my marketbeat styles*/

#cphPrimaryContent_rdlAdStocks {
    display: inline-block;
    margin-bottom: -.2em;
}

.add-label {
    position: relative;
    top: -5px;
}

.watch-list-forms {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .watch-list-forms > div {
        width: 48%;
        min-width: 405px;
        background: #efefef;
        border-top: solid 2px #ddd;
        border-bottom: solid 2px #ddd;
        padding: 12px 2% 20px 2%;
        margin: 5px;
    }

    .watch-list-forms input {
        border: solid 1px #ddd;
        border-radius: .375em;
    }

.left-label {
    display: inline-block;
    min-width: 132px;
    text-align: right;
    font-weight: bold;
}

.watch-list-forms input[type=submit] {
    position: relative;
    left: 136px;
    width: 150px;
    padding: 5px;
    margin: 5px 0;
    color: white;
    font-weight: bold;
    font-size: 14px;
    background-color: #6DA0BD;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6DA0BD), to(#123C62));
    background-image: -webkit-linear-gradient(top, #6DA0BD, #123C62);
    background-image: -moz-linear-gradient(top, #6DA0BD, #123C62);
    background-image: -ms-linear-gradient(top, #6DA0BD, #123C62);
    background-image: -o-linear-gradient(top, #6DA0BD, #123C62);
    background-image: linear-gradient(to bottom, #6DA0BD, #123C62);
    border: none;
}

.wl-submit:hover {
    cursor: pointer;
    background-color: #5286B3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5286B3), to(#0a2237));
    background-image: -webkit-linear-gradient(top, #5286B3, #0a2237);
    background-image: -moz-linear-gradient(top, #5286B3, #0a2237);
    background-image: -ms-linear-gradient(top, #5286B3, #0a2237);
    background-image: -o-linear-gradient(top, #5286B3, #0a2237);
    background-image: linear-gradient(to bottom, #5286B3, #0a2237);
}

.watchlist-select {
    font-weight: bold;
    padding: 4.5px;
}

.addbuttons {
    text-align: right;
    margin: 24px 0 12px;
}

    .addbuttons .addbutton {
        line-height: 1.5;
    }

@media (max-width: 767px) {
    .addbuttons, .watchlist-div {
        width: 100%;
        right: 0;
        left: 0;
    }

    .addbuttons {
        text-align: center;
        margin-top: 0;
    }

    a.btn-add-holding, a.btn-add-multiple-assets, a.btn-create-watchlist {
        width: 100%;
        margin: 3px 0;
    }

    .sample-notice {
        padding: 2px 6px 22px !important;
    }
}

/* icons on buttons */
a.gray-button, a.gray-button:hover, input.gray-button, input.gray-button:hover {
    background-color: #848282;
    background: #848282;
    line-height: 1.5;
    background-repeat: no-repeat;
    color: #fff;
    margin: 5px 1px 2px;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
    font-size: 17px;
    padding: 3px 5px 4px;
    box-shadow: none;
    text-shadow: none;
    border: solid 2px #848282;
    border-radius: 0;
    text-transform: none;
    vertical-align: middle;
}

.inline-moreinfo.moreinfo, .inline-moreinfo.moreinfo:hover {
    color: #267e93;
    border-color: #267e93;
    font-size: .45em;
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: 5px;
    top: 11px;
}

    .inline-moreinfo.moreinfo .tooltiptext {
        line-height: 1.4;
    }


@media (max-width: 450px) {
    .inline-moreinfo.moreinfo, .inline-moreinfo.moreinfo:hover {
        position: absolute;
        right: -3px;
        top: 10px;
        left: initial;
    }
}

input[type=number] {
    padding: 3px 0 3px 6px;
}

#selectedAsset {
    min-height: 60px;
}


.rfv-div-validation-triangle {
    color: #c72726;
    position: relative;
    transition: height ease-in-out 1s;
    text-align: right;
    top: -11px;
    line-height: 26px;
    font-size: 15px;
}

    .rfv-div-validation-triangle > span:before {
        content: '';
        background: #fff;
        background-image: url(/images/validation-triangle.svg?v2);
        background-size: 22px 22px;
        top: -17px;
        right: 9px;
        position: absolute;
        height: 22px;
        width: 22px;
    }


#Panel2 > div {
    width: 689px;
}

#chosenAssets label {
    position: relative;
    background: #eff2f4;
    padding: 5px 35px 6px 11px;
    display: block;
    margin-bottom: 15px;
}

.removeAsset {
    position: absolute;
    right: 10px;
    top: -1px;
    cursor: pointer;
    color: #81a4b5;
    font-size: 26px;
    text-decoration: none;
}

    .removeAsset:hover, .removeAsset:active, .removeAsset:focus {
        text-decoration: none;
    }

#chosenAssets input[type="checkbox"] {
    display: none;
}

.multiple-checks > div {
    display: inline-block;
    margin-bottom: 3px;
    margin-top: 2px;
}


/* end icons on buttons */

.panels h2 {
    font-size: 1.5rem;
    margin: .2em 0;
}


.placeholder {
    display: none;
}



#cphPrimaryContent_btnShow4 {
    display: none;
}

#cphPrimaryContent_btnShow5 {
    display: none;
}

#pnlOnboarding > div {
    z-index: 40;
}

.statistics {
    max-width: 100%;
}

    .statistics > div {
        border: solid 1px #ddd;
        margin: 0 0 15px 0;
        max-width: 100%;
    }

    .statistics h3 {
        padding: 8px 40px 8px 8px;
        text-align: left;
        color: #fff;
        font-size: 1em;
        position: relative;
        margin-bottom: 0px;
        margin-top: 0px;
    }

@media screen and (min-width: 1000px) {
    .distribution, .myportfolio {
        display: inline-block;
        vertical-align: top;
    }

    .distribution {
        width: calc(56% - 11px);
        margin-right: 10px !important;
    }

    .myportfolio {
        width: calc(45% - 17px);
    }
}

.statistics canvas {
    margin-top: 15px;
}


.stat {
    padding: 10px 15px;
}


#volatilelist {
    margin: 0 0 10px 0;
    padding: 0;
}

    #volatilelist li {
        margin-left: 30px;
        margin-bottom: 0;
    }

.large {
    font-size: 1.7em;
}


.meter {
    margin: 35px 35px 60px 35px;
}

    .meter > div {
        background: #dee5ee; /* Old browsers */
        background: -moz-linear-gradient(left, #e0edf3 0%,#7ba6b7 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #e0edf3 0%,#7ba6b7 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,#e0edf3 0%,#7ba6b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee5ee', endColorstr='#7189a4',GradientType=1 ); /* IE6-9 */
        position: relative;
        height: 55px;
        width: 100%
    }


.meter-green-red > div {
    background: #dee5ee; /* Old browsers */
    background: -moz-linear-gradient(left, #3f8852 0%, #bb7b40 50%, #812324 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #3f8852 0%, #bb7b40 50%, #812324 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,#3f8852 0%, #bb7b40 50%, #812324 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee5ee', endColorstr='#7189a4',GradientType=1 ); /* IE6-9 */
}

.meter-gold > div {
    background: -moz-linear-gradient(left, #d4a475 0%,#77421c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #d4a475 0%,#77421c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,#d4a475 0%,#77421c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.meter-green > div {
    background: -moz-linear-gradient(left, #5da56f 0%,#2c5f39 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5da56f 0%,#2c5f39 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,#5da56f 0%,#2c5f39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.meter-red > div {
    background: -moz-linear-gradient(left, #b14949 0%,#6b2728 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #b14949 0%,#6b2728 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,#b14949 0%,#6b2728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#mrmarker, #armarker, #mpemarker, #apemarker, #mmcmarker, #amcmarker, #mfemarker, #afemarker {
    padding: 0;
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    width: 200px;
    margin-left: -100px;
    color: #252525;
}

.mn {
    color: #fff;
    font-weight: bold;
}

#mpemarker, #mmcmarker {
    position: absolute;
    top: -18px;
}

#mrmarker, #mfemarker {
    position: absolute;
    top: -31px;
}

#armarker, #apemarker, #amcmarker, #afemarker {
    position: absolute;
    bottom: -50px;
}

#mrmarker {
    left: 30%;
}

#armarker {
    left: 60%
}

#mpemarker {
    left: 40%;
}

#apemarker {
    left: 50%;
}

#mmcmarker {
    left: 40%;
}

#amcmarker {
    left: 50%;
}


.canvas-wrap, .chart-legend {
    display: inline-block !important;
    max-width: 255px;
    vertical-align: top;
    margin-left: 12px;
}

@media screen and (max-width: 350px) {
    .canvas-wrap {
        max-width: 100%;
        margin-left: 0px;
    }
}

.chart-legend ul {
    list-style: none;
    margin: 20px;
}

.chart-legend li {
    font-size: .8em;
    margin-bottom: 0;
}

    .chart-legend li span {
        display: inline-block;
        width: 20px;
        height: 12px;
        margin-right: 5px;
        margin-bottom: -1px;
        margin-left: -25px;
    }

.distribution {
    max-width: 400px;
}

/*.statistics tr {
        color: #1d2b3a !important;
    }

    .statistics thead tr {
        background: #fff !important;
    }

    .statistics th {
        height: 46px;
        vertical-align: bottom;
    }*/

.wltable {
    font-size: .95em;
}



#dvNewsletter a {
    font-weight: normal;
}


/* makes full length tfoot always show. unlike other rows in datables js, tfoot uses normal colspan properties and doesnt need to have the same number of cells, and it doesn't do expanding like other rows */
.footer-cell {
    display: table-cell !important;
}



span.aspNetDisabled {
    position: relative;
}

    span.aspNetDisabled input#cphPrimaryContent_chkSMS:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkSMSAlertsEdit:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkSMSMultiple:hover:after,
    span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletterMultiple:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletter:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkNewsletterEdit:hover:after {
        content: "Enter your cell phone number in your account settings to enable SMS.";
        display: block;
        font-size: 14px;
        position: absolute;
        background: #eff2f4;
        color: #232425;
        width: 185px;
        z-index: 2;
        bottom: 28px;
        padding: 9px 12px 9px;
        border-radius: 4px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    }

    span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletterMultiple:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletter:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkNewsletter:hover:after {
        content: "Upgrade to MarketBeat Daily Premium to further customize your newsletter.";
    }

    span.aspNetDisabled label {
        pointer-events: none;
        color: #999;
    }

label {
    cursor: pointer;
}

.ui-autocomplete {
    overflow-y: auto;
    max-height: 350px;
}

.cat-search.ui-autocomplete {
    max-height: 75vh;
}

.watchlist-title {
    font-size: 19px;
    margin: 5px 4px;
}


.settings-button .mb-icon {
    font-size: 1.5em;
}

.settings-button {
    cursor: pointer;
    padding: 0 1.65px;
}

    .settings-button.pending {
        cursor: wait;
    }

.latest-notifications {
    position: absolute;
    display: none;
    top: -10px;
    right: 106px;
    padding-right: 22px;
    z-index: 55;
    width: 338px;
    text-align: left;
    cursor: default;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}

@media (max-width: 650px) {
    .latest-notifications {
        top: 37px;
        right: -16px;
    }
}

.shownotifications.hovered .latest-notifications {
    display: block;
}

.shownotifications:not(.hovered) .latest-notifications {
    display: none;
}

.shownotifications.pending {
    opacity: 0;
    transition: opacity .5s
}


.shownotifications {
    display: inline-block;
    opacity: 1;
    transition: opacity .5s;
    margin: 0;
}


.latest-notifications > div {
    box-shadow: 0px 2px 8px 0px #00000047;
    border: 1px solid #dee2e6 !important;
    background: #fff;
}

.latest-notifications .ntf-image-link {
    float: left;
    display: block;
    width: 60px;
    padding: 1px 14px 0 0;
}

.latest-notifications .ntf-header {
    color: #fff;
    margin: 0 -1px;
}

.latest-notifications .one-notification img {
    width: 100%;
}

.latest-notifications .ntf-heading, .latest-notifications .one-notification p {
    width: calc(100% - 62px);
    padding: 0;
    margin: 0 0 5px 0;
    border: none;
    float: right;
}

.latest-notifications .one-notification .li-inner:after {
    content: " ";
    display: table;
    clear: both;
    float: none;
    height: 2px;
    width: 100%;
}

.latest-notifications .ntf-heading a {
    display: none;
}

.latest-notifications ul {
    padding: 0;
}

.latest-notifications .new-notification {
    background: #eff2f4;
}

.latest-notifications .ntf-footer {
    text-align: center;
}






.latest-notifications .one-notification {
    padding: 0 6px !important;
    border-top: none;
}

.latest-notifications .li-inner {
    border-top: solid 1px #e6e6e6;
    padding: 11px 6px 4px;
    display: inline-block;
}


li.one-notification.new-notification + li.one-notification:not(.new-notification) {
    border-top: solid 1px #e6e6e6;
}

    li.one-notification.new-notification + li.one-notification:not(.new-notification) .li-inner {
        border-top: none;
    }



.latest-notifications ul::-webkit-scrollbar {
    width: 14px;
}

.latest-notifications ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.latest-notifications ul::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
    background: #eee;
    border-radius: 14px;
}

tr.child .shownotifications {
    display: none;
}

.mobile-notifications {
    display: none;
}

.dtr-data .settings-button {
    padding: 0 5px;
}

.dtr-data .mobile-notifications {
    width: 39px;
    position: relative;
    display: block;
}

.mobile-notifications .start-bell:active:after {
    content: " loading...";
    position: absolute;
    top: 4px;
    left: 29px;
    font-family: Yantramanav;
    font-size: 12px;
}

.mobile-notifications ul {
    overflow-y: hidden;
}

/* end my marketbeat styles */


/* end additional styles for screeners */


/* start chart styles */

.dv-chart, .dv-chart .axis text {
    font-size: 16px;
    font-family: Yantramanav, sans-serif;
}

.bold {
    font-weight: bold;
}

/*template styles*/
.dv-chart-wrapper {
    max-width: 1336px;
    margin: 0 0 20px 0;
}

.dv-chart {
    margin: 0 5px;
}

#priceChart.dv-chart {
    margin: 0;
}

/*chart styles*/
.dv-chart .y.axis line {
    fill: none;
    stroke: #000;
    opacity: .1;
    shape-rendering: crispEdges;
    stroke-width: 2px;
}

.dv-chart .x.axis line {
    fill: none;
    stroke: none;
    shape-rendering: crispEdges;
    stroke-width: 8px;
}

.dv-chart .tick.g-baseline line {
    stroke: #000;
    stroke-width: 2px;
    opacity: .5;
}

.dv-chart .axis text {
    font-family: Yantramanav, sans-serif;
    font-weight: bold;
    pointer-events: none;
    fill: #888;
}

.dv-chart .axis.quarter-labels text {
    fill: #888;
}

.dv-chart text.year-label, .dv-chart .year-labels text {
    font-weight: normal;
}

.dv-chart .y.axis text {
    text-anchor: end !important;
    fill: #888;
}

.dv-chart .footnote {
    font-weight: normal;
    font-style: italic;
    pointer-events: none;
    fill: #888;
}

.dv-chart .domain {
    display: none;
}

.dv-chart .area {
    fill: #e4f0f2;
    opacity: 0.5;
}

.dv-chart .invisible-line {
    stroke: none;
    stroke-width: 0;
    fill: none;
}

.dv-chart .light-line {
    stroke: #75a0bb;
    stroke-width: 1.5px;
    fill: none;
    opacity: .3;
}

.dv-chart .medium-line {
    stroke: #75a0bb;
    stroke-width: 2px;
    fill: none;
    opacity: .7;
}


.dv-chart .dark-line {
    stroke-width: 3px;
    fill: none;
    stroke: #267e93;
    stroke: url(#pastFutureGradient);
}

.dv-chart .x.axis.year-lines .tick line, .dv-chart .x.axis.year-lines .tick line {
    fill: #888;
    stroke: #888;
}

.dv-chart .bar.past {
    fill: #267e93;
    fill: url(#pastBarGradient);
}

.dv-chart .bar.future {
    fill: #888888;
    fill: url(#futureBarGradient);
}

.dv-chart .amount-bought {
    fill: #429056;
    fill: url(#boughtGradient);
}

.dv-chart .amount-sold {
    fill: #992120;
    fill: url(#soldGradient);
}

.dv-chart .amount-bought-bottom {
    fill: #429056;
}

.dv-chart .amount-sold-bottom {
    fill: #992120;
}

.dv-chart .x.axis text {
    text-anchor: middle;
}

#priceChart .x.axis text {
    text-anchor: end;
}


.dv-chart .axis.quarter-labels text.past, .dv-chart .axis.year-labels text.past {
    fill: #267e93;
}

.dv-chart .year-labels text {
    font-weight: normal;
}

.dv-chart .x.axis.year-lines .tick line.past, .dv-chart .x.axis.year-lines .tick line.past {
    stroke: #267e93;
}

.dv-chart .blue-point {
    fill: #267e93;
}

.dv-chart .overlay {
    fill: none;
    pointer-events: all;
}

.dv-chart .info-slider, .dv-chart .info-slider-top, .dv-chart #shadowGroup, .dv-chart #mainGroup, .dv-chart #overGroup, .dv-chart #bottomGroup, .dv-chart #clip rect, .dv-chart #fade rect {
    transition: transform .15s ease;
}

    .dv-chart .info-slider circle, .dv-chart .info-slider-top circle {
        transition: cy .15s ease;
    }

    .dv-chart .info-slider circle, .dv-chart .info-slider-top circle {
        stroke: #fff;
        stroke-width: 2px;
    }


    .dv-chart .info-slider line {
        stroke-width: .5px;
    }

.dv-chart .hover-line {
    stroke: #ccc;
    stroke-width: 2px;
    stroke-dasharray: 1,25,2000;
}

.dv-chart .info-slider-rect-shadow {
    fill: #ccc;
    opacity: .5;
}

.dv-chart .info-slider-rect {
    fill: #fff;
    opacity: .9;
}

.dv-chart .info-slider-text {
    fill: #267e93;
    font-weight: bold;
}

.dv-chart .info-slider-note-text {
    fill: #267e93;
    font-size: 10px;
    text-transform: uppercase;
}

.dv-chart .info-slider-bought-text {
    fill: #429056;
    font-weight: bold;
}

.dv-chart .info-slider-sold-text {
    fill: #992120;
    font-weight: bold;
}

.dv-chart .info-slider-bar {
    transition: all .15s ease;
}

.dv-chart tspan.tspan1 {
    font-size: .6em;
}

.dv-chart g.y.axis.top line {
    stroke: none;
}

.pie-text {
    font-size: .7em;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 0));
    cursor: pointer;
}

.pie-slice {
    stroke: #fff;
    cursor: pointer;
}

.pie-tip {
    margin: -7px 0 -11px 0;
    display: block;
    height: 30px;
}


/* end chart styles */

/* compare products styles */

#header-bar {
    height: 47px;
    padding-top: 7px;
    position: relative;
    margin-bottom: 20px;
    background-color: #1a1a1a;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
/* table styles */

.guarantee {
    font-size: 21px;
    font-weight: 300;
    display: inline-block;
    vertical-align: bottom;
    width: calc(100% - 94px);
    line-height: 1.2;
}

.product-name {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.2;
}

.product-price span {
    font-size: 27px;
}

.product-price sup {
    top: -1.1em;
    font-size: 40%;
}



.second-head td {
    border-bottom: 1px solid #111;
    vertical-align: top;
    max-height: 200px;
    transition: max-height .3s ease-in-out;
    color: #fff;
}


.squareone {
    background: #267c92 !important;
    border-top: solid 2px #267c92 !important;
    max-width: 385px;
}

.squaretwo {
    background: #217084 !important;
    border-top: solid 2px #217084 !important;
}

.squarethree {
    background: #1d6679 !important;
    border-top: solid 2px #1d6679 !important;
}

.squarefour {
    background: #195c6d !important;
    border-top: solid 2px #195c6d !important;
}


.button {
    display: block !important;
    width: 120px;
    margin: 5px auto !important;
    font-size: 18px !important;
}

@media (min-width:850px) {
    th.squaretwo, th.squarethree, th.squarefour {
        vertical-align: bottom;
    }

    .product-name, .guarantee {
        font-size: 24px;
    }
}

@media (min-width:1200px) {
    .product-name, .guarantee {
        font-size: 29px;
    }
}

/* special rows */

.heading-row {
    background: #e4f0f2 !important;
    font-size: 1.7em;
    color: #222;
}

    .heading-row td {
        border-top: solid 1.5px #267c92;
    }

.subheading-row {
    color: #267c92;
    font-size: 1.2em;
    background-color: #fff !important;
    font-weight: 700;
}

@media (max-width:768px) {
    .product-name {
        font-size: 19px;
    }
}

/* end compare products styles */

/* onboarding */

#pnlHelpers.collapse:not(.show) {
    bottom: -25px !important;
}

/* results (search and autocomplete) */


.result-set {
    box-shadow: 0 .2rem .85rem rgba(0,0,0,.11);
    margin-bottom: 1.5em;
}

.result {
    border-top: solid 6px #eff2f4;
    padding: .4em .75em;
}


.result-title {
    font-size: 1.3em;
    margin: .25em 0;
    display: block;
}

.result-number {
    color: #eff2f4;
    background: #777786;
    padding: 1px 4px 2px;
    border-radius: 2px;
}

.byline {
    text-transform: uppercase;
    font-weight: bold;
    font-size: .8em;
    margin-bottom: 7px;
    color: #6d6b6b;
}


.result .flex-section {
    margin: 0 -10px;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.result .image-link {
    margin: 5px 10px 10px;
    padding-top: 4px;
    flex: 1 0 190px;
    -ms-flex: 1 0 190px;
}

.result .description {
    flex: 50 1 250px;
    -ms-flex: 50 1 250px;
    margin: 5px 10px 10px;
}


/* this is a browser bug fix, at the end because otherwise it keeps the rest from minimizing */
@-ms-viewport {
    width: device-width;
}


/* IE9 and IE10 rule sets go here */
@media screen and (min-width:0\0) {
    .header-logo {
        max-width: 190px;
        padding: 0 15px;
    }
}

.hpageview {
    display: none;
}