﻿@charset "UTF-8";

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block;
}

.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.query-header {
    margin: 8px 0 16px 0;
}

.main-header .btn {
    font-size: 12px;
    padding: 12px;
}

.doublespace li:not(:first-child) {
    margin-top: 1rem;
}

.fullwidth {
    width: 100%;
}

td {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'Microsoft YaHei UI', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}

th > div {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'Microsoft YaHei UI', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}

th {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'Microsoft YaHei UI', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}

.account-tools a.button, .button {
    border-radius: 4px;
    background-color: #7ba4bc;
    display: block;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
}

.arrow::after {
    content: url("../../Content/Home/img/singlearrow.png");
    float: right;
}



[class^="icon-"], [class*=" icon-"] {
    font-family: 'mrl';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left, .icon-arrow-right {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-factory:before {
    content: "";
}

.icon-check:before {
    content: "";
}

.icon-user:before {
    content: "";
}

.icon-show-all:before {
    content: "";
}

.icon-query:before {
    content: "";
}

.icon-pin:before {
    content: "";
}

.icon-pencil:before {
    content: "";
}

.icon-mrl:before {
    content: "";
}

.icon-links:before {
    content: "";
}

.icon-legend:before {
    content: "";
}

.icon-expand:before {
    content: "";
}

.icon-expand-all:before {
    content: "";
}

.icon-document:before {
    content: "";
}

.icon-collapse:before {
    content: "";
}

.icon-calendar:before {
    content: "";
}


@media screen {
    html, body {
        margin: 0;
        padding: 0;
        height: 100%;
    }

    body {
        font-family: "'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'Microsoft YaHei UI', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif",sans-serif;
        height: 100%;
    }

    header {
        height: 97px;
        background: #41a6f6;
        z-index: 10;
        position: relative;
    }

    #subscribe-button {
        display: none;
        position: absolute;
        margin-top: -4px;
        left: 0;
        right: 0;
        width: 180px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -4px;
    }

        #subscribe-button a {
            border-radius: 4px;
            background-color: #7ba4bc;
            display: block;
            color: #fff;
            padding: 5px 10px;
        }

    #mainFrame {
        min-height: 100%;
        position: relative;
    }

    footer {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px 20px 50px;
        background-image: url("../../Content/Home/img/stripes.png");
    }
}

a {
    color: #09f;
}

nav a {
    float: left;
}

.logo {
    padding: 15px 20px 0;
    text-align: center;
    margin: 0 auto 19px auto;
    max-width: 364px;
    width: 100%;
    height: 61px;
    float: left;
    margin: 6px auto;
    padding: 10px 0;
}

    .logo img {
        width: 100%;
    }

.wrapper {
    margin: 0 auto;
    max-width: 1300px;
}

.mobile-nav {
    width: 100%;
    overflow: hidden;
}

    .mobile-nav a {
        display: block;
        padding: 12px 0;
        float: left;
        width: 50%;
        height: 52px;
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }

        .mobile-nav a:first-child {
            background: #51bfff;
        }

        .mobile-nav a:last-child {
            background: #4199cc;
        }

nav {
    position: relative;
    width: 100%;
    background: #51bfff;
    z-index: 5;
    /*top: -30px;*/
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

    nav .wrapper {
        width: 100%;
        /*overflow: hidden;*/
    }
        
    nav a {
        display: block;
        padding: 10px 11px;
    
        color: #fff;
        font-weight: bold;
    }

        nav a:hover {
            background: #529bc6;
            color: #fff;
            text-decoration: none;
        }

        nav a.active {
            background: #534741;
        }

    nav.open {
        top: 132px;
    }

.navlinks {
    min-height: 4px;
}

.account-tools {
    display: none;
    margin-top: 10px;
    color: #fff;
}

    .account-tools a {
        color: #bfbfbf;
    }

    .account-tools .divider {
        padding: 0 12px;
        color: #6790a8;
    }

    .account-tools .btn {
        margin-left: 10px;
        padding-left: 18px;
        padding-right: 18px;
        color: #bdcad1;
    }

.account-details {
    margin-top: 5px;
}

    .account-details.notloggedin {
        margin-top: 12px;
    }

    .account-details i {
        font-size: 30px;
        vertical-align: middle;
        color: #a0b5c2;
    }

.main-header {
    margin-bottom: 30px;
    position: relative;
}

.load-queries.active {
    background: #534741;
}

    .load-queries.active:hover {
        background: #534741;
    }

.saved-queries {
    clear: both;
    display: none;
    padding: 18px 13px;
    background: #fff;
    border-radius: 4px 0 4px 4px;
    border: solid 5px #534741;
    z-index: 1;
}

    .saved-queries ul {
        margin: 12px 0;
        padding: 0;
        width: 100%;
        list-style-type: none;
    }

    .saved-queries li {
        border-bottom: solid 1px #e0e0e0;
    }

        .saved-queries li a {
            display: block;
            padding: 5px 0;
        }

    .saved-queries.active {
        display: block;
    }

h1 {
    text-transform: uppercase;
    font-size: 36px;
    color: #acaba4;
    font-family: "ff-din-web",sans-serif;
    font-weight: 300;
}

h2 {
    font-size: 18px;
    line-height: 24px;
    color: #5a5a57;
    font-weight: normal;
    margin-bottom: 20px;
}

.btn-submit {
    display: block;
    padding: 8px 40px;
    width: 240px;
    margin: 10px auto;
    text-transform: uppercase;
}

.search-group, .report-options {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 4px;
}

    .search-group h3, .report-options h3, .seat-row h3 {
        display: block;
        padding: 8px 10px 5px;
        margin: 0;
        background: #477691;
        border-radius: 4px 4px 0 0;
        color: #fff;
        font-size: 22px;
        font-family: sans-serif;
        font-weight: normal;
    }

.form-row {
    margin-top: 16px;
    margin-bottom: 16px;
}

.search-input {
    padding: 10px;
}

.search-group select {
    width: 100%;
}

.search-form {
    border: solid 3px #d7d7d7;
    border-radius: 4px;
    margin-bottom: 10px;
}

.group-actions .btn {
    text-transform: uppercase;
}

.group-actions .btn-text {
    float: left;
}

.group-actions .dropdown {
    width: 48%;
    margin-right: 1%;
    display: inline-block;
}

    .group-actions .dropdown .btn {
        width: 100%;
    }

.group-actions i {
    float: right;
    font-size: 18px;
}

.group-actions .btn {
    padding: 14px 10px;
    width: 48%;
    text-align: left;
}

    .group-actions .btn:nth-child(1) {
        margin-right: 1%;
    }

.onlyone {
    background: #534741;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 8px;
    margin-left: 8px;
    font-size: 13px;
}

.chosen-container {
    width: 100% !important;
}

.chosen-choices li.search-field {
    padding: 8px 0 !important;
}

.chosen-choices li.search-choice {
    margin-top: 7px !important;
    padding: 8px 28px 8px 8px !important;
    background: #534741 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}

    .chosen-choices li.search-choice .search-choice-close {
        top: 9px !important;
        right: 6px !important;
    }

.chosen-choices li.search-field input[type="text"] {
    height: auto !important;
}

.my-group-list {
    display: none;
    padding: 10px;
}

    .my-group-list strong {
        font-size: 18px;
    }

    .my-group-list ul {
        margin: 10px 0;
        padding: 0;
        width: 100%;
        list-style-type: none;
    }

    .my-group-list li {
        display: block;
        border-bottom: solid 1px #e0e0e0;
    }

        .my-group-list li span, .my-group-list li a {
            padding: 8px 0;
            font-size: 16px;
        }

        .my-group-list li span {
            display: block;
        }

    .my-group-list.active {
        display: block;
    }

.new-user-group input[type="text"] {
    width: 260px;
    margin: 10px 0;
    padding: 8px;
    border-radius: 4px;
    border: solid 1px #959595;
}

.report-options h3 {
    background: #454455;
}

.query-errors {
    border: 2px solid #9e0b0f;
    padding: 10px;
}

.report-options .form {
    padding: 10px;
}

.option-group {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e0e0e0;
}

    .option-group h4 {
        font-size: 14px;
        margin-bottom: 13pt;
        font-weight: bold;
    }

    .option-group:last-child {
    }

    .option-group label {
        font-weight: normal;
    }

    .option-group > label {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .option-group .field {
        margin-bottom: 10px;
    }

        .option-group .field.break {
            clear: both;
            display: block;
        }

.news {
    padding: 20px 20px 0;
    background: #797a7c;
    color: #fff;
}

    .news a {
        color: #6dcff6;
        font-weight: bold;
    }

.news-content {
    position: relative;
    padding-left: 90px;
    font-size: 14px;
}

    .news-content img {
        position: absolute;
        left: 0;
        top: 0;
    }

.news h4 {
    font-size: 24px;
    font-family: "adobe-garamond-pro",serif;
}

.news-image {
    text-align: center;
    max-width: 450px;
}

    .news-image img {
        width: 100%;
    }

.querybar-inline {
    margin: 0;
    padding: 6px;
}

.querybar {
    background: rgba(255,255,255,.87);
    -webkit-box-shadow: 0 1px 5px 0 rgba(146,146,147,.7);
    -moz-box-shadow: 0 1px 5px 0 rgba(146,146,147,.7);
    box-shadow: 0 1px 5px 0 rgba(146,146,147,.7);
    top: 0;
    z-index: 99;
    left: 0;
    width: 100%;
    position: fixed;
}

.main {
    margin: 0;
    padding-bottom: 100px;
    padding-top: 16px;
}

.results-count {
    margin-top: 1em;
    font-size: 140%;
    text-align: right;
}

.action-bar .btn {
    width: auto;
    padding: 6px;
}

.action-bar .dropdown-menu {
    min-width: 180px;
}

.action-bar .dropdown {
    display: inline-block;
}

.action-bar .action-right {
    margin-top: 6px;
}

.action-message {
    padding-top: 12px;
}

.action-message-normal {
    background: #fff;
    border-radius: 4px;
    font-size: 20px;
    padding: 4px;
}

a.action-message-link {
    color: #fff;
    background: #09f;
    padding: 4px;
    text-decoration: underline;
}

.xlsx-message {
    color: #9e0b0f;
    display: block;
    margin-left: 1em;
}

.results-group {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

    .results-group h3 {
        margin: 0;
        padding: 10px;
        background: #4199cc;
        color: #fff;
        font-size: 22px;
        font-weight: normal;
        cursor: pointer;
    }

        .results-group h3 a, .results-group h3 a:hover {
            color: #fff;
            text-decoration: none;
        }

        .results-group h3 i {
            float: right;
        }

    .results-group.open .results-list {
        display: block;
    }

.results-list {
    display: none;
    margin: 0;
    padding: 10px;
    list-style-type: none;
    overflow: hidden;
}

.result-item {
    margin-bottom: 10px;
    height: 160px;
    border-radius: 4px;
    background: #d7d7d7;
    overflow: hidden;
}

    .result-item .value .exempt {
        font-weight: bold;
        font-size: 9pt;
    }

    .result-item .value .deferal-market {
        height: 36px;
    }

    .result-item h5 {
        display: block;
        margin: 0;
        padding: 5px 0;
        text-align: center;
        color: #fff;
        background: #406a82;
    }

    .result-item .value {
        padding: 6px 0 6px 4px;
        width: 30%;
        float: left;
        text-align: center;
        font-size: 13px;
    }

    .result-item .amount {
        margin: 0 auto 3px;
        font-weight: bold;
        border: solid 1px #d7d7d7;
        border-radius: 2px;
        font-size: 19px;
    }

    .result-item .alert-amount {
        border: solid 1px #9e0b0f;
        border-radius: 2px;
        color: #9e0b0f;
    }

    .result-item .details {
        padding: 10px;
        float: right;
        width: 66%;
        height: 130px;
        margin-right: 5px;
        margin-bottom: 5px;
        background: #fff;
        font-size: 12px;
    }

        .result-item .details .details-text {
            height: 82px;
            margin-bottom: 10px;
        }

.moreinfo.btn {
    display: block;
    margin: 14px 0 0;
    padding: 4px;
    font-size: 10px;
}

div.legend {
    background: #eee;
    border: 3px solid #ccc;
    padding: 8px;
    display: none;
}

.result-item .alert-text {
    color: #9e0b0f;
}

.detail-actions {
    list-style-type: none;
    padding: 0;
}

    .detail-actions li {
        width: 20%;
        max-width: 30px;
        float: left;
    }

.details-actions li:last-child {
    margin-right: 0;
}

.detail-actions span {
    color: #406a82;
    font-size: 20px;
    text-decoration: none;
}




.btn:hover, .btn:active, .btn:focus {
    color: #fff;
}

.btn-gray {
    background: #818284;
}

    .btn-gray:hover {
        background: #757575;
    }

.btn-blue {
    background: #406a82;
}

    .btn-blue:hover {
        background: #335466;
    }

.btn-drk-blue {
    background: #1b3d50;
}

    .btn-drk-blue:hover {
        background: #2b5871;
    }

.btn-nocolor, .btn-nocolor:hover {
    background: none;
    color: #09f;
    font-weight: normal;
}

    .btn-nocolor:hover {
        text-decoration: underline;
    }

.btn-gray-blue {
    background: #9fb4c0;
}

    .btn-gray-blue:hover {
        background: #8a9ba5;
    }

.btn-light-gray {
    background: #a1a1a1;
}

    .btn-light-gray:hover {
        background: #8c8b8b;
    }

.btn-brown {
    background: #534741;
}

    .btn-brown:hover {
        background: #403733;
    }

.btn-text {
    display: inline-block;
    vertical-align: middle;
}

.btn-submit {
    display: block;
    padding: 14px 20px;
    width: 240px;
    font-size: 120%;
    margin: 10px auto;
    text-transform: uppercase;
}

    .btn-submit i {
        margin-left: 10px;
        font-size: 20px;
        vertical-align: middle;
    }

.btn.load-queries, .btn.reset, .btn.emailnotifications, .btn.backtochange {
    position: relative;
}

.btn.load-queries, .btn.reset {
    padding-right: 30px;
}

.load-queries i {
    position: absolute;
    top: 12px;
    right: 6px;
    font-size: 16px;
}

.selected, .selected:hover {
    background: #4bcc41;
}

    .selected .icon {
        background-position: 0 -86px;
    }

.my-groups.active {
    background: #4199cc;
}

.lt-ie9 .icon {
    background-image: url("../../img/spritesheet@1x.png");
}

.icon-show-all {
    background-position: 0 -28px;
}

.icon-select-all {
    background-position: 0 -47px;
}

.icon-groups {
    background-position: 0 -67px;
}

.icon-pin {
    height: 25px;
    margin-left: 12px;
    background-position: 0 -159px;
}

.aug26chart img {
    width: 98%;
    border: 1px solid #ccc;
}

.icon-user {
    width: 27px;
    height: 27px;
    margin-right: 8px;
    background-position: 0 -131px;
}

.icon-hamburger {
    width: 27px;
    height: 27px;
    background-position: 0 -188px;
}

.icon-large-check {
    width: 27px;
    height: 28px;
}

.icon-submit {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    background-position: 0 -104px;
}

.group-actions .dropdown .btn .glyphicon {
    position: absolute;
    top: 32%;
    font-size: 140%;
    right: 10px;
}

@media screen and (min-width:768px) {
    .action-bar .dropdown .btn .glyphicon {
        position: absolute;
        top: 32%;
        font-size: 120%;
        right: 10px;
    }

    .action-bar .btn {
        padding: 10px 40px 10px 10px;
        margin-bottom: 0;
        position: relative;
        text-align: left;
    }

    .action-bar i {
        position: absolute;
        right: 10px;
        font-size: 18px;
    }

    header {
        height: 97px;
    }

    .logo {
        float: left;
        margin: 6px auto;
        padding: 10px 0;
    }

    .mobile-nav {
        display: none;
    }

    nav {
        display: block;
        position: relative;
        top: 0;
    }

        nav a {
            float: left;
        }

        nav.open {
            top: 0;
        }

    .account-tools {
        display: block;
        float: right;
        text-align: right;
    }

    button.changeSub {
        background: rgba(106,159,189,.51);
        padding: 6px;
        color: #fff;
        border-radius: 4px;
        border: none;
    }

    .userdash {
        padding-bottom: 5px;
    }

    .title-group {
        float: left;
    }

    .load-queries, .btn.reset, .btn.emailnotifications, .btn.backtochange {
        float: right;
        margin-top: 20px;
        margin-left: 8px;
    }

    .reset .glyphicon {
        position: absolute;
        top: 12px;
        right: 8px;
    }

    .search-form {
        float: left;
        width: 65%;
        margin-bottom: 0;
    }

    .saved-queries {
        position: absolute;
        width: 100%;
        top: 105px;
    }

        .saved-queries ul {
            display: table;
        }

        .saved-queries li {
            display: table-row;
            border-bottom: 0;
        }

            .saved-queries li a {
                display: table-cell;
                border-bottom: solid 1px #e0e0e0;
            }

                .saved-queries li a:first-child {
                    width: 75%;
                }

    .group-actions {
        width: 35%;
        padding-left: 1%;
        float: right;
    }

    .my-group-list {
        width: 100%;
    }

        .my-group-list ul {
            display: table;
        }

        .my-group-list li {
            display: table-row;
        }

            .my-group-list li a, .my-group-list li span {
                display: table-cell;
                border-bottom: solid 1px #e0e0e0;
            }

            .my-group-list li span {
                width: 70%;
            }

    .new-user-group input[type="text"] {
        margin: 0 10px;
    }

    .action-bar .action-left {
        float: left;
    }

    .action-bar .action-right {
        float: right;
        margin-top: 0;
    }

    .result-item {
        float: left;
        width: 49%;
        margin-right: 10px;
    }

        .result-item:nth-child(even) {
            margin-right: 0;
        }

    .news {
        padding: 20px 0 0 0;
    }

    .news-content {
        float: left;
        max-width: 575px;
        width: 60%;
    }

    .news-image {
        float: right;
        width: 40%;
    }

        .news-image img {
            width: 100%;
        }

    footer {
        padding: 20px 0 50px 0;
    }
}

@media screen and (min-width:900px) {
    .result-item {
        width: 24%;
        margin-right: 10px;
    }

    #subscribe-button.showsubscribe {
        display: block;
        -webkit-animation: 1s subscribeanim;
        animation: 1s subscribeanim;
    }

    .result-item:nth-child(even) {
        margin-right: 10px;
    }

    .result-item:nth-child(4n) {
        margin-right: 0;
    }
}

@media screen and (min-width:575px) {
    .option-group > label {
        display: inline-block;
        width: 22%;
        vertical-align: top;
    }

    footer #footer-left {
        float: left;
    }

    footer #footer-right {
        padding: 20px 105px 0 0;
        float: right;
    }

    .option-group .field-group {
        display: inline-block;
        width: 73%;
    }

    .option-group .field {
        display: inline-block;
        margin-right: 20px;
    }
}

.modal-body section.subscriptions-table > table tr.row-different .header .general .title {
    font-size: 1em;
}

.modal-body section.subscriptions-table > table tr.row-different .header .general .amount {
    font-size: 1.66667em;
}

section.subscriptions-table {
    max-width: 981px;
    margin: 0 auto;
    min-height: 20px;
    font-size: 13px;
}

    section.subscriptions-table .nothing {
        background-color: transparent !important;
        text-align: center;
        width: 25%;
        display: none;
        border-right: 6px solid transparent;
    }

    section.subscriptions-table > table {
        width: 100%;
        table-layout: fixed;
    }

        section.subscriptions-table > table tr.row-different:first-child td {
            border-bottom-color: #a3c54c;
        }

            section.subscriptions-table > table tr.row-different:first-child td:first-child {
                background-color: transparent;
            }

        section.subscriptions-table > table tr.row-different:last-child .header {
            border-right: 3px solid #dad9d6;
        }

        section.subscriptions-table > table tr.row-different .header {
            padding: 0 5px;
            position: relative;
            background-color: #fff;
        }

            section.subscriptions-table > table tr.row-different .header .signup {
                position: absolute;
                bottom: 5px;
                left: 0;
                right: 0;
                padding: 0 14px;
            }

            section.subscriptions-table > table tr.row-different .header .general {
                width: 100%;
                border-bottom: 2px solid #e4e3da;
                text-align: center;
                padding: 20px 0;
            }

                section.subscriptions-table > table tr.row-different .header .general .title {
                    font-size: .89em;
                    font-family: "adobe-garamond-pro";
                    font-weight: 400;
                    color: #000;
                }

                section.subscriptions-table > table tr.row-different .header .general .amount {
                    font-size: 2.22222em;
                }

                section.subscriptions-table > table tr.row-different .header .general .recurring {
                    font-style: italic;
                    font-size: 1.11111em;
                }

            section.subscriptions-table > table tr.row-different .header .list {
                min-height: 150px;
                padding-top: 15px;
            }

                section.subscriptions-table > table tr.row-different .header .list ul {
                    margin: 0;
                    padding: 0 0 15px;
                    list-style: none;
                }

            section.subscriptions-table > table tr.row-different .header.bigger {
                border-top: 30px solid #7ba4bc;
                background-color: #436f88;
                color: #fff;
                height: 385px;
            }

                section.subscriptions-table > table tr.row-different .header.bigger .signup .btn {
                    background-color: #7ba4bc;
                }

                    section.subscriptions-table > table tr.row-different .header.bigger .signup .btn:hover {
                        background-color: #335466;
                    }

                section.subscriptions-table > table tr.row-different .header.bigger .title {
                    color: #fff;
                }

            section.subscriptions-table > table tr.row-different .header.regular {
                border-top: 15px solid #6cb5df;
                margin-top: 15px;
                height: 370px;
            }

        section.subscriptions-table > table tr.row-different td:nth-child(3n+3) .header {
            background-color: #f3f3f3;
        }

        section.subscriptions-table > table tr.row-different .btn {
            display: block;
            text-align: center;
            background-color: #406a82;
            color: #fff;
            text-transform: uppercase;
            padding: 10px 0;
        }

            section.subscriptions-table > table tr.row-different .btn:hover {
                background-color: #335466;
            }

        section.subscriptions-table > table tr.row-different.white td {
            background-color: #fff;
            border-bottom: 3px solid #dad9d6;
        }

            section.subscriptions-table > table tr.row-different.white td:first-child {
                border-left: 3px solid #dad9d6;
            }

            section.subscriptions-table > table tr.row-different.white td:last-child {
                border-right: 3px solid #dad9d6;
            }

            section.subscriptions-table > table tr.row-different.white td.nothing {
                border: 0;
            }

            section.subscriptions-table > table tr.row-different.white td.gray {
                background-color: #f3f3f3;
                color: #000 !important;
            }

            section.subscriptions-table > table tr.row-different.white td .btn.modified {
                display: block;
                margin: 0 auto;
                width: 43px;
                height: 43px;
                line-height: 14px;
                font-size: 28px;
                margin-top: 22px;
                margin-bottom: 22px;
            }

            section.subscriptions-table > table tr.row-different.white td a:after {
                content: "+";
            }

            section.subscriptions-table > table tr.row-different.white td.active {
                border-bottom-color: #fff;
            }

                section.subscriptions-table > table tr.row-different.white td.active .btn.modified {
                    background-color: #ebebeb;
                }

                section.subscriptions-table > table tr.row-different.white td.active a:after {
                    content: "-";
                    color: #000;
                }

            section.subscriptions-table > table tr.row-different.white td:first-child {
                background-color: transparent;
            }

            section.subscriptions-table > table tr.row-different.white td:nth-child(3n+2) {
                border-left: 3px solid #dad9d6;
            }

            section.subscriptions-table > table tr.row-different.white td.gray.active {
                border-bottom-color: #f3f3f3;
            }

            section.subscriptions-table > table tr.row-different.white td:last-child {
                background-color: #436f88;
            }

                section.subscriptions-table > table tr.row-different.white td:last-child.active {
                    border-bottom-color: #436f88;
                }

                    section.subscriptions-table > table tr.row-different.white td:last-child.active .btn {
                        background-color: #6790a8;
                    }

                    section.subscriptions-table > table tr.row-different.white td:last-child.active a:after {
                        color: #fff;
                    }

                section.subscriptions-table > table tr.row-different.white td:last-child .btn {
                    background-color: #7ba4bc;
                }

                    section.subscriptions-table > table tr.row-different.white td:last-child .btn:hover {
                        background-color: #335466;
                    }

        section.subscriptions-table > table tr.row-different.tabular .tab {
            border-bottom-color: #dad9d6 !important;
            color: #000 !important;
        }

            section.subscriptions-table > table tr.row-different.tabular .tab a:after {
                content: "" !important;
            }

        section.subscriptions-table > table tr.row-different.tabular td {
            padding: 30px;
            display: none;
            font-size: 14px;
            border: 3px solid #dad9d6;
        }

            section.subscriptions-table > table tr.row-different.tabular td .btn {
                width: 150px;
                color: #fff;
            }

            section.subscriptions-table > table tr.row-different.tabular td .nothing {
                display: table-cell;
            }

            section.subscriptions-table > table tr.row-different.tabular td ul {
                margin: 0;
                padding: 0;
                margin-left: 20px;
            }

                section.subscriptions-table > table tr.row-different.tabular td ul ul {
                    margin-left: 10px;
                }

            section.subscriptions-table > table tr.row-different.tabular td.active {
                display: table-cell;
            }

            section.subscriptions-table > table tr.row-different.tabular td.blue {
                background-color: #436f88;
                color: #fff !important;
            }

                section.subscriptions-table > table tr.row-different.tabular td.blue .btn {
                    color: #fff;
                    background-color: #7ba4bc;
                }

            section.subscriptions-table > table tr.row-different.tabular td.gray {
                background-color: #f3f3f3;
            }

        section.subscriptions-table > table tr.row-normal {
            border: 3px solid #a3c54c;
            border-left-color: #dad9d6;
            border-right-color: #dad9d6;
            background-color: #fff;
        }

            section.subscriptions-table > table tr.row-normal table {
                table-layout: fixed;
                width: 100%;
            }

                section.subscriptions-table > table tr.row-normal table tr td {
                    height: 55px;
                }

                section.subscriptions-table > table tr.row-normal table td:nth-child(3n+2) {
                    background-color: #f3f3f3;
                    border-left: 2px solid #f3f3f3;
                }

                section.subscriptions-table > table tr.row-normal table td:last-child {
                    background-color: #436f88;
                    color: #fff;
                }

                section.subscriptions-table > table tr.row-normal table tr:first-child td {
                    text-align: center;
                    padding-left: 15px;
                    border-right: 0;
                    border-bottom: 3px solid #dad9d6;
                    background-color: #fff !important;
                    color: #000 !important;
                    text-transform: uppercase;
                    font-family: "ff-din-web";
                    font-weight: 600;
                }

            section.subscriptions-table > table tr.row-normal .show-on-mobile tr {
                display: block;
                background-color: #fff !important;
                color: #000 !important;
                text-transform: uppercase;
                font-family: "ff-din-web";
                font-weight: 600;
            }

        section.subscriptions-table > table tr.row-different .btn.trial {
            background-color: #51bfff;
            padding: 10px;
        }

        section.subscriptions-table > table tr.row-normal > td {
            text-align: center;
            height: 55px;
        }

            section.subscriptions-table > table tr.row-normal > td:first-child {
                padding-left: 15px;
                text-transform: uppercase;
                font-family: "ff-din-web";
                font-weight: 600;
                font-size: 1em;
                text-align: left;
                display: none;
                border-right: 3px solid #dad9d6;
                border-left: 0;
            }

@media(min-width:375px) {
    section.subscriptions-table > table tr.row-different .header .general .title {
        font-size: 1.1em;
    }
}

@media(min-width:750px) {
    section.subscriptions-table {
        font-size: 18px;
    }

        section.subscriptions-table .nothing {
            display: table-cell !important;
        }

        section.subscriptions-table > table tr.row-normal > td:first-child {
            display: table-cell;
        }

        section.subscriptions-table > table tr.row-different .header {
            padding: 0 15px;
        }

            section.subscriptions-table > table tr.row-different .header .signup {
                bottom: 10px;
                padding: 0 45px 0;
            }

            section.subscriptions-table > table tr.row-different .header .general {
                padding: 20px;
            }

                section.subscriptions-table > table tr.row-different .header .general .amount {
                    font-size: 1.66667em;
                }

            section.subscriptions-table > table tr.row-different .header .list {
                padding: 15px;
                font-size: .77778em;
            }

                section.subscriptions-table > table tr.row-different .header .list ul {
                    list-style: disc;
                }

            section.subscriptions-table > table tr.row-different .header.bigger {
                height: 407px;
            }

            section.subscriptions-table > table tr.row-different .header.regular {
                height: 392px;
            }

        section.subscriptions-table > table tr.row-normal table tr:first-child {
            display: none;
        }

        section.subscriptions-table > table tr.row-normal .show-on-mobile {
            display: none;
        }
}

@media(min-width:900px) {
    section.subscriptions-table > table tr.row-different .header {
        padding: 0 30px;
    }
}

@media(min-width:970px) {
    section.subscriptions-table > table tr.row-different .header .general .title {
        font-size: 1.33333em;
    }

    section.subscriptions-table > table tr.row-different .header .general .amount {
        font-size: 2.66667em;
    }
}

@media(min-width:1000px) {
    section.subscriptions-table > table tr.row-different .header .general .title {
        font-size: 1.38889em;
    }
}

.wrapper {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px;
    overflow: hidden;
}

.info-bar {
    background: #529bc6;
    font-size: 16px;
    padding: 1rem .25rem;
    color: #fff;
    font-weight: bold;
}

    .info-bar a {
        color: #fff;
        text-decoration: underline;
    }

.txt18 {
    font-size: 18px !important;
    line-height: 18px !important;
}

.txt24 {
    font-size: 24px;
}

.home-notice {
    margin: 0 0 4px 0;
    display: inline-block;
    background: rgba(67,112,138,.9);
    padding: 8px;
    color: #fff;
}

    .home-notice a {
        color: #fff;
        text-decoration: underline;
    }

.hero-home {
    width: 100%;
    background: url("../../Content/Home/img/home.jpg") center center;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Content/Home/img/home.jpg', sizingMethod='scale');
    padding: 0 10px;
    padding-top: 1%;
    padding-bottom: 4%;
}

.freesignup {
    margin-top: 8px;
}

/*.hero.overview {
    background: url("/img/heros/overview.jpg") center center;
}

.hero.marketinformation {
    background: url("/img/heros/marketinformation.jpg") center center;
}

.hero.contact {
    background: url("/img/heros/bg-contact.jpg") center center;
}

.hero.connect {
    background: url("/img/heros/bg-connect.jpg") center center;
}

.hero.support {
    background: url("/img/heros/bg-support.jpg") center center;
}

.hero.subscriptions {
    background: url("/img/heros/bg-subscriptions.jpg") center center;
}

.hero.userguide {
    background: url("/img/heros/bg-userguide.jpg") center center;
}*/

.hero {
    width: 100%;
    height: 140px;
    background-size: cover !important;
}

img {
    vertical-align: baseline;
}

.no-bullets {
    list-style-type: none;
}

.box {
    background-color: #fff;
    padding: 15px;
}

    .box ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .box ul li {
            border-bottom: 1px solid silver;
            padding-bottom: 10px;
            padding-top: 5px;
        }

.content {
    font-size: 16px;
}

.posts {
    margin-top: -12px;
}

.form {
    margin-top: 10px;
    color: #939393;
}

.form-full input, .form-full textarea, .form-full select {
    width: 100%;
}

.form input, textarea, select {
    background-color: #fff;
    border: 0;
    margin-top: 16px;
    padding: 10px;
    font-size: 16px;
    color: #292b31;
    border-radius: 3px;
}

.padr {
    padding-right: 8px;
}

.padl {
    padding-left: 8px;
}

.submit-holder {
    margin-top: 1em;
    text-align: right;
}

#subs > div {
    overflow: hidden;
}

#subs {
    padding-bottom: 1.5em;
    overflow: hidden;
}

.form select {
    height: 39px;
}

.submit {
    background-color: #a5a399 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    border: 0;
    margin-top: 5px;
    padding: 10px;
    border-radius: 3px;
}

.newsletterreg {
    padding: 4px 0;
}

@media screen and (min-width:865px) {
    .modal-dialog {
        width: 865px;
    }

    .form .specialf {
        width: 49%;
        margin-right: 1.4%;
    }

    .form .speciall {
        width: 49%;
    }
}

.no-pad {
    padding: 0;
}

.nobotpad {
    padding-bottom: 0;
}

.general .button {
    padding: 15px !important;
}

.field-accordion.active .field-acccon {
    margin-bottom: 20px;
}

.blue {
    color: #288fcb;
}

.deep-blue {
    color: #2435a75e;
}

.txt17 {
    font-size: 17px;
}

.hero-home .contents {
    max-width: 550px;
}

    .hero-home .contents h1 {
        font-size: 60px;
    }

    .hero-home .contents .button {
        width: 100%;
    }

    .hero-home .contents .button {
        float: left;
    }

    .hero-home .contents .button {
        border-radius: 4px;
        padding: 15px 20px;
        padding-right: 30px;
        margin-right: 10px;
        margin-top: 10px;
    }

.btn.trial, .button.trial {
    background-color: #51bfff;
}

.remove-anchor-style {
    color: inherit;
    text-decoration: none;
}

    .remove-anchor-style:hover, .remove-anchor-style:focus {
        color: inherit;
        text-decoration: none;
    }

    .remove-anchor-style:focus {
        outline: none;
        outline-offset: 0;
    }

.videoholder {
    border: 10px solid #fff;
    background: #fff;
    box-sizing: content-box;
    margin-bottom: 2rem;
    min-height: 416px;
}

    .videoholder h5 {
        font-size: 18px;
        font-weight: bold;
    }

    .videoholder .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        margin-bottom: 1rem;
    }

        .videoholder .embed-container iframe, .videoholder .embed-container object, .videoholder .embed-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .videoholder .videoplayer {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .videoholder .play-button {
        height: 40px;
        width: 65px;
        background-color: rgba(0,0,0,.7);
        border-radius: 5px;
        position: absolute;
        margin: -2em 0 0 -3.25em;
        top: 50%;
        left: 50%;
    }

        .videoholder .play-button:hover {
            background-color: rgba(0,173,239,.9);
        }

        .videoholder .play-button:after {
            content: "";
            display: block;
            position: absolute;
            top: 10.5px;
            left: 24px;
            margin: 0 auto;
            border-style: solid;
            border-width: 9.5px 0 9.5px 17px;
            border-color: transparent transparent transparent #fff;
        }

    .videoholder .thumbnail {
        width: 100%;
    }

.btn.trial:hover {
    background-color: #529bc6;
}

.button.trial:hover {
    color: #fff;
}

.hero-home .contents .button.green {
    color: #464646;
    background: #c8df0c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4ZGYwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2M4ZGYwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGQ0MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#c8df0c 0%,#c8df0c 51%,#bdd401 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c8df0c),color-stop(51%,#c8df0c),color-stop(100%,#bdd401));
    background: -webkit-linear-gradient(top,#c8df0c 0%,#c8df0c 51%,#bdd401 100%);
    background: -o-linear-gradient(top,#c8df0c 0%,#c8df0c 51%,#bdd401 100%);
    background: -ms-linear-gradient(top,#c8df0c 0%,#c8df0c 51%,#bdd401 100%);
    background: linear-gradient(to bottom,#c8df0c 0%,#c8df0c 51%,#bdd401 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8df0c',endColorstr='#bdd401',GradientType=0);
}

.home-buttons {
    margin-top: 1rem;
}

.hero-home .contents .button.blue {
    color: #fff;
    background: #3399d5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOTlkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzI1OGNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTgwYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3399d5),color-stop(51%,#258cc8),color-stop(100%,#1a80bd));
    background: -webkit-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
    background: -o-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
    background: -ms-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
    background: linear-gradient(to bottom,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399d5',endColorstr='#1a80bd',GradientType=0);
}

.links-bar {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292b31',endColorstr='#191b21',GradientType=0); /*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr='#292b31', endColorstr= #191b21)"; /*IE8+*/
}

ul.links {
    padding: 0;
    list-style: none;
    font-size: 14px;
}

    ul.links a::after {
        content: " »";
    }

.hero-home .contents .home-trial {
    margin-top: 1rem;
    padding-bottom: 1rem;
}

    .hero-home .contents .home-trial .button {
        width: auto;
        display: inline-block;
        float: none;
    }

.links-bar .category {
    float: left;
    width: 33.3%;
    min-height: 30px;
    display: block;
    padding: 0 15px 0 0;
    margin: 0 auto;
    margin-top: 20px;
}

    .links-bar .category .image {
        width: 30%;
        float: left;
        text-align: center;
    }

    .links-bar .category .text {
        width: 70%;
        float: left;
    }

        .links-bar .category .text ul {
            list-style-image: url("../../Content/Home/img/arrow.png");
            padding: 0;
            list-style-position: inside;
            text-indent: -1em;
            padding-left: 1em;
        }

            .links-bar .category .text ul li {
                padding: 0;
                margin-bottom: 1em;
                font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'Microsoft YaHei UI', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
            }

        .links-bar .category .text a {
            color: #87d8ee;
        }

    .links-bar .category .more {
        float: right;
        width: 70%;
        margin-bottom: 10px;
    }

        .links-bar .category .more a {
            color: #87d8ee;
        }

.newsposts {
    clear: both;
    height: 400px;
    padding: 30px 20px;
    margin-bottom: 30px;
}

    .newsposts .post {
        width: 100%;
        float: left;
        padding-right: 25px;
    }

.special {
}

.newsposts .post .special, .title {
    margin-bottom: 10px;
}

.newsposts .post a {
    color: #09f;
}

.newsposts .posts {
    width: 100%;
    float: left;
    margin-bottom: 25px;
    margin-top: 25px;
}

    .newsposts .posts .special {
        margin-bottom: 15px;
    }

    .newsposts .posts .box {
        width: 100%;
        background-color: #fff;
        padding: 20px;
        margin-bottom: 3;
    }

.itemrev {
    display: block;
    border-top: 1px solid silver;
    margin-top: 2px;
    padding-top: 6px;
}

.newsposts .posts .box .item {
    width: 100%;
    border-bottom: 1px solid silver;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .newsposts .posts .box .item a {
        color: #09f;
    }

@media screen and (min-width:750px) {
    .home-notice {
        margin: 1em 0;
    }

    .newsposts {
        clear: both;
        height: 400px;
        padding-top: 30px;
        margin-bottom: 0;
    }

        .newsposts .post {
            width: 70%;
            float: left;
            padding-right: 25px;
        }

        .newsposts .posts {
            width: 30%;
            float: left;
            margin-top: 0;
        }

            .newsposts .posts .special {
                margin-bottom: 15px;
            }

            .newsposts .posts .box {
                width: 100%;
                background-color: #fff;
                padding: 20px;
            }

                .newsposts .posts .box .item {
                    width: 100%;
                    border-bottom: 1px solid silver;
                    padding-bottom: 10px;
                    padding-top: 10px;
                }
}

@media screen and (min-width:865px) {
    .links-bar .category {
        width: 33.3%;
    }

    .links-bar {

    }

        .links-bar .category {
            margin-top: 0;
        }

            .links-bar .category .text {
                min-height: 170px;
            }

            .links-bar .category .more {
                padding-top: 10px;
            }
}

@media screen and (min-width:575px) {
    .hero-home .contents h1 {
        font-size: 77px;
        line-height: 77px;
    }

    .hero-home {
        height: 480px;
    }

        .hero-home .contents .button {
            width: auto;
            margin-top: 0;
        }

    .newsletterreg {
        text-align: right;
        padding-top: 8px;
        padding-right: 8px;
        padding-bottom: 0;
    }
}

@media screen and (min-width:900px) {
    .links-bar {

    }

        .links-bar .category {
            margin-top: 0;
        }

            .links-bar .category .text {
                min-height: 160px;
            }

            .links-bar .category .more {
                padding-top: 0;
            }
}

.lightblue {
    color: #65b1dd;
}

.txt20 {
    font-size: 20px;
}

.titlefix {
    padding-bottom: 5px;
}

.white {
    color: #fff !important;
}

.biggray {
    color: #666;
}

.newsposts .posts .box .items {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .newsposts .posts .box .items li:first-child {
        padding-top: 0;
    }

footer {
    position: static;
}

#terms .indent {
    margin-left: 30px;
}

p.section {
    font-size: .7em;
    font-weight: bold;
}

hr {
    border-top: 2px solid #dcdcdc;
}

    hr.dotted {
        border-style: dotted;
    }

        hr.dotted.spacing {
            margin-top: 50px;
        }

.general {
    padding-top: 40px;
    padding-bottom: 40px;
}

.title {
    text-transform: uppercase;
    line-height: 45px;
    font-size: 36px;
    color: #666;
}

    .title.blue {
        text-transform: none;
    }

    .title.light {
        color: #acaba4;
        font-weight: 300;
    }

.lighter {
    color: #777;
}

.subtitle {
    font-size: 17px;
    color: #000;
}

h2 {
    font-size: 36px;
    color: #666;
}

.garamond {
}

h3 {
    font-size: 24px;
}

.steps-header {
    font-size: 20px;
}

h4 {
    font-size: 28px;
}

.overview-signup {
    margin-top: 25px;
    background-color: #e0ded4;
    width: 100%;
    height: 265px;
    padding: 30px;
}

    .overview-signup .button.blue {
        width: 100%;
        margin-top: 10px;
        font-size: 20px;
        padding: 5px 10px;
        color: #fff;
        background: #3399d5;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOTlkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzI1OGNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTgwYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3399d5),color-stop(51%,#258cc8),color-stop(100%,#1a80bd));
        background: -webkit-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
        background: -o-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
        background: -ms-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
        background: linear-gradient(to bottom,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399d5',endColorstr='#1a80bd',GradientType=0);
    }

@media screen and (min-width:575px) {
    .overview-signup .button.blue {
        width: 266px;
    }

    .hero-home .contents .home-trial {
        margin-top: 3rem;
    }
}

.subscriptions {
    width: 100%;
}

    .subscriptions tr {
        height: 35px;
    }

    .subscriptions input, select {
        width: 100%;
    }

.inop {
    margin-top: 10px;
}

    .inop ul {
        list-style-type: none;
        padding-left: 16px;
        padding-right: 16px;
    }

        .inop ul li {
            text-indent: -9px;
        }

    .inop .green {
        color: #e4ff00;
    }

.modal .inop .includes {
    height: 350px;
}

@media screen and (max-width:992px) {
    .modal .inop .includes {
        height: auto;
    }
}

.inop .includes {
    height: 300px;
    border-bottom: 1px solid #fff;
    padding: 14px;
    color: #fff;
}

@media screen and (max-width:992px) {
    .inop .includes {
        height: auto;
    }
}

.action {
    margin-top: 6px;
}

    .action .btn {
        width: 100%;
        background: #436f88;
    }

        .action .btn:hover {
            background-color: #6cb5df;
        }

.tabselect {
    margin-top: 1em;
}

.inop .includes.free {
    background-color: #fff;
    color: #666;
    height: auto;
}

.inop .includes.standard {
    background-color: #6cb5df;
}

.inop .includes.professional {
    background-color: #548dad;
}

.inop .includes.enterprise {
    background-color: #436f88;
}

.inop .options {
    height: 138px;
    padding: 14px;
    color: #fff;
    border-bottom: 1px solid #fff;
}

    .inop .options.standard {
        background-color: #5c9bc0;
    }

    .inop .options.professional {
        background-color: #4c7e9b;
    }

    .inop .options.enterprise {
        background-color: #3a6176;
    }

.inop .audience {
    height: 121px;
    padding: 14px;
    color: #fff;
}

    .inop .audience.standard {
        background-color: #a5a5a5;
    }

    .inop .audience.professional {
        background-color: gray;
    }

    .inop .audience.enterprise {
        background-color: #656565;
    }

.inop .subscription-price {
    font-size: 20px;
    font-style: italic;
    padding: 14px 5px;
}

.inop li:before {
    content: "• ";
    color: #e4ff00;
}

.inop ul li ul {
    list-style-type: none;
}

    .inop ul li ul li:before {
        content: "- ";
        color: #e4ff00;
    }

.demo-signup .button.blue {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 20px;
    padding: 5px 10px;
    color: #fff;
    background: #3399d5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOTlkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzI1OGNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTgwYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3399d5),color-stop(51%,#258cc8),color-stop(100%,#1a80bd));
    background: -webkit-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
    background: -o-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
    background: -ms-linear-gradient(top,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
    background: linear-gradient(to bottom,#3399d5 0%,#258cc8 51%,#1a80bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399d5',endColorstr='#1a80bd',GradientType=0);
}

@media screen and (min-width:575px) {
    .demo-signup .button.blue {
        width: 135px;
    }
}

.video > .title {
    font-size: 21px;
    text-transform: capitalize;
    line-height: 20px;
    margin-bottom: 0;
    line-height: 40px;
}

.video .thumb {
    height: 190px;
    width: 100%;
    display: block;
}

    .video .thumb img {
        height: 190px;
        width: 100%;
    }



.form textarea {
    width: 100%;
}

.form .field-validation-error {
    color: #9e0b0f;
    font-weight: bold;
}

.form .input-validation-error {
    border: 3px solid #9e0b0f;
}

.form input[type=radio], .form input[type=checkbox] {
    width: auto;
}

#myModal .modal-content {
    background: #e8e6dc;
    border-radius: 0;
}

#myModal .modal-body {
    padding: 10px;
}

#myModal .modal-title {
    font-size: 28px;
}

.wrapper.message {
    margin: 2em auto;
}

.hide {
    display: none;
}

.alert-danger {
    color: #9e0b0f;
    background-color: #fff;
    border: 3px solid #9e0b0f;
    font-weight: bold;
    border-radius: 0;
}

.form-progress {
    box-sizing: border-box;
    background: #fff;
    border-bottom: 2px solid #436f88;
    font-size: 20px;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

    .form-progress a.step {
        color: #666;
        background: #fff;
        text-align: left;
        padding: 12px;
        border: none;
        display: block;
    }

        .form-progress a.step:hover {
            text-decoration: none;
        }

    .form-progress .step-count {
        background: #7ba4bc;
        color: #fff;
        border-radius: 50%;
        padding: 4px 8px;
    }

    .form-progress a.step.active {
        background: #436f88;
        color: #fff;
    }

    .form-progress a.step.complete .step-count {
        background: #ccc;
        color: #6f6f6f;
    }

    .form-progress a.step.saveform {
        color: #09f;
    }

.review .subscription-number {
    background: #fff;
    text-align: center;
}

    .review .subscription-number .number {
        font-size: 64px;
    }

    .review .subscription-number .pic {
        background: #19b320;
        color: #fff;
        padding: 16px;
        border-radius: 50%;
        font-size: 44px;
    }

        .review .subscription-number .pic.glyphicon-globe {
            background: #09f;
        }

.review .subscription-row {
    background-color: #fff;
}

.review .subscription-header {
    padding: 1rem;
    font-size: 24px;
    margin-top: 1rem;
    color: #666;
    border-bottom: 2px solid #ccc;
}

.review .subscription-field, .review .subscription-value {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 16px;
}

.review .subscription-field {
    font-weight: bold;
    padding-left: .5rem;
    color: #666;
    padding-right: 1rem;
}

.review .subscription-value {
    background-color: #efefef;
    padding-left: 2rem;
}

.review .editbutton {
    float: right;
}







.selectall-cat {
    padding: 8px 0;
    font-size: 18px;
}

    .selectall-cat label {
        display: block;
        padding-right: 16px;
    }

    .selectall-cat input[type=checkbox] {
        float: right;
    }

a.commodity {
    color: #666;
    text-decoration: none;
}

    a.commodity .glyphicon {
        font-size: 10px;
    }

.selectall-cat:hover {
    text-decoration: underline;
}

@media screen and (min-width:768px) {
    .subscription-field {
        text-align: right;
        padding-left: 1rem;
    }

    .showsubs {
        float: right;
    }

    .subscription-value {
        padding-left: 1rem;
    }
}

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .hvr-sweep-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #436f88;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
        color: #fff;
    }

        .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
