@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

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

body {
    margin: 0;
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

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

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

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

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

td, th {
    padding: 0;
}

.btn {
    color: #fff;
    border-radius: 3px;
    padding: .7em .9em;
    text-decoration: none;
    background: #e3002b;
    cursor: pointer;
    text-align: center;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid transparent;
}

    .btn:hover {
        background: #ba0023;
        color: #fff;
        border: 1px solid #ba0023;
    }

.btn-arrow:after {
    font-family: "eca-icons";
    content: "";
    speak: none;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    padding-left: .25em;
    position: relative;
    top: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width:689px) {
    .btn-spacing {
        margin: .5em 0;
        width: 100%;
    }

}

@media only screen and (min-width:690px) {
    .btn-spacing {
        margin: 1em .5em;
    }

        .btn-spacing:first-child {
            margin-left: 0;
        }

        .btn-spacing:last-child {
            margin-right: 0;
        }
}

.btn-v-spacing {
    margin: 1em 0;
}

@media only screen and (max-width:689px) {
    .btn-v-spacing {
        margin: .5em 0;
        width: 100%;
    }
}

.btn-no-effects {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.btn-icon:before {
    font-family: "eca-icons";
    content: '\00a0';
    speak: none;
    font-size: 18px;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: .5em;
    display: inline-block;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn-red-gradient {
    background-color: #ba0023;
    background-image: -webkit-linear-gradient(bottom,#ba0023,#e3002b);
    background-image: linear-gradient(to top,#ba0023,#e3002b);
}

    .btn-red-gradient:hover, .btn-red-gradient.active {
        background-color: #e3002b;
        background-image: -webkit-linear-gradient(bottom,#e3002b,#ba0023);
        background-image: linear-gradient(to top,#e3002b,#ba0023);
        color: #fff;
    }

.btn-white {
    color: #777c81;
    border: 1px solid #e5e5e5;
    background: #fff;
}

    .btn-white:hover, .btn-white.active {
        border: 1px solid #e3002b;
        color: #e3002b;
        background: #fff;
    }

.btn-white-dark {
    color: #1D252D;
    background: #fff;
    border: 1px solid transparent;
}

    .btn-white-dark:hover, .btn-white-dark.active {
        background: #e3002b;
        border: 1px solid transparent;
    }

.btn-black {
    color: #fff;
    background: #1D252D;
    border: 1px solid transparent;
}

    .btn-black:hover, .btn-black.active {
        background: #e3002b;
        border: 1px solid transparent;
    }

.btn-blue, .btn-blue:active, .btn-blue:hover {
    color: #087fb8;
    border: 1px solid #087fb8;
}

.btn-red, .btn-red:active, .btn-red:hover {
    border: 1px solid #e3002b;
}

.btn-dark {
    color: #fff;
}

    .btn-dark:hover, .btn-dark.active {
        background: #e3002b;
        color: #fff;
    }

.btn-grey {
    background: #777c81;
}

.btn-dark-grey {
    background: #4A5157;
}

.btn-status-success:before {
    color: #087fb8;
    content: "" !important;
}

.btn-status-fail:before {
    color: #e3002b;
    content: "" !important;
}

.btn-disabled, .btn-disabled:hover, .btn-disabled:active {
    color: #979DA8;
    border: 1px solid #e5e5e5;
    background: #fff;
    cursor: not-allowed;
}

.icon {
    font-style: normal;
    line-height: 1;
    display: inline-block;
}

.icon-extra {
    font-style: normal;
    line-height: 1;
    display: inline-block;
}

    .icon:before {
        font-family: "eca-icons";
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.icon-black-low-cloud:before {
    content: "";
}

.icon-hazy-sun:before {
    content: "";
}

.icon-day-cloud:before {
    content: "";
}

.icon-fog {
    opacity: .5;
    filter: alpha(opacity=50);
}

    .icon-fog:before {
        content: "";
    }

.icon-cross-bold:before {
    content: "";
}

.icon-mist:before {
    content: "";
}

.icon-night-wind:before {
    content: "";
}

.icon-wind-fine:before {
    content: "";
}

.icon-rss:before {
    content: "";
}

.icon-pause:before {
    content: "";
}

.icon-play:before {
    content: "";
}

.icon-expand-down:before {
    content: "";
}

.icon-expand-up:before {
    content: "";
}

.icon-star:before {
    content: "";
}

.icon-star-outline:before {
    content: "";
}

.icon-new-page:before {
    content: "";
}

.icon-basket:before {
    content: "";
}

.icon-mail:before {
    content: "";
}

.icon-user:before {
    content: "";
}

.icon-eca:before {
    content: "";
}

.icon-speech-bubble:before {
    content: "";
}

.icon-plus:before {
    content: "";
}

.icon-calc:before {
    content: "";
}

.icon-cross:before {
    content: "";
}

.icon-cursor:before {
    content: "";
}

.icon-graph:before {
    content: "";
}

.icon-cursor:before {
    content: "";
}

.icon-user-arrow:before {
    content: "";
}

.icon-bin:before {
    content: "";
}

.icon-fast-forward:before {
    content: "";
}

.icon-exit:before {
    content: "";
}

.icon-edit:before {
    content: "";
}

.icon-picture:before {
    content: "";
}

.icon-tag:before {
    content: "";
}

.icon-document:before {
    content: "";
}

.icon-facebook:before {
    content: "";
}

.icon-twitter:before {
    content: "";
}

.icon-linkedin:before {
    content: "";
}

.icon-one:before {
    content: "";
}

.icon-two:before {
    content: "";
}

.icon-three:before {
    content: "";
}

.icon-four:before {
    content: "";
}

.icon-five:before {
    content: "";
}

.icon-benchmark:before {
    content: "";
}

.icon-align-right:before {
    content: "";
}

.icon-align-left:before {
    content: "";
}

.icon-align-justified:before {
    content: "";
}

.icon-align-center:before {
    content: "";
}

.icon-airports:before {
    content: "";
}

.icon-bold:before {
    content: "";
}

.icon-calendar:before {
    content: "";
}

.icon-buildings:before {
    content: "";
}

.icon-budget:before {
    content: "";
}

.icon-city:before {
    content: "";
}

.icon-day-snow-heavy:before {
    content: "";
}

.icon-day-snow:before {
    content: "";
}

.icon-day-sleet:before {
    content: "";
}

.icon-day-rain-heavy:before {
    content: "";
}

.icon-day-rain:before {
    content: "";
}

.icon-day-hail-heavy:before {
    content: "";
}

.icon-day-hail:before {
    content: "";
}

.icon-cloud:before {
    content: "";
}

.icon-estate-agents:before {
    content: "";
}

.icon-italic:before {
    content: "";
}

.icon-info:before {
    content: "";
}

.icon-help:before {
    content: "";
}

.icon-hail-heavy:before {
    content: "";
}

.icon-hail:before {
    content: "";
}

.icon-furniture:before {
    content: "";
}

.icon-flag:before {
    content: "";
}

.icon-filter-lock:before {
    content: "";
}

.icon-filter:before {
    content: "";
}

.icon-excel-multi:before {
    content: "";
}

.icon-excel:before {
    content: "";
}

.icon-time:before {
    content: "";
}

.icon-wind:before {
    content: "";
}

.icon-weather:before {
    content: "";
}

.icon-warning:before {
    content: "";
}

.icon-validate:before {
    content: "";
}

.icon-tools:before {
    content: "";
}

.icon-thunder:before {
    content: "";
}

.icon-day-thunder:before {
    content: "";
}

.icon-sun:before {
    content: "";
}

.icon-rewind:before {
    content: "";
}

.icon-sports-clubs:before {
    content: "";
}

.icon-snow-heavy:before {
    content: "";
}

.icon-snow:before {
    content: "";
}

.icon-sleet:before {
    content: "";
}

.icon-short-term-accomn:before {
    content: "";
}

.icon-sheets:before {
    content: "";
}

.icon-search:before {
    content: "";
}

.icon-schools:before {
    content: "";
}

.icon-save:before {
    content: "";
}

.icon-refresh:before {
    content: "";
}

.icon-rain-heavy:before {
    content: "";
}

.icon-rain:before {
    content: "";
}

.icon-print:before {
    content: "";
}

.icon-pin-lock:before {
    content: "";
}

.icon-pin:before {
    content: "";
}

.icon-pdf:before {
    content: "";
}

.icon-page-break:before {
    content: "";
}

.icon-numbers:before {
    content: "";
}

.icon-night-thunder:before {
    content: "";
}

.icon-night-snow-heavy:before {
    content: "";
}

.icon-night-snow:before {
    content: "";
}

.icon-night-sleet:before {
    content: "";
}

.icon-night-rain:before {
    content: "";
}

.icon-night-hail-heavy:before {
    content: "";
}

.icon-night-hail:before {
    content: "";
}

.icon-night-cloud:before {
    content: "";
}

.icon-night:before {
    content: "";
}

.icon-night-rain-heavy:before {
    content: "";
}

.icon-map:before {
    content: "";
}

.icon-locate:before {
    content: "";
}

.icon-arrow-right:before {
    content: "";
}

.icon-arrow-left:before {
    content: "";
}

.icon-chevron-up:before {
    content: "";
}

.icon-chevron-right-bold:before {
    content: "";
}

.icon-chevron-right:before {
    content: "";
}

.icon-chevron-left-bold:before {
    content: "";
}

.icon-chevron-left:before {
    content: "";
}

.icon-chevron-down:before {
    content: "";
}

.icon-arrow-down:before {
    content: "";
}

.icon-arrow-up:before {
    content: "";
}

.icon-angle-double:before {
    content: "";
}

.icon-tick:before {
    content: "";
}

.icon-globe:before {
    content: "";
}

.icon-phone:before {
    content: "";
}

.icon-sign-in:before {
    content: "";
}

.icon-pushpin-anchor:before {
    content: "";
}

.icon-pushpin-home:before {
    content: "";
}

.icon-pushpin-search:before {
    content: "";
}

.icon-pushpin:before {
    content: "";
}

.icon-pushpin-circle:before {
    content: "";
}

.icon-pushpin-alternative:before {
    content: "";
}

.icon-book:before {
    content: "";
}

.icon-download:before {
    content: "";
}

.icon-tools:before {
    content: "";
}

.icon-survey:before {
    content: "";
}

.icon-tick-bold:before {
    content: "";
}

.icon-event:before {
    content: "";
}

.icon-webinar:before {
    content: "";
}

.icon-cart:before {
    content: "";
}

.icon-question-mark:before {
    content: "";
}

.icon-tick-box:before {
    content: "";
}

.icon-enterprise:before {
    content: "";
}

.icon-user-circle:before {
    content: "";
}

.icon-control {
    background: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    cursor: pointer;
    color: #777c81;
    padding: .5em .6em;
    float: left;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    margin: 0 1px 1px 0;
}

.icon-extra:before {
    font-family: "eca-icons-extra";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-extra-alerts:before {
    content: "";
}

.icon-extra-binary:before {
    content: "";
}

.icon-extra-casemanagement:before {
    content: "";
}

.icon-extra-data:before {
    content: "";
}

.icon-extra-documentcreation:before {
    content: "";
}

.icon-extra-documentstorage:before {
    content: "";
}

.icon-extra-exceptionmanagement:before {
    content: "";
}

.icon-extra-interfaces:before {
    content: "";
}

.icon-extra-reporting:before {
    content: "";
}

.icon-extra-salary:before {
    content: "";
}

.icon-extra-update:before {
    content: "";
}

.icon-extra-useraccess:before {
    content: "";
}

.icon-extra-vendormanagement:before {
    content: "";
}

.icon-extra-workflow:before {
    content: "";
}

.icon-extra-headphones:before {
    content: "";
}

.icon-extra-headphones-solid:before {
    content: "";
}

.icon-extra-details:before {
    content: "";

}

.icon-extra-tick-circle:before {
    content: "";

}

.icon-extra-calendar-alt:before {
    content: "";

}

.icon-extra-stop:before {
    content: "";

}

.icon-extra-linkedin:before {
    content: "";

}

.icon-extra-wechat:before {
    content: "";

}


.icon-extra-flip:before {
    content: "";

}

.icon-extra-online-training:before {
	content:"";
}

.icon-extra-lock:before {
	content:"";
}

.icon-extra-screen:before {
	content:"";
}

@media only screen and (min-width:690px) {
    .icon-control {
        margin: 0 0 1px 1px;
    }
}

@media only screen and (min-width:890px) {
    .icon-control {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.icon-control:hover {
    color: #36c6fa;
}

.icon-control-disabled {
    cursor: no-drop;
    opacity: .5;
    filter: alpha(opacity=50);
}

    .icon-control-disabled:hover {
        color: #1D252D;
    }

.icon-translucent {
    background-color: transparent;
    background-color: rgba(255,255,255,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF);
    zoom: 1;
}

.icon-tags {
    padding-right: .2em;
    vertical-align: middle;
    color: #777c81;
}

.icon-v-center {
    vertical-align: middle;
}

.icon-spacing-r {
    padding-right: .5em;
}

.icon-spacing-l {
    padding-left: .5em;
}

.icon-padd-l {
    padding-left: .25em;
}

.icon-padd-r {
    padding-right: .2em;
}

.icon-btn {
    font-size: 18px;
    font-size: 1.8rem;
    padding-right: .3em;
    position: relative;
}

.icon-btn-right {
    padding-right: 0;
    padding-left: .3em;
}

.icon-text {
    position: absolute;
    left: -999em;
}

@media only screen and (min-width:690px) {
    .icon-text-mobile {
        position: absolute;
        left: -999em;
    }
}

@font-face {
    font-family: "gotham narrow light";
    src: url(/SiteFonts/gothamnarrow-light-webfont.eot);
    src: url("/SiteFonts/gothamnarrow-light-webfont.eot?#iefix") format("embedded-opentype"),url(/SiteFonts/gothamnarrow-light-webfont.otf) format("opentype"),url(/SiteFonts/gothamnarrow-light-webfont.woff) format("woff"),url(/SiteFonts/gothamnarrow-light-webfont.ttf) format("truetype"),url("/SiteFonts/gothamnarrow-light-webfont.svg#gotham narrow light") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "gotham narrow medium";
    src: url(/SiteFonts/gothamnarrow-medium-webfont.eot);
    src: url("/SiteFonts/gothamnarrow-medium-webfont.eot?#iefix") format("embedded-opentype"),url(/SiteFonts/gothamnarrow-medium-webfont.otf) format("opentype"),url(/SiteFonts/gothamnarrow-medium-webfont.woff) format("woff"),url(/SiteFonts/gothamnarrow-medium-webfont.ttf) format("truetype"),url("/SiteFonts/gothamnarrow-medium-webfont.svg#gotham narrow medium") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "eca-icons";
    src: url(/SiteFonts/eca-icons.eot);
    src: url("/SiteFonts/eca-icons.eot?#iefix") format("embedded-opentype"),url(/SiteFonts/eca-icons.woff) format("woff"),url(/SiteFonts/eca-icons.ttf) format("truetype"),url("/SiteFonts/eca-icons.svg#eca-icons") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "eca-icons-extra";
    src: url(/SiteFonts/eca-icons-extra.eot);
    src: url("/SiteFonts/eca-icons-extra.eot?#iefix")format("embedded-opentype"),url(/SiteFonts/eca-icons-extra.woff)format("woff"),url(/SiteFonts/eca-icons-extra.ttf)format("truetype"),url("/SiteFonts/eca-icons-extra.svg#eca-icons")format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "gotham narrow light";
    src: url(/SiteFonts/gothamnarrow-lightitalic-webfont.eot);
    src: url("/SiteFonts/gothamnarrow-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),url(/SiteFonts/gothamnarrow-lightitalic-webfont.woff) format("woff"),url(/SiteFonts/gothamnarrow-lightitalic-webfont.ttf) format("truetype"),url("/SiteFonts/gothamnarrow-lightitalic-webfont.svg#gotham narrow light") format("svg");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "gotham narrow book";
    src: url(/SiteFonts/gothamnarrow-book-webfont.eot);
    src: url("/SiteFonts/gothamnarrow-book-webfont.eot?#iefix") format("embedded-opentype"),url(/SiteFonts/gothamnarrow-book-webfont.woff) format("woff"),url(/SiteFonts/gothamnarrow-book-webfont.ttf) format("truetype"),url("/SiteFonts/gothamnarrow-book-webfont.svg#gotham narrow book") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "gotham narrow book";
    src: url(/SiteFonts/gothamnarrow-bookitalic-webfont.eot);
    src: url("/SiteFonts/gothamnarrow-bookitalic-webfont.eot?#iefix") format("embedded-opentype"),url(/SiteFonts/gothamnarrow-bookitalic-webfont.woff) format("woff"),url(/SiteFonts/gothamnarrow-bookitalic-webfont.ttf) format("truetype"),url("/SiteFonts/gothamnarrow-bookitalic-webfont.svg#gotham narrow book") format("svg");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "gotham narrow medium";
    src: url(/SiteFonts/gothamnarrow-mediumitalic-webfont.eot);
    src: url("/SiteFonts/gothamnarrow-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"),url(/SiteFonts/gothamnarrow-mediumitalic-webfont.woff) format("woff"),url(/SiteFonts/gothamnarrow-mediumitalic-webfont.ttf) format("truetype"),url("/SiteFonts/gothamnarrow-mediumitalic-webfont.svg#gotham narrow medium") format("svg");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "gotham narrow bold";
    src: url(/SiteFonts/gothamnarrow-bold-webfont.eot);
    src: url("/SiteFonts/gothamnarrow-bold-webfont.eot?#iefix") format("embedded-opentype"),url(/SiteFonts/gothamnarrow-bold-webfont.woff) format("woff"),url(/SiteFonts/gothamnarrow-bold-webfont.ttf) format("truetype"),url("/SiteFonts/gothamnarrow-bold-webfont.svg#gotham narrow bold") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "gotham narrow bold";
    src: url(/SiteFonts/gothamnarrow-bolditalic-webfont.eot);
    src: url("/SiteFonts/gothamnarrow-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),url(/SiteFonts/gothamnarrow-bolditalic-webfont.woff) format("woff"),url(/SiteFonts/gothamnarrow-bolditalic-webfont.ttf) format("truetype"),url("/SiteFonts/gothamnarrow-bolditalic-webfont.svg#gotham narrow bold") format("svg");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "helvetica neue";
    src: url(/SiteFonts/helveticaneue-mediumcnd.eot);
    src: url("/SiteFonts/helveticaneue-mediumcnd.eot?#iefix") format("embedded-opentype"),url(/SiteFonts/helveticaneue-mediumcnd.woff) format("woff"),url(/SiteFonts/helveticaneue-mediumcnd.ttf) format("truetype"),url("/SiteFonts/helveticaneue-mediumcnd.svg#helvetica neue") format("svg");
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4 {
    font-weight: 400;
    margin: 1em 0;
}

h1 {
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 36px;
    font-size: 3.6rem;
    color: #e3002b;
}

h2, h3, h4 {
    color: #1D252D;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

h2 {
    font-size: 20px;
    font-size: 2rem;
}

h3 {
    font-size: 18px;
    font-size: 1.8rem;
}

h4 {
    font-size: 14px;
    font-size: 1.4rem;
}

p {
    margin: 1em 0;
    color: #1D252D;
}

a {
    color: #1D252D;
    text-decoration: none;
}

    a:hover {
        color: #e3002b;
    }

strong {
    font-weight: 400;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (max-width:689px) {
    .main-heading {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

.large-heading {
    font-size: 36px;
    font-size: 3.6rem;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.sub-heading {
    margin: 1em 0 2em;
    line-height: 1.5em;
}

@media only screen and (min-width:690px) {
    .sub-heading {
        margin: 1em 0 3em;
    }
}

html {
    box-sizing: border-box;
    font-size: 62.5%;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    background: #1D252D;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: "tnum" 1;
    -moz-font-feature-settings: "tnum" 1;
    -ms-font-feature-settings: "tnum" 1;
    font-feature-settings: "tnum" 1;
}

@media only screen and (min-width:890px) {
    body {
        background: #f5f5f5;
    }
}

input {
    -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: "tnum" 1;
    -moz-font-feature-settings: "tnum" 1;
    -ms-font-feature-settings: "tnum" 1;
    font-feature-settings: "tnum" 1;
}

::selection {
    color: #fff;
    background: #e3002b;
}

::-moz-selection {
    color: #fff;
    background: #e3002b;
}

picture {
    display: block;
}

.parent-wrapper {
    *zoom: 1;
    width: 100%;
    position: relative;
}

    .parent-wrapper:before, .parent-wrapper:after {
        content: " ";
        display: table;
    }

    .parent-wrapper:after {
        clear: both;
    }

.wrapper {
    position: relative;
    width: 100%;
    *zoom: 1;
    left: 0;
    background: #fff;
}

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

    .wrapper:after {
        clear: both;
    }

@media only screen and (max-width:889px) {
    .wrapper {
        -webkit-transition: left 0.3s ease-in-out;
        -moz-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out;
    }
}

.wrapper-push {
    left: 82.8125%;
    opacity: .65;
    filter: alpha(opacity=65);
}

@media only screen and (min-width:690px) {
    .wrapper-push {
        left: 42.8125%;
    }
}

@media only screen and (min-width:890px) {
    .wrapper-push {
        left: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

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

.col {
    width: 100%;
}

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

        .col:nth-child(2n+1) {
            padding-right: 7.5px;
        }

        .col:nth-child(2n+2) {
            padding-left: 7.5px;
        }
}

@media only screen and (min-width:960px) {
    .col:nth-child(2n+1) {
        padding-right: 15px;
    }

    .col:nth-child(2n+2) {
        padding-left: 15px;
    }
}

@media only screen and (min-width:690px) {
    .col-25 {
        width: 25%;
    }
}

@media only screen and (min-width:690px) {
    .col-33 {
        width: 39%;
    }
}

@media only screen and (min-width:960px) {
    .col-33 {
        width: 33.33333333333333%;
    }
}

@media only screen and (min-width:690px) {
    .col-50 {
        width: 50%;
    }
}

@media only screen and (min-width:690px) {
    .col-66 {
        width: 61%;
    }
}

@media only screen and (min-width:960px) {
    .col-66 {
        width: 66.66666666666667%;
    }
}

.row {
    *zoom: 1;
    width: 100%;
}

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

    .row:after {
        clear: both;
    }

.wrapper-header {
    z-index: 1200;
}

@media only screen and (min-width:890px) {
    .wrapper-header {
        background: #fff;
	position: sticky;
    }
}

.header {
    width: 100%;
    position: relative;
    *zoom: 1;
    background: #fff;
    padding: 5px 10px;
    position: relative;
    text-align: center;
}

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

    .header:after {
        clear: both;
    }

@media only screen and (min-width:480px) {
    .header {
        padding: 5px 15px;
    }
}

@media only screen and (min-width:890px) {
    .header {
        padding: 1px 10px 8px;
        background: #fff;
        border: none;
    }
}

@media only screen and (min-width:960px) {
    .header {
        padding: 5px 20px;
    }
}

@media only screen and (min-width:1200px) {
    .header {
        padding: 5px 10px;
    }
}

.header-links {
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (min-width:480px) {
    .header-links {
        right: 0;
    }
}

@media only screen and (min-width:890px) {
    .header-links {
        float: right;
        position: relative;
        background: #e3002b;
        padding: 5px 8px;
        right: auto;
        color: #1d252d !important;
    }


        .header-links:before {
            border-width: 0 0 33px 8px;
            border-style: solid;
            border-color: transparent transparent #e3002b transparent;
            height: 0;
            width: 0;
            content: "\00a0";
            position: absolute;
            top: 0;
            left: 0;
            left: -8px;
            z-index: 20;
        }
}

.header-link {
    display: none;
    margin: 20px 5px;
    text-decoration: none;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 25px;
    font-size: 2.5rem;
    color: #1D252D;
}

    .header-link:before {
        font-family: "eca-icons";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:890px) {
    .header-link:before {
        padding-right: .2em;
    }
}

@media only screen and (min-width:690px) {
    .header-link {
        display: inline-block;
        margin: .6em;
    }
}

@media only screen and (min-width:890px) {
    .header-link {
        margin: 0 10px;
        color: #fff;
        float: left;
        display: block;
        padding: 3px 0 2px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
    }

        .header-link:hover {
            color: #fff;
        }
}

.header-link-divider {
    display: none;
}

@media only screen and (min-width:890px) {
    .header-link-divider {
        margin-left: 6px;
        display: block;
        position: relative;
    }

        .header-link-divider:before {
            content: "|";
            position: absolute;
            left: -10px;
            top: 5px;
            height: 16px;
            display: block;
            color: #fff;
        }
}

.header-link-show {
    display: inline-block;
    margin: 20px 15px;
}

@media only screen and (min-width:890px) {
    .header-icon {
        margin: 0 5px;
    }
}

.header-icon-text {
    position: absolute;
    left: -999em;
    display: block;
}

@media only screen and (max-width:889px) {
    .header-link-text {
        position: absolute;
        left: -999em;
        display: block;
    }
}

.logo-wrap {
    width: 100%;
    text-align: center;
}

@media only screen and (min-width:690px) {
    .logo-wrap {
        text-align: left;
    }
}

.site-logo {
    margin: 3px auto;
    display: inline-block;
    text-decoration: none;
    font-size: 39px;
    font-size: 3.9rem;
}

    .site-logo:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
	color: #e3002b; 
	/*color: #1d252d; queen */
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:890px) {
    .site-logo {
        display: block;
        position: absolute;
        z-index: 1000;
        width: 106px;
        text-align: center;
        top: 0;
        left: 5px;
        padding: 16px 0;
        font-size: 49px;
        font-size: 4.9rem;
    }
}

@media only screen and (min-width:960px) {
    .site-logo {
        left: 10px;
    }
}

@media only screen and (min-width:1200px) {
    .site-logo {
        left: 0;
    }
}

.site-logo-text {
    position: absolute;
    left: -999em;
}

.company-wrap {
    position: relative;
    overflow: hidden;
}

.company-wrap-header {
    display: none;
    float: left;
    top: 3px;
    padding-right: 29px;
}

    .company-wrap-header::after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 14px;
        font-size: 1.4rem;
        color: #fff;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        position: absolute;
        display: inline-block;
        z-index: 10;
        top: 3px;
        right: 0;
        padding-right: 5px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:890px) {
    .company-wrap-header {
        display: block;
    }
}

.company-wrap-user {
    position: absolute;
    word-spacing: normal;
    top: -5px;
    z-index: 10;
    left: 1.2em;
    width: 91%;
}

    .company-wrap-user::after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 14px;
        font-size: 1.4rem;
        color: #fff;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        position: absolute;
        display: block;
        z-index: 10;
        color: #ccc;
        top: 13px;
        right: 1px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.company-select-header {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    max-width: 200px;
}

.company-select-user {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 0;
    width: 100%;
    text-transform: uppercase;
}

@media only screen and (max-width:479px) {
    .company-select-user {
        max-width: 170px;
    }
}

.company-title {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.company-title-user {
    background: #1D252D;
    padding: 10px 15px;
    color: #ccc;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding-right: 20px;
}

@media only screen and (max-width:479px) {
    .company-title-user {
        max-width: 170px;
    }
}

.company-title-header {
    color: #fff;
    display: inline-block;
    width: auto;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    background: #e3002b;
    max-width: 200px;
}

.company-wrap-inner-header {
    max-width: 200px;
}

.enterprise-header {
    display: none;
}

@media only screen and (min-width:890px) {
    .enterprise-header {
        float: right;
        display: block;
        margin: 2px 1.2em 0 0;
    }
}

.enterprise-img {
    width: 28px;
    display: inline-block;
    vertical-align: top;
}

.enterprise-text {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #e3002b;
    word-spacing: -3px;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 5px 0 0 .2em;
    display: inline-block;
    vertical-align: top;
}

.enterprise-text-nav {
    color: #ccc;
    font-size: 17px;
    font-size: 1.7rem;
    padding: .2em 0 0 .7em;
}

.enterprise-emphasis {
    font-family: "gotham narrow book","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    text-transform: uppercase;
}

.header-number {
    position: relative;
}

.header-number-active-last {
    margin-right: 31px;
}

@media only screen and (min-width:480px) {
    .header-number-active-last {
        margin-right: 35px;
    }
}

@media only screen and (min-width:890px) {
    .header-number-active {
        margin-right: 25px;
    }
}

.header-number-digit {
    border-radius: 50%;
    background: #ba0023;
    display: block;
    position: absolute;
    top: 0;
    right: -21px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    width: 20px;
    text-align: center;
    height: 18px;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 1px;
}

.header-number-digit-alt {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 0 .5em;
    font-size: 16px;
    font-size: 1.6rem;
    width: 26px;
    height: 24px;
    right: auto;
}

.wrapper-footer {
    z-index: 900;
}

.footer {
    width: 100%;
    background: #fff;
    padding: 0 0 17px;
}

@media only screen and (min-width:690px) {
    .footer {
        padding-bottom: 10px;
        background: none;
    }
}

.site-info {
    width: 100%;
    *zoom: 1;
    padding: 0 10px 20px;
}

    .site-info:before, .site-info:after {
        content: " ";
        display: table;
    }

    .site-info:after {
        clear: both;
    }

@media only screen and (min-width:480px) {
    .site-info {
        padding: 0 15px 20px;
    }
}

@media only screen and (min-width:890px) {
    .site-info {
        padding-bottom: 25px;
    }
}

@media only screen and (min-width:960px) {
    .site-info {
        padding: 0 20px 25px;
    }
}

@media only screen and (min-width:1200px) {
    .site-info {
        padding: 0 10px 25px;
    }
}

.site-categories {
    display: none;
    *zoom: 1;
}

    .site-categories:before, .site-categories:after {
        content: " ";
        display: table;
    }

    .site-categories:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .site-categories {
        display: block;
        width: 100%;
        padding: 10px 0 20px;
    }
}

@media only screen and (min-width:890px) {
    .site-categories {
        float: left;
        display: inline;
        width: 65.83333333333334%;
    }
}

.site-category {
    padding: 0 10px;
    width: 25%;
    float: left;
    display: inline;
}

@media only screen and (min-width:690px) {
    .site-category:first-child, .site-category:nth-child(4n+1) {
        padding-left: 0;
        clear: both;
    }

    .site-category:last-child, .site-category:nth-child(4n+4) {
        padding-right: 0;
    }
}

.site-category-title {
    margin: 1.7em 0;
}

.site-category-list {
    padding-left: 0;
    list-style: none;
}

.site-category-item {
    margin: .8em 0;
    color: #5b6770;
    font-size: 14px;
    font-size: 1.4rem;
}

.site-category-link {
    color: #5b6770;
    text-decoration: none;
}

    .site-category-link:hover {
        text-decoration: underline;
    }

.signup-form-wrapper {
    width: 100%;
    *zoom: 1;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}

    .signup-form-wrapper:before, .signup-form-wrapper:after {
        content: " ";
        display: table;
    }

    .signup-form-wrapper:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .signup-form-wrapper {
        padding: 30px 0;
        border: 1px solid #ccc;
        border-width: 1px 0;
    }
}

@media only screen and (min-width:890px) {
    .signup-form-wrapper {
        width: 34.16666666666666%;
        float: right;
        display: inline;
        border: none;
        padding: 10px 0;
    }
}

@media only screen and (min-width:690px) {
    .signup-text {
        float: left;
        display: inline;
        width: 33.33333333333333%;
    }
}

@media only screen and (min-width:890px) {
    .signup-text {
        width: 100%;
        float: none;
        display: block;
    }
}

.signup-text-title {
    margin: 1.5em 0 .9em;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (min-width:690px) {
    .signup-text-title {
        text-align: left;
        margin: 0;
    }
}

@media only screen and (min-width:890px) {
    .signup-text-title {
        margin: 1.7em 0;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.signup-text-copy {
    color: #5b6770;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    margin: 1em 0 1.6em;
}

@media only screen and (min-width:690px) {
    .signup-text-copy {
        margin: .3em 0;
        text-align: left;
    }
}

@media only screen and (min-width:890px) {
    .signup-text-copy {
        margin: 1em 0;
    }
}

.signup-form {
    position: relative;
}

@media only screen and (min-width:690px) {
    .signup-form {
        float: left;
        width: 66.66666666666667%;
    }
}

@media only screen and (min-width:890px) {
    .signup-form {
        width: 100%;
        float: none;
        display: block;
        border: 1px solid #ccc;
        padding: 5px;
        *zoom: 1;
    }

        .signup-form:before, .signup-form:after {
            content: " ";
            display: table;
        }

        .signup-form:after {
            clear: both;
        }
}

@media only screen and (min-width:690px) {
    .signup-form #pMP {
        position: absolute;
        bottom: -36px;
    }
}

.signup-form #pMP .ErrorLabel {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #ba0023;
    margin-bottom: .8em;
}

    .signup-form #pMP .ErrorLabel:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.signup-form-input-wrapper {
    position: relative;
    margin: 0 0 20px;
}

@media only screen and (min-width:690px) {
    .signup-form-input-wrapper {
        width: 72.05240174672489%;
        float: left;
        display: inline;
    }

        .signup-form-input-wrapper:last-child {
            margin: 0;
        }
}

@media only screen and (min-width:890px) {
    .signup-form-input-wrapper {
        width: 68.907053%;
        margin-bottom: .5em;
    }
}

.signup-form-input-wrapper.inside .signup-form-label, .signup-form-input-wrapper.active .signup-form-label {
    display: none;
}

.signup-form-input-seperator {
    display: none;
}

@media only screen and (min-width:890px) {
    .signup-form-input-seperator {
        display: block;
        clear: both;
        border: 0;
        height: 1px;
        background: #ccc;
        margin: .5em auto;
    }
}

.signup-form-label {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 12px 7px;
    left: 0;
    word-spacing: normal;
}

    .signup-form-label #lblSecurityCode {
        height: 41px;
        left: 0;
    }

.captcha {
    width: 275px;
}

@media only screen and (max-width:382px) {
    .captcha {
        width: 100%;
    }
}

.signup-form-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 12px 7px;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    width: 100%;
    margin: 0 0 20px;
    color: #5b6770;
}

@media only screen and (min-width:690px) {
    .signup-form-input {
        width: 100%;
        float: left;
        display: inline;
        margin: 0;
    }
}

@media only screen and (min-width:890px) {
    .signup-form-input {
        border: none;
        width: 100%;
    }
}

.signup-form-error {
    font-size: 14px;
    font-size: 1.4rem;
    color: #ba0023;
    display: block;
    margin: 1em 0;
}

    .signup-form-error:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.signup-form-info {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    color: #087fb8;
    margin: 1.3em 0 0;
    text-align: center;
}

@media only screen and (min-width:690px) {
    .signup-form-info {
        margin: 1.3em 0 1em;
        text-align: left;
    }
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .signup-form-info {
        position: relative;
        top: .7em;
    }
}

@media only screen and (min-width:890px) {
    .signup-form-info {
        margin-top: 1em;
    }
}

.signup-form-info:before {
    font-family: "eca-icons";
    content: "";
    speak: none;
    font-size: inherit;
    color: inherit;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    padding-right: .4em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.signup-form-success {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    color: #087fb8;
    margin: 1.3em 0 0;
    text-align: center;
}

@media only screen and (min-width:690px) {
    .signup-form-success {
        margin: 1.1em 0 1em;
        text-align: left;
    }
}

@media only screen and (min-width:890px) {
    .signup-form-success {
        margin-top: 1.5em;
    }
}

.signup-form-success:before {
    font-family: "eca-icons";
    content: "";
    speak: none;
    font-size: inherit;
    color: inherit;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    padding-right: .4em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.signup-btn {
    border-radius: 5px;
    background: #e3002b;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    border: none;
    width: 100%;
    height: 45px;
    display: block;
}

@media only screen and (min-width:690px) {
    .signup-btn {
        width: 24.8546511627907%;
        float: right;
    }
}

@media only screen and (min-width:890px) {
    .signup-btn {
        width: 28%;
    }
}

.company-info {
    *zoom: 1;
    padding: 0 10px;
}

    .company-info:before, .company-info:after {
        content: " ";
        display: table;
    }

    .company-info:after {
        clear: both;
    }

@media only screen and (min-width:480px) {
    .company-info {
        padding: 0 15px;
    }
}

@media only screen and (min-width:890px) {
    .company-info {
        border-top: 1px solid #ccc;
        margin: 0 15px;
        padding: 0;
    }
}

@media only screen and (min-width:960px) {
    .company-info {
        border-top: 1px solid #ccc;
        margin: 0 20px;
        padding: 0;
    }
}

@media only screen and (min-width:1200px) {
    .company-info {
        margin: 0 10px;
    }
}

.copyright {
    color: #777c81;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    width: 100%;
}

@media only screen and (min-width:690px) {
    .copyright {
        float: left;
        width: auto;
        text-align: left;
        margin: 20px 0;
    }
}

@media only screen and (min-width:690px) {
    .company-details {
        float: right;
    }
}

.company-culture {
    width: 100%;
    text-align: center;
    margin: 10px 0 20px;
    word-spacing: -4px;
}

@media only screen and (min-width:690px) {
    .company-culture {
        float: left;
        margin: 16px 5px 15px 0;
        width: auto;
    }
}

.company-culture-link, .company-culture a {
    display: inline-block;
    word-spacing: normal;
    font-size: 14px;
    font-size: 1.4rem;
    color: #777c81;
}

@media only screen and (min-width:690px) {
    .company-culture-link, .company-culture a {
        margin: .3em 0;
    }
}

.social-media {
    width: 100%;
    text-align: center;
    margin: 10px 0 23px;
    word-spacing: -4px;
}

@media only screen and (min-width:690px) {
    .social-media {
        float: right;
        margin: 15px 0 15px 5px;
        width: auto;
    }
}

.social-media-link {
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    word-spacing: normal;
    font-size: 24px;
    font-size: 2.4rem;
    text-decoration: none;
}

.social-media-twitter {
    color: #36c6fa;
}

    .social-media-twitter:hover {
        color: #36c6fa;
    }

.social-media-linkedin {
    color: #0a66c1;
}

    .social-media-linkedin:hover {
        color: #1970c5;
    }

.social-media-wechat{
    color: #1AAD19;
}

    .social-media-wechat:hover {
        color: #1AAD19;
    }

.site-links {
    text-align: center;
    width: 100%;
    margin: 16px 0 15px;
}

@media only screen and (min-width:690px) {
    .site-links {
        display: none;
    }
}

.site-link {
    color: #1D252D;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 7px;
    text-decoration: none;
    display: inline-block;
}

img#imgSecurityCode {
    position: block;
    float: right;
    margin-top: -1rem;
    left: 9rem;
    bottom: 4.2rem;
}

@media only screen and (min-width:383px) {
    img#imgSecurityCode {
        position: relative;
    }
}

@media only screen and (min-width:690px) {
    img#imgSecurityCode {
        position: relative;
        margin-top: 10px;
        left: 10px;
        bottom: 4.2rem;
    }
}

@media only screen and (min-width:890px) {
    img#imgSecurityCode {
        position: absolute;
        top: 5.5rem;
        left: 10px;
        margin-top: 0;
    }
}

@media only screen and (min-width:1200px) {
    img#imgSecurityCode {
        position: relative;
        top: 0;
        margin-top: -30px;
        left: 0;
        bottom: 0;
    }
}

.signup-form-input-captcha #ncpcaptcha {
    width: 0;
}

@media only screen and (max-width:382px) {
    .signup-form-input-captcha {
        width: 100% !important;
    }

        .signup-form-input-captcha #ncpcaptcha {
            width: 100%;
        }
}

.wrapper-nav {
    z-index: 1100;
    position: absolute;
    width: 82.8125%;
    top: 0;
    height: 100%;
    left: -82.8125%;
    *zoom: 1;
    background: #1D252D;
}

    .wrapper-nav:before, .wrapper-nav:after {
        content: " ";
        display: table;
    }

    .wrapper-nav:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .wrapper-nav {
        left: -42.8125%;
        width: 42.8125%;
    }
}

@media only screen and (min-width:890px) {
    .wrapper-nav {
        position: relative;
        width: 100%;
        background: #fff;
        height: auto;
        left: auto;
    }
}

.wrapper-nav-open {
    left: 0;
}

@media only screen and (min-width:1020px) {
    .container-nav {
        position: relative;
    }
}

@media only screen and (min-width:890px) {
    .container-nav {
        background: #fff;
    }
}

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

@media only screen and (min-width:890px) {
    .primary-nav {
        padding-left: 2.4em;
        margin-left: 8.41666666666667%;
        word-spacing: -4px;
    }
}

@media only screen and (min-width:1200px) {
    .primary-nav {
        padding-left: 1.3em;
    }
}

@media only screen and (min-width:890px) {
    .primary-nav-item {
        position: relative;
        display: inline-block;
        word-spacing: normal;
    }
}

.primary-nav-link {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    -webkit-transition: background 0.3s ease-in-out,color 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out,color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out,color 0.3s ease-in-out;
    text-decoration: none;
    padding: .9em 1.3em;
    text-transform: uppercase;
    border-bottom: 1px solid #505563;
}

@media only screen and (max-width:889px) {
    .primary-nav-link {
        width: 100%;
    }
}

@media only screen and (min-width:890px) {
    .primary-nav-link {
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
        padding: .9em 1.3em 1.1em;
        font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
        font-size: 15px;
        font-size: 1.5rem;
        border: none;
        text-transform: none;
        position: relative;
        color: #1D252D;
    }
}

@media only screen and (min-width:1200px) {
    .primary-nav-link {
        padding: .9em 1.6em 1.1em;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.primary-nav-link:hover {
    background: #e3002b;
    color: #fff;
}

@media only screen and (min-width:890px) {
    .primary-nav-link:hover {
        background: none;
        color: #e3002b;
    }
}

@media only screen and (min-width:890px) {
    .primary-nav-link-my-eca:after {
        background: #e5e5e5;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        content: "\00a0";
        width: 1px;
        height: 55%;
        position: absolute;
    }
}

.primary-nav-active {
    background: #e3002b;
}

@media only screen and (min-width:890px) {
    .primary-nav-active {
        background: none;
        color: #e3002b;
        font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    }
}

@media only screen and (min-width:890px) {
    .primary-nav-arrow:before {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #e5e5e5;
        content: '\00a0';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        margin: 0 auto;
    }
}

.wrapper-subnav {
    background: #1D252D;
    z-index: 900;
}

@media only screen and (min-width:890px) {
    .wrapper-subnav {
        background: #e5e5e5;
    }
}

.subnav-container {
    padding: 0 15px;
}

@media only screen and (min-width:480px) {
    .subnav-container {
        padding: 0 20px;
    }
}

.subnav-title {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    margin: 1em 0;
    width: 100%;
    cursor: pointer;
}

    .subnav-title:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 25px;
        font-size: 2.5rem;
        color: #fff;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .subnav-title:before {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
    }

@media only screen and (min-width:890px) {
    .subnav-title {
        display: none;
    }
}

.subnav-title-active:before {
    font-family: "eca-icons";
    content: "";
    speak: none;
    font-size: 25px;
    font-size: 2.5rem;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.subnav-title-show:before {
    display: block;
}

.secondary-nav {
    padding-left: 0;
    list-style: none;
    position: relative;
    overflow: hidden;
    word-spacing: -4px;
}

@media only screen and (min-width:890px) {
    .secondary-nav {
        margin: 0 0 0 8.41666666666667%;
        padding-left: 1.9em;
    }
}

@media only screen and (min-width:1200px) {
    .secondary-nav {
        padding-left: 1em;
    }
}

@media only screen and (max-width:889px) {
    .secondary-nav:before {
        width: 1px;
        height: 100%;
        background: #505563;
        position: absolute;
        right: 0;
        left: -25px;
        content: '\00a0';
        margin: 0 auto;
    }
}

.secondary-nav-item {
    display: inline-block;
    word-spacing: normal;
}

@media only screen and (max-width:889px) {
    .secondary-nav-item {
        width: 50%;
    }

        .secondary-nav-item:nth-child(odd) {
            padding-right: 25px;
        }
}

@media only screen and (max-width:689px) {
    .secondary-nav-item-hide {
        display: none;
    }
}

.secondary-nav-link {
    display: block;
    width: 100%;
    padding: .2em 10px;
    color: #fff;
    margin: .5em 0;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: none;
    -webkit-transition: border 0.3s ease-in-out;
    -moz-transition: border 0.3s ease-in-out;
    transition: border 0.3s ease-in-out;
}

@media only screen and (min-width:890px) {
    .secondary-nav-link {
        font-size: 15px;
        font-size: 1.5rem;
        color: #1D252D;
        padding: 1em .8em 1.1em;
        margin: 0;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }
}

@media only screen and (min-width:1200px) {
    .secondary-nav-link {
        padding: 1em 1em 1.1em;
    }
}

.secondary-nav-link:hover {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    border-left: 3px solid #e3002b;
}

@media only screen and (min-width:890px) {
    .secondary-nav-link:hover {
        border: none;
        font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
        color: #e3002b;
    }

        .secondary-nav-link:hover:before {
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #f5f5f5;
            content: '\00a0';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            margin: 0 auto;
        }
}

.secondary-nav-active {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    border-left: 3px solid #e3002b;
}

@media only screen and (min-width:890px) {
    .secondary-nav-active {
        border: none;
        font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
        color: #e3002b;
    }

        .secondary-nav-active:before {
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #f5f5f5;
            content: '\00a0';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            margin: 0 auto;
        }
}

.secondary-nav-slide {
    display: none;
}

.toggle-nav {
    position: absolute;
    top: 24px;
    left: 15px;
    width: 26px;
    color: #1D252D;
    display: block;
    padding: 9px 0;
    cursor: pointer;
    overflow: hidden;
}

@media only screen and (min-width:480px) {
    .toggle-nav {
        left: 20px;
    }
}

.toggle-nav:hover .lines, .toggle-nav:hover .lines:after, .toggle-nav:hover .lines:before {
    background: #e3002b;
}

@media only screen and (min-width:890px) {
    .toggle-nav {
        display: none;
    }
}

.toggle-nav .lines {
    width: 100%;
    display: block;
    background: #1D252D;
    height: 2px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-indent: -999em;
}

    .toggle-nav .lines:before, .toggle-nav .lines:after {
        position: absolute;
        background: #1D252D;
        height: 2px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        left: 0;
        width: 100%;
        content: "\00a0";
    }

    .toggle-nav .lines:after {
        top: -7px;
    }

    .toggle-nav .lines:before {
        top: 7px;
    }

.toggle-nav.close .lines {
    background: transparent;
}

    .toggle-nav.close .lines:after {
        top: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .toggle-nav.close .lines:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.user-links-wrapper {
    margin: 2.2em 1.5em;
}

@media only screen and (min-width:890px) {
    .user-links-wrapper {
        display: none;
    }
}

.user-block {
    display: block;
    margin: 2em 0;
    word-spacing: -4px;
}

    .user-block:before {
        font-family: "eca-icons";
        speak: none;
        font-size: 24px;
        font-size: 2.4rem;
        color: #ccc;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .5em;
        word-spacing: normal;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.user-block-contact:before {
    content: "";
    font-size: 18px;
    font-size: 1.8rem;
    position: relative;
    z-index: 20;
}

.user-block-user:before {
    content: "";
    padding: 0 .7em 0 .1em;
}

.user-block-company {
    z-index: 10;
    position: relative;
}

    .user-block-company:before {
        content: "";
        position: relative;
        z-index: 20;
    }

.user-block-basket:before {
    content: "";
}

.user-block-download:before {
    content: "";
}

.user-block-enterprise:before {
    content: "";
    padding-right: .7em;
}

.user-link {
    color: #ccc;
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    display: inline-block;
    word-spacing: normal;
    vertical-align: middle;
}

    .user-link:hover {
        color: #fff;
    }

.user-link-divider:before {
    margin: 0 6px;
    content: "|";
    font-size: 16px;
    font-size: 1.6rem;
    color: #ccc;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: inline-block;
}

.site-search {
    margin: 2.2em 1.5em;
    position: relative;
    cursor: pointer;
}

@media only screen and (min-width:890px) and (max-width:1019px) {
    .site-search {
        display: none;
    }
}

@media only screen and (min-width:1020px) {
    .site-search {
        position: absolute;
        top: 0;
        margin: .45em 0;
        right: 20px;
        width: 18%;
    }
}

@media only screen and (min-width:1200px) {
    .site-search {
        width: 19%;
        right: 10px;
    }
}

.site-search:before {
    font-family: "eca-icons";
    content: "";
    speak: none;
    font-size: 25px;
    font-size: 2.5rem;
    color: #1D252D;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: .4em;
    left: .4em;
    z-index: 200;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width:1020px) {
    .site-search:before {
        font-size: 20px;
        font-size: 2rem;
        right: 0;
        left: auto;
        -webkit-transition: right 0.3s ease-in-out;
        -moz-transition: right 0.3s ease-in-out;
        transition: right 0.3s ease-in-out;
    }
}

@media only screen and (min-width:1020px) {
    .site-search-active:before {
        right: 84%;
    }
}

@media only screen and (min-width:1200px) {
    .site-search-active:before {
        right: 86%;
    }
}

.site-search-input {
    border: 1px solid transparent;
    padding: .7em .7em .7em 2.9em;
    width: 100%;
    color: #777c81;
    background: #f5f5f5;
}

@media only screen and (min-width:1020px) {
    .site-search-input {
        padding: .6em .6em .6em 2.9em;
        opacity: 0;
        filter: alpha(opacity=0);
        font-size: 14px;
        font-size: 1.4rem;
        background: #fff;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

        .site-search-input:focus, .site-search-input:active {
            border: 1px solid #ccc;
            outline: none;
        }
}

@media only screen and (min-width:1020px) {
    .site-search-input-active {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.carousel {
    overflow: hidden;
}

.carousel-item {
    position: relative;
    overflow: hidden;
    height: 320px;
    background-position: center top;
}

@media only screen and (min-width:690px) {
    .carousel-item {
        height: 370px;
    }
}

@media only screen and (min-width:890px) {
    .carousel-item {
        height: 420px;
    }
}

@media only screen and (min-width:1200px) {
    .carousel-item {
        height: 500px;
    }
}

.carousel-item-single {
    background-image: url(attr(data-bg-mobile));
}

@media only screen and (min-width:690px) {
    .carousel-item-single {
        background-image: url(attr(data-bg-tablet));
    }
}

@media only screen and (min-width:1200px) {
    .carousel-item-single {
        background-image: url(attr(data-bg-tablet));
    }
}

.carousel-item-center {
    background-position: center center;
/*background-size: cover;*/cour
}

.carousel-item-bottom {
    background-position: center bottom;
}

@media only screen and (min-width:690px) {
    .carousel-item-small {
        height: 350px;
    }
}

.carousel-media {
    display: block;
    cursor: pointer;
}

.carousel-media-img {
    position: relative;
}

.carousel-content-wrap {
    word-spacing: -4px;
    position: absolute;
    height: 100%;
    max-width: 1200px;
    width: 100%;
    z-index: 2;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    white-space: nowrap;

}

    .carousel-content-wrap:before {
        height: 100%;
        content: '\00a0';
        display: inline-block;
        vertical-align: middle;
    }

.carousel-content {
    display: inline-block;
    vertical-align: middle;
    padding: 0 13%;
    white-space: normal;
    word-spacing: normal;
    width: 80%;
}

@media only screen and (min-width:480px) {
    .carousel-content {
        padding: 0 10%;
    }
}

@media only screen and (min-width:1200px) {
    .carousel-content {
        padding: 0;
    }
}

.carousel-heading {
    font-size: 22px;
    font-size: 2.2rem;
    font-family: "helvetica neue","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-weight: 700;
    font-stretch: condensed;
    margin: 0;
    line-height: 1.1;
    text-transform: uppercase;
}

@media only screen and (min-width:480px) {
    .carousel-heading {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

@media only screen and (min-width:690px) {
    .carousel-heading {
        font-size: 26px;
        font-size: 2.6rem;
    }
}

@media only screen and (min-width:890px) {
    .carousel-heading {
        font-size: 37px;
        font-size: 6rem;
    }
}

@media only screen and (min-width:890px) {
    .carousel-heading-small {
        font-size: 28px;
        font-size: 6rem;
    }
}

.carousel-copy {
    margin: .5em 0 0;
}

@media only screen and (min-width:480px) {
    .carousel-copy {
        font-size: 17px;
        font-size: 1.7rem;
    }
}

@media only screen and (min-width:690px) {
    .carousel-copy {
        font-size: 19px;
        font-size: 1.9rem;
    }
}

@media only screen and (min-width:890px) {
    .carousel-copy {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

@media only screen and (min-width:690px) {
    .carousel-copy-small {
        font-size: 17px;
        font-size: 2.4rem;
    }
}

.carousel-btn {
    margin-top: 1em;
}

.carousel {
    overflow: hidden;
}

    .carousel:before {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        content: '\00a0';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        margin: 0 auto;
        z-index: 100;
    }

    .carousel .owl-prev {
        left: 0;
    }

        .carousel .owl-prev:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #fff;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .carousel .owl-next {
        right: 0;
    }

        .carousel .owl-next:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #fff;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .carousel .owl-prev, .carousel .owl-next {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 34px;
        height: 40px;
        background: #e5e5e5;
        text-align: center;
        padding: 11px 0;
        z-index: 2;
        background-color: transparent;
        background-color: rgba(0,0,0,.1);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A000000,endColorstr=#1A000000);
        zoom: 1;
        -webkit-transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        transition: background 0.3s ease-in-out;
    }

@media only screen and (min-width:690px) {
    .carousel .owl-prev, .carousel .owl-next {
        height: 53px;
        width: 45px;
        padding: 14px 0;
    }
}

@media only screen and (min-width:890px) {
    .carousel .owl-prev, .carousel .owl-next {
        height: 70px;
        padding: 15px 0;
        width: 58px;
    }
}

@media only screen and (min-width:690px) {
    .carousel .owl-prev:before, .carousel .owl-next:before {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

@media only screen and (min-width:890px) {
    .carousel .owl-prev:before, .carousel .owl-next:before {
        font-size: 40px;
        font-size: 4rem;
    }
}

.carousel .owl-prev:hover, .carousel .owl-next:hover {
    background-color: transparent;
    background-color: #e3002b;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE3002B,endColorstr=#FFE3002B);
    zoom: 1;
}

@media only screen and (max-width:689px) {
    .carousel .owl-controls {
        display: none;
    }
}

.carousel .owl-dots {
    display: none;
}

@media only screen and (min-width:690px) {
    .carousel .owl-dots {
        -webkit-transition: bottom 0.3s ease-in-out;
        -moz-transition: bottom 0.3s ease-in-out;
        transition: bottom 0.3s ease-in-out;
        width: 100%;
        display: block;
        text-align: center;
        position: absolute;
        z-index: 10;
        bottom: -55px;
        padding-bottom: .3em;
        background-color: transparent;
        background-color: rgba(0,0,0,.55);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C000000,endColorstr=#8C000000);
        zoom: 1;
    }
}

.carousel .owl-dot {
    display: inline-block;
    margin: 0 5px;
    padding: .8em 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

    .carousel .owl-dot span {
        padding-bottom: .1em;
    }

        .carousel .owl-dot span:hover {
            border-bottom: 1px solid #fff;
        }

    .carousel .owl-dot.active span {
        border-bottom: 1px solid #fff;
    }

    .carousel .owl-dot:after {
        content: "|";
        padding-left: .8em;
        font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    }

.carousel .owl-dot-last:after {
    display: none;
}

.carousel:hover .owl-dots {
    bottom: 0;
}

@media only screen and (min-width:690px) {
    .carousel-content-wrap-triangle {
        width: 45%;
        right: auto;
        background: #DDE5ED;
        padding-left: 15%;
        max-width: 847px;
    }
}

@media only screen and (min-width:890px) {
    .carousel-content-wrap-triangle {
        padding-left: 14%;
    }
}

@media only screen and (min-width:1200px) {
    .carousel-content-wrap-triangle {
        padding-left: 10%;
        width: 44.5%;
    }
}

@media only screen and (min-width:1500px) {
    .carousel-content-wrap-triangle {
        padding-left: 9%;
    }
}

@media only screen and (min-width:1900px) {
    .carousel-content-wrap-triangle {
        padding-left: 160px;
    }
}

@media only screen and (min-width:690px) {
    .carousel-content-wrap-triangle:after {
        content: "\00a0";
        display: block;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-top-color: inherit;
        border-width: 500px 215px 0 0;
        right: -215px;
        position: absolute;
    }
}

@media only screen and (min-width:890px) {
    .carousel-content-wrap-triangle-small {
        padding-left: 16%;
    }
}

@media only screen and (min-width:960px) {
    .carousel-content-wrap-triangle-small {
        padding-left: 12%;
    }
}

@media only screen and (min-width:1200px) {
    .carousel-content-wrap-triangle-small {
        padding-left: 11%;
    }
}

@media only screen and (min-width:1500px) {
    .carousel-content-wrap-triangle-small {
        padding-left: 8%;
    }
}

@media only screen and (min-width:1900px) {
    .carousel-content-wrap-triangle-small {
        padding-left: 120px;
    }
}

@media only screen and (min-width:690px) {
    .carousel-content-wrap-triangle-right {
        right: 0;
        left: auto;
        padding: 0 10% 0 3.5%;
    }
}

@media only screen and (min-width:890px) {
    .carousel-content-wrap-triangle-right {
        padding: 0 9% 0 4%;
    }
}

@media only screen and (min-width:1200px) {
    .carousel-content-wrap-triangle-right {
        padding-right: 115px;
    }
}

@media only screen and (min-width:690px) {
    .carousel-content-wrap-triangle-right:after {
        border-width: 0 0 500px 215px;
        border-top-color: transparent;
        border-bottom-color: inherit;
        left: -215px;
        right: auto;
    }
}

@media only screen and (min-width:690px) {
    .carousel-content-triangle {
        padding: 0;
        text-align: left;
    }
}

.carousel-heading-triangle {
    font-size: 24px;
    font-size: 2.4rem;
}

@media only screen and (min-width:890px) {
    .carousel-heading-triangle {
        font-size: 26px;
        font-size: 2.6rem;
    }
}

@media only screen and (min-width:960px) {
    .carousel-heading-triangle {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

@media only screen and (min-width:1200px) {
    .carousel-heading-triangle {
        font-size: 32px;
        font-size: 3.2rem;
    }
}

@media only screen and (min-width:1200px) {
    .carousel-heading-triangle-small {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

.carousel-copy-triangle {
    font-size: 17px;
    font-size: 1.7rem;
}

@media only screen and (min-width:890px) {
    .carousel-copy-triangle {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media only screen and (min-width:1200px) {
    .carousel-copy-triangle {
        font-size: 19px;
        font-size: 1.9rem;
    }
}

@media only screen and (min-width:890px) {
    .carousel-copy-triangle-small {
        font-size: 17px;
        font-size: 1.7rem;
    }
}

.banner {
    position: relative;
    overflow: hidden;
    height: 230px;
}

@media only screen and (min-width:690px) {
    .banner {
        height: 300px;
    }
}

.banner-responsive {
    height: auto;
    max-height: 320px;
    text-align: center;
}

@media only screen and (min-width:690px) {
    .banner-responsive {
        height: auto;
        max-height: 300px;
    }
}

.banner-media {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

.banner-media-responsive {
    position: relative;
    height: auto;
    top: auto;
    left: auto;
}

.banner-img {
    position: absolute;
}

.banner-img-top {
    top: 0;
}

.banner-img-centre {
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.banner-img-bottom {
    bottom: 0;
}

.banner-img-responsive {
    display: block;
    position: relative;
    width: 100%;
    margin-top: -14%;
}

@media only screen and (min-width:690px) {
    .banner-img-responsive {
        margin-top: 0;
    }
}

@media only screen and (min-width:890px) {
    .banner-img-responsive {
        margin-top: -4%;
    }
}

@media only screen and (min-width:960px) {
    .banner-img-responsive {
        margin-top: -5%;
    }
}

@media only screen and (min-width:1200px) {
    .banner-img-responsive {
        margin-top: -9%;
    }
}

@media only screen and (min-width:1500px) {
    .banner-img-responsive {
        margin-top: -11%;
    }
}

.banner-title-wrap {
    margin: 0 auto;
    position: relative;
    z-index: 20;
    height: 100%;
    text-align: center;
    word-spacing: -4px;
}

    .banner-title-wrap:before {
        height: 100%;
        content: '\00a0';
        display: inline-block;
        vertical-align: middle;
    }

.banner-title-wrap-responsive {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    left: 0;
}

.banner-title {
    font-size: 40px;
    font-size: 4rem;
    font-family: "helvetica neue","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    word-spacing: normal;
}

@media only screen and (min-width:690px) {
    .banner-title {
        font-size: 48px;
        font-size: 4.8rem;
    }
}

.banner-title-icon:before {
    font-family: "eca-icons";
    speak: none;
    font-size: inherit;
    color: inherit;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width:690px) {
    .banner-title-wrap-triangle {
        width: 45%;
        margin-left: 0;
        background: #DDE5ED;
        padding-left: 7%;
        max-width: 847px;
    }
}

@media only screen and (min-width:960px) {
    .banner-title-wrap-triangle {
        padding-left: 6%;
    }
}

@media only screen and (min-width:1200px) {
    .banner-title-wrap-triangle {
        padding-left: 4%;
        width: 44.5%;
    }
}

@media only screen and (min-width:1500px) {
    .banner-title-wrap-triangle {
        padding-left: 3%;
    }
}

@media only screen and (min-width:1900px) {
    .banner-title-wrap-triangle {
        padding-left: 70px;
    }
}

@media only screen and (min-width:690px) {
    .banner-title-wrap-triangle:after {
        content: "\00a0";
        display: block;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-top-color: inherit;
        border-width: 300px 130px 0 0;
        right: -130px;
        position: absolute;
    }
}

@media only screen and (min-width:690px) {
    .banner-title-wrap-triangle-right {
        margin: 0 0 0 auto;
        padding: 0 7% 0 0;
    }
}

@media only screen and (min-width:890px) {
    .banner-title-wrap-triangle-right {
        padding-right: 6%;
    }
}

@media only screen and (min-width:960px) {
    .banner-title-wrap-triangle-right {
        padding-right: 5%;
    }
}

@media only screen and (min-width:1200px) {
    .banner-title-wrap-triangle-right {
        padding-right: 4%;
    }
}

@media only screen and (min-width:1500px) {
    .banner-title-wrap-triangle-right {
        padding-right: 3%;
    }
}

@media only screen and (min-width:1900px) {
    .banner-title-wrap-triangle-right {
        padding-right: 50px;
    }
}

@media only screen and (min-width:690px) {
    .banner-title-wrap-triangle-right:after {
        border-top-color: transparent;
        border-bottom-color: inherit;
        border-width: 0 0 300px 130px;
        left: -130px;
        right: auto;
    }
}

@media only screen and (min-width:690px) {
    .banner-title-triangle {
        padding: 0;
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media only screen and (min-width:890px) {
    .banner-title-triangle {
        font-size: 38px;
        font-size: 3.8rem;
    }
}

.owl-image-slider {
    overflow: hidden;
}

    .owl-image-slider #bar {
        width: 0%;
        max-width: 100%;
        height: 4px;
        background: #e3002b;
    }

    .owl-image-slider #owl-play-stop {
        cursor: pointer;
    }

    .owl-image-slider #progressBar {
        width: 100%;
    }

    .owl-image-slider .owl-prev {
        right: 40px;
    }

        .owl-image-slider .owl-prev:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #777c81;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .owl-image-slider .owl-prev:hover:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #e3002b;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .owl-image-slider .owl-next {
        right: 0;
    }

        .owl-image-slider .owl-next:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #777c81;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .owl-image-slider .owl-next:hover:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #e3002b;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .owl-image-slider .play {
        right: 80px;
    }

        .owl-image-slider .play:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #777c81;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .owl-image-slider .play:hover:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #e3002b;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .owl-image-slider .stop {
        right: 80px;
    }

        .owl-image-slider .stop:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #777c81;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .owl-image-slider .stop:hover:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #e3002b;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .owl-image-slider .owl-prev, .owl-image-slider .owl-next, .owl-image-slider .play, .owl-image-slider .stop {
        position: absolute;
        bottom: 0;
        margin: auto 0;
        width: 41px;
        height: 39px;
        background: #fff;
        text-align: center;
        padding: .4em;
        padding-top: .5em;
        z-index: 2;
        border: 1px solid #e5e5e5;
    }

    .owl-image-slider .owl-item .item img {
        max-width: 100%;
        width: 100%;
    }

    .owl-image-slider .owl-item .item .caption {
        background-color: #e5e5e5;
        padding: .65em 1.3em;
        font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    }

.mfp-popup-video .mfp-container {
    padding: 0 20px;
}

.mfp-popup-video .mfp-iframe-holder .mfp-content {
    max-width: 1000px;
}

.mfp-popup-modal .mfp-content {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}

@media only screen and (max-width:689px) {
    .mfp-popup-modal .mfp-close {
        top: .5em;
        right: .5em;
    }

        .mfp-popup-modal .mfp-close:active {
            top: .6em;
        }
}

.form-heading {
    font-size: 20px;
    font-size: 2rem;
    display: block;
    margin: .5em 0 1em;
}

.form-heading-alt {
    margin: 1.5em 0 .5em;
}

.form-desc {
    margin: .5em 0;
}

.form-message {
    width: 100%;
    padding: 13px;
    margin: 1em 0 0;
    display: block;
}

    .form-message:before {
        font-family: "eca-icons";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .form-message[style*="inline"] {
        display: block !important;
    }

.form-message-lrg {
    margin: 1em 0 .5em;
}

.form {
    width: 100%;
    *zoom: 1;
}

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

    .form:after {
        clear: both;
    }

.form-error {
    background-color: transparent;
    background-color: rgba(227,0,43,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26E3002B,endColorstr=#26E3002B);
    zoom: 1;
    color: #ba0023;
    border: 1px solid #e3002b;
}

    .form-error:before {
        content: "";
    }

.form-warning {
    background-color: transparent;
    background-color: rgba(242,101,34,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26F26522,endColorstr=#26F26522);
    zoom: 1;
    color: #D64703;
    border: 1px solid #D64703;
}

    .form-warning:before {
        content: "";
    }

.form-success {
    background-color: transparent;
    background-color: rgba(54,198,250,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2636C6FA,endColorstr=#2636C6FA);
    zoom: 1;
    color: #087fb8 !important;
    border: 1px solid #36c6fa;
}

    .form-success:before {
        content: "";
    }

    .form-success:before {
        position: relative;
        top: 1px;
    }

.field-row {
    width: 100%;
}

@media only screen and (min-width:690px) {
    .field-row {
        *zoom: 1;
    }

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

        .field-row:after {
            clear: both;
        }
}

@media only screen and (min-width:690px) {
    .field-row-50 {
        width: 50%;
        float: left;
    }

        .field-row-50:nth-child(2n+1) {
            padding-right: 15px;
        }

        .field-row-50:nth-child(2n+2) {
            padding-left: 15px;
        }
}

.field-wrap {
    margin: 1em 0;
    position: relative;
    word-spacing: normal;
}

.field-wrap-label .EditingFormLabel {
    font-size: 14px;
    font-size: 1.4rem;
    color: #777c81;
    margin: .4em 0;
    display: block;
    width: 100%;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";

}

@media only screen and (max-width:689px) {
    .field-wrap-submit {
        margin-top: 1.5em;
    }
}

.field-wrap-condensed {
    margin: .5em 0;
}

.field-wrap-fl {
    float: left;
    width: 100%;
    position: relative;
    margin: .5em 0;
}

.field-wrap-fl-submit {
    margin: 1em 0;
}

@media only screen and (min-width:690px) {
    .field-wrap-50 {
        float: left;
        width: 50%;
    }

        .field-wrap-50:nth-child(2n+1) {
            padding-right: 10px;
        }

        .field-wrap-50:nth-child(2n+2) {
            padding-left: 10px;
        }
}

@media only screen and (min-width:690px) {
    .field-wrap-50-condensed {
        float: left;
        width: 50%;
        margin: .5em 0;
    }

        .field-wrap-50-condensed:nth-child(2n+1) {
            padding-right: 15px;
        }

        .field-wrap-50-condensed:nth-child(2n+2) {
            padding-left: 15px;
        }
}

@media only screen and (min-width:690px) {
    .field-wrap-tab-condensed {
        margin: .8em 0;
	word-spacing: normal;
    }
}

@media only screen and (min-width:960px) {
    .field-wrap-tab-condensed {
        float: left;
        width: 50%;
	word-spacing: normal;
    }

        .field-wrap-tab-condensed:nth-child(2n+1) {
            padding-right: 15px;
	word-spacing: normal;
        }

        .field-wrap-tab-condensed:nth-child(2n+2) {
            padding-left: 15px;
	word-spacing: normal;
        }
}

@media only screen and (min-width:690px) {
    .field-wrap-signup {
        margin: .5em 0;
    }
}

@media only screen and (min-width:960px) {
    .field-wrap-signup {
        float: left;
        width: 50%;
    }

        .field-wrap-signup:nth-child(2n+1) {
            padding-right: 15px;
        }

        .field-wrap-signup:nth-child(2n+2) {
            padding-left: 15px;
        }
}

.field-wrap-dropdown {
    width: 100%;
    margin: 1em 0 1.5em 0;
}

@media only screen and (min-width:690px) {
    .field-wrap-dropdown {
        margin: .6em 0 .8em 0;
    }
}

.field-label {
    font-size: 14px;
    font-size: 1.4rem;
    color: #777c81;
    margin: .4em 0;
    display: block;
    width: 100%;
}

.field-label-dropdown {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .field-label-dropdown {
        display: inline-block;
        min-width: 130px;
        width: auto;
        padding-right: 1em;
    }
}

@media only screen and (min-width:960px) {
    .field-label-dropdown {
        min-width: 0;
    }
}

@media only screen and (min-width:690px) {
    .field-label-inline {
        display: inline-block;
        width: auto;
    }
}

.field-label-filter {
    display: inline;
    padding-left: .3em;
    position: relative;
    top: -1px;
    margin: 0;
}

.no-label {
    position: absolute;
    left: -999em;
}

.field-select-wrap {
    position: relative;
    width: 100%;
}

@media only screen and (min-width:690px) {
    .field-select-wrap-payment {
        width: 250px;
    }
}

.field-select-wrap-payment .DropDownField {
    padding: .75em .5em;
    color: #777c81;
    font-size: 15px;
    font-size: 1.5rem;
    width: 100%;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:890px) {
    .field-select-wrap-payment .DropDownField {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media only screen and (min-width:690px) {
    .field-select-wrap-inline {
        display: inline-block;
        width: 200px;
        margin: 0 1em;
    }
}

@media only screen and (min-width:690px) {
    .field-select-wrap-title {
        display: inline-block;
        width: 175px;
        margin: 0;
    }
}

.field-select-wrap-dropdown {
    display: inline-block;
    width: 100%;
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .field-select-wrap-dropdown {
        width: 35%;
        display: inline-block;
    }
}

@media only screen and (min-width:960px) {
    .field-select-wrap-dropdown {
        width: 20%;
    }
}

.field-select, .field-select-wrap select {
    padding: .75em .5em;
    color: #777c81;
    font-size: 15px;
    font-size: 1.5rem;
    width: 100%;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:890px) {
    .field-select, .field-select-wrap select {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.field-select.DropDownField, .field-select-wrap select.DropDownField {
    width: 100% !important;
}

.field-input, .field-input-password .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 3px;
    border: 1px solid #777c81;
    padding: .75em .5em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    color: #777c81;
    width: 100%;
}

@media only screen and (min-width:890px) {
    .field-input, .field-input-password .form-control {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.field-input-disabled {
    background-color: transparent;
    background-color: rgba(229,229,229,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80E5E5E5,endColorstr=#80E5E5E5);
    zoom: 1;
    color: #979DA8;
    cursor: not-allowed !important;
}

.field-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 3px;
    border: 1px solid #777c81;
    padding: .75em .5em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    color: #777c81;
    width: 100%;
    min-height: 122px;
}

@media only screen and (min-width:890px) {
    .field-textarea {
        font-size: 16px;
        font-size: 1.6rem;
        min-height: 130px;
    }
}

.search-field-input .icon-field-search {
    position: absolute;
    top: .4em;
    right: .8em;
    z-index: 200;
    cursor: pointer;
}

@media only screen and (max-width:690px) {
    .search-field-input .icon-field-search {
        right: .4em;
    }
}

.field-submit {
    width: 100%;
}

.RegisterButton {
    margin-bottom: 1.5em;
}

@media only screen and (min-width:690px) {
    .field-inline {
        width: auto;
        display: inline-block;
    }
}

.field-filter-wrap {
    display: inline-block;
}

.field-filter {
    display: inline-block;
}

.field-filter-tick {
    border-radius: 3px;
    background: #fff;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #777c81;
}

    .field-filter-tick.selected {
        position: relative;
    }

        .field-filter-tick.selected:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 25px;
            font-size: 2.5rem;
            color: #e3002b;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            top: -8px;
            right: -15px;
            position: absolute;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

.field-filter-tick-small {
    width: 13px;
    height: 13px;
}

    .field-filter-tick-small.selected:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 20px;
        font-size: 2rem;
        color: #e3002b;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        top: -8px;
        right: -13px;
        position: absolute;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.field-filter-radio {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #777c81;
    border-radius: 50%;
    background: #fff;
    position: relative;
}

    .field-filter-radio.selected:before {
        border-radius: 50%;
        background: #e3002b;
        content: "\00a0";
        left: 1px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 60%;
        height: 56%;
        position: absolute;
    }

    .field-filter-radio.field-filter-radio-small {
        width: 13px;
        height: 13px;
    }

        .field-filter-radio.field-filter-radio-small.selected:before {
            border-radius: 50%;
            background: #e3002b;
            content: "";
            left: 0;
            right: inherit;
            top: 0;
            bottom: inherit;
            margin: 10%;
            width: 80%;
            height: 80%;
            position: absolute;
        }

.field-filter-fallback {
    margin-right: 5px;
}

.fake-select {
    width: 100%;
    display: block;
    border-radius: 3px;
    border: 1px solid #777c81;
    padding: .75em 2.3em .75em .5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #777c81;
    font-size: 15px;
    font-size: 1.5rem;
    background: #fff;
    z-index: 10;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    position: absolute;
    top: 0;
}

    .fake-select:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 17px;
        font-size: 1.7rem;
        color: #777c81;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        position: absolute;
        right: 0;
        z-index: 3;
        padding: 0 10px;
        background: #fff;
        margin-top: .1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:690px) {
    .fake-select:before {
        padding: 0 7px;
    }
}

@media only screen and (min-width:890px) {
    .fake-select:before {
        padding: 0 10px;
    }
}

@media only screen and (min-width:890px) {
    .fake-select {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.fake-select-active {
    background-color: transparent;
    background-color: rgba(54,198,250,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2636C6FA,endColorstr=#2636C6FA);
    zoom: 1;
    border: 1px solid #36c6fa !important;
}

    .fake-select-active:before {
        background: none;
    }

.fake-select-close:before {
    content: "";
}

.field-select-hide {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 20;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.primary-dropdown + .fake-select {
    background-color: transparent;
    background-color: rgba(54,198,250,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2636C6FA,endColorstr=#2636C6FA);
    zoom: 1;
    border: 1px solid #36c6fa !important;
}

    .primary-dropdown + .fake-select:before {
        background: none;
    }

.field-select-error + .fake-select {
    border: 1px solid #ba0023;
    background: #fff;
    color: #ba0023;
}

    .field-select-error + .fake-select:before {
        color: #ba0023;
    }

    .field-select-error + .fake-select:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 17px;
        font-size: 1.7rem;
        color: #ba0023;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        position: relative;
        top: 1px;
        padding: 0 .3em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.field-select.aspNetDisabled {
    cursor: not-allowed;
}

    .field-select.aspNetDisabled + .fake-select {
        color: #777c81;
        border: 1px solid #ccc;
        background-color: transparent;
        background-color: rgba(151,157,168,.15);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26979DA8,endColorstr=#26979DA8);
        zoom: 1;
    }

        .field-select.aspNetDisabled + .fake-select:before {
            background: transparent;
            color: #777c81;
        }

@media only screen and (min-width:690px) {
    .row-report {
        width: 88%;
        float: left;
    }
}

@media only screen and (min-width:890px) {
    .row-report {
        width: 90%;
    }
}

.row-report-narrow {
    max-width: 800px;
}

@media only screen and (min-width:690px) {
    .row-report-go {
        width: 12%;
        float: left;
    }
}

@media only screen and (min-width:890px) {
    .row-report-go {
        width: 10%;
    }
}

.field-wrap-report {
    margin: .5em 0;
}

@media only screen and (min-width:690px) {
    .field-wrap-report {
        width: 50%;
        float: left;
        padding: 0 10px;
    }
}

@media only screen and (min-width:890px) {
    .field-wrap-report-33 {
        width: 50%;
    }
}

@media only screen and (min-width:890px) {
    .field-wrap-report-33 {
        width: 33.33333333333333%;
    }
}

.field-wrap-submit-report {
    margin: .5em 0;
}

@media only screen and (min-width:690px) {
    .field-wrap-submit-report {
        margin: 2.4em 0 .5em;
        padding: 0 10px;
    }
}

@media only screen and (min-width:690px) {
    .field-submit-report {
        padding: .6em .5em;
        max-width: 60px;
    }
}

@media only screen and (min-width:890px) {
    .field-submit-report {
        padding: .7em .5em;
    }
}

.field-checkbox-wrap-report {
    display: inline-block;
    vertical-align: top;
}

.field-label-checkbox-report {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin: .2em 0;
    padding-left: .4em;
    font-size: 13px;
    font-size: 1.3rem;
}

@media only screen and (min-width:690px) and (max-width:1199px) {
    .field-label-checkbox-report {
        width: 85%;
    }
}

@media only screen and (min-width:960px) {
    .field-label-checkbox-report {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.signup-form .field-wrap {
    margin: 0;
}

.form-temp {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

@media only screen and (min-width:1020px) {
    .form-temp {
        float: right;
    }
}

.field-wrap-temp {
    margin: 0 .3em .3em;
    vertical-align: top;
    display: inline-block;
}

.field-filter-temp {
    top: 3px;
}

.NotificationSubscriptionHeader {
    margin-bottom: 1em;
    color: #777c81;
}

.control-label {
    font-size: 14px;
    font-size: 1.4rem;
    color: #777c81;
    margin: .4em 0;
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    width: 100%;
	word-spacing: normal;
}

.control-input .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 3px;
    border: 1px solid #777c81;
    padding: .75em .5em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    color: #777c81;
    width: 100%;
    margin-bottom: 1.3em;
    max-width: 100%;
}

@media only screen and (min-width:890px) {
    .control-input .form-control {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.control-input {
    position: relative;
}

.EmailNotificationForm.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 3px;
    border: 1px solid #777c81;
    padding: .75em .5em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    color: #777c81;
    width: 100%;
    margin-bottom: 1.3em;
}

@media only screen and (min-width:890px) {
    .EmailNotificationForm.form-control {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.date-time-picker .form-control {
    width: 70%;
    display: inline-block;
    margin-right: 10px;
}

.date-time-picker .btn {
    margin-right: 10px;
}

.InfoLabel {
    color: #777c81;
    margin-bottom: 1em;
    display: block;
}

.btn-primary {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (max-width:689px) {
    .btn-primary {
        width: 100%;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .btn-primary {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.passw-strength-indicator {
    display: none;
}

.password-strength-hint {
    display: inline-block;
    color: #e3002b;
    font-size: 14px;
    font-size: 1.4rem;
    margin: .4em 0;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #777c81;
}

.password-strength-weak {
    display: inline-block;
    color: #e3002b;
    font-size: 14px;
    font-size: 1.4rem;
    margin: .4em 0;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #e3002b;
}

.password-strength-not-acceptable {
    display: inline-block;
    color: #e3002b;
    font-size: 14px;
    font-size: 1.4rem;
    margin: .4em 0;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #e3002b;
}

.password-strength-acceptable {
    display: inline-block;
    color: #e3002b;
    font-size: 14px;
    font-size: 1.4rem;
    margin: .4em 0;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #F26522;
}

.password-strength-average {
    display: inline-block;
    color: #e3002b;
    font-size: 14px;
    font-size: 1.4rem;
    margin: .4em 0;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #F26522;
}

.password-strength-strong {
    display: inline-block;
    color: #e3002b;
    font-size: 14px;
    font-size: 1.4rem;
    margin: .4em 0;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #5A9A20;
}

.password-strength-excellent {
    display: inline-block;
    color: #e3002b;
    font-size: 14px;
    font-size: 1.4rem;
    margin: .4em 0;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #087fb8;
}

.inline-form-half {
    padding: 1em 0 0;
}

@media only screen and (min-width:690px) {
    .inline-form-half {
       word-spacing: -4px;
    }
}

.field-wrap-half {
    margin: 0;
}

@media only screen and (min-width:690px) {
    .field-wrap-half {
        display: inline-block;
        word-spacing: normal;
        width: 50%;
    }

        .field-wrap-half:nth-child(2n+1) {
            padding-right: 10px;
        }

        .field-wrap-half:nth-child(2n+2) {
            padding-left: 20px;
        }
}

.field-wrap-full {
    margin: 0;
}

@media only screen and (min-width:690px) {
    .field-wrap-full {
        display: inline-block;
        word-spacing: normal;
        width: 100%;
    }

        .field-wrap-full:nth-child(2n+1) {
            padding-right: 10px;
        }

        .field-wrap-full:nth-child(2n+2) {
            padding-left: 20px;
        }
}

.inline-form {
    *zoom: 1;
}

    .inline-form:before, .inline-form:after {
        content: " ";
        display: table;
    }

    .inline-form:after {
        clear: both;
    }

    .inline-form .ErrorLabel {
        color: #e3002b;
    }

    .inline-form .InfoLabel {
        color: #5A9A20;
    }

    .inline-form .ErrorLabel, .inline-form .InfoLabel {
        margin: 1em 0 0;
        display: block;
    }

    .inline-form .Error {
        position: relative;
    }

        .inline-form .Error input {
            border: 1px solid #e3002b;
        }

        .inline-form .Error:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 15px;
            font-size: 1.5rem;
            color: #e3002b;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            position: absolute;
            right: 12px;
            top: 14px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

.inline-form-small .control-input .form-control {
    font-size: 15px;
    font-size: 1.5rem;
}

.inline-form-small .FormButton {
    font-size: 15px;
    font-size: 1.5rem;
}

.form .FormButton {
    background: #777c81;
}

    .form .FormButton:hover {
        background: #ba0023;
    }

.hide-error-msg .ErrorLabel {
    display: none;
}

.inline-form-margin .control-input .form-control {
    margin-bottom: 0;
}

.field-nomargin {
    margin-left: 0;
    margin-right: 0;
}

::-webkit-input-placeholder {
    color: #777c81;
}

:-moz-placeholder {
    color: #777c81;
}

::-moz-placeholder {
    color: #777c81;
}

:-ms-input-placeholder {
    color: #777c81;
}

.checkbox-list-vertical {
    overflow-y: auto;
    max-height: 500px;
    display: inline-block;
    padding-right: 200px;
}

.table-wrapper {
    width: 100%;
    padding: 0 10px;
}

.table-scroll {
    width: 100%;
    overflow-x: auto;
}

.table-heading {
    font-size: 24px;
    font-size: 2.4rem;
    color: #1D252D;
    margin: 1em 0 .7em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.table-title {
    background: #e5e5e5;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #4A5157;
    display: block;
    padding: .7em 0;
    margin-top: 1em;
}

@media only screen and (min-width:690px) {
    .table-center {
        text-align: center;
    }
}

.table {
    width: 100%;
    margin: 1em 0;
}

@media only screen and (max-width:689px) {
    .table {
        display: block;
    }
}

.table-first {
    margin-top: 0;
}

@media only screen and (max-width:689px) {
    .table-head {
        position: absolute;
        left: -999em;
    }
}

@media only screen and (min-width:690px) {
    .table-head {
        background: #505563;
    }
}

@media only screen and (max-width:689px) {
    .table-body {
        display: block;
        width: 100%;
        *zoom: 1;
    }

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

        .table-body:after {
            clear: both;
        }
}

@media only screen and (min-width:690px) {
    .table-body {
        background: #DDE5ED;
    }
}

@media only screen and (max-width:689px) {
    .table-row {
        float: left;
        width: 100%;
        border-bottom: 5px solid #97AFBB;
        margin: .7em 0;
    }
}

@media only screen and (min-width:690px) {
    .table-row {
        -webkit-transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        transition: background 0.3s ease-in-out;
    }

        .table-row:nth-child(even) {
            background: #EEF2F6;
        }

        .table-row:hover {
            background-color: transparent;
            background-color: rgba(151,157,168,.35);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#59979DA8,endColorstr=#59979DA8);
            zoom: 1;
        }
}

@media only screen and (max-width:689px) {
    .table-row-first {
        margin-top: 0;
    }
}

@media only screen and (max-width:689px) {
    .table-head-row {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width:690px) {
    .table-row-active {
        background-color: transparent;
        background-color: rgba(54,198,250,.15);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2636C6FA,endColorstr=#2636C6FA);
        zoom: 1;
        border: 1px solid #36c6fa;
    }
}

@media only screen and (min-width:690px) {
    .table-header {
        color: #fff;
        padding: 1em;
        font-family: "gotham narrow bold","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
        font-weight: 400;
        text-align: left;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media only screen and (min-width:890px) {
    .table-header {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.table-header-narrow {
    padding: 1em .5em;
}

.table-data {
    color: #1D252D;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
}

@media only screen and (max-width:689px) {
    .table-data {
        float: right;
        width: 60%;
        margin: 0 0 0 auto;
        background: #DDE5ED;
        position: relative;
        padding: .8em 1em;
        -webkit-transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        transition: background 0.3s ease-in-out;
    }

        .table-data:nth-child(even) {
            background: #EEF2F6;
        }

        .table-data:before {
            content: attr(data-th) ": ";
            width: 66.66666666666667%;
            padding: .8em 1em;
            display: block;
            background: #505563;
            font-family: "gotham narrow bold","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
            color: #fff;
            text-align: right;
            position: absolute;
            height: 100%;
            left: -66.66666666666667%;
            top: 0;
        }

        .table-data:hover {
            background-color: transparent;
            background-color: rgba(151,157,168,.35);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#59979DA8,endColorstr=#59979DA8);
            zoom: 1;
        }
}

@media only screen and (min-width:690px) {
    .table-data {
        padding: .8em 1em;
    }
}

@media only screen and (min-width:890px) {
    .table-data {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media only screen and (min-width:690px) {
    .table-data-wide {
        width: 33%;
    }
}

@media only screen and (min-width:890px) {
    .table-data-wide {
        width: 31%;
    }
}

.table-data-input {
    padding: .4em;
}

@media only screen and (min-width:690px) {
    .table-data-radio {
        padding-left: 1.4em;
    }
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .table-data-radio {
        width: 8%;
    }
}

@media only screen and (min-width:690px) {
    .table-data-checkbox {
        text-align: center;
        width: 13%;
    }
}

@media only screen and (min-width:890px) {
    .table-data-checkbox {
        width: 8%;
    }
}

@media only screen and (min-width:690px) {
    .table-data-filter {
        text-align: center;
        width: 35px;
        box-sizing: content-box;
        padding: 1em 0;
    }

        .table-data-filter:first-child {
            padding-left: 1em;
        }

        .table-data-filter:last-child {
            padding-right: 1em;
        }
}

.table-data-filter:hover {
    color: #087fb8;
}

.field-input-table {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-size: 1.4rem;
    padding: .5em;
    color: #1D252D;
}

@media only screen and (min-width:890px) {
    .field-input-table {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.field-input-table:active, .field-input-table:focus {
    border: 1px solid #97AFBB;
    background: #fff;
}

.field-input-table-active {
    border: 1px solid #97AFBB;
    background: #fff;
}

.table-controls {
    width: 100%;
    background: #e5e5e5;
    *zoom: 1;
    padding: 1px 1px 0 1px;
}

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

    .table-controls:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .table-icons {
        float: right;
    }
}

.table-basic {
    width: 100%;
    margin: 1em 0;
}

.table-basic-header {
    text-align: left;
    font-weight: 400;
    color: #1D252D;
    font-family: "gotham narrow bold","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    padding: .4em 1.5em .4em 0;
}

.table-basic-data {
    padding: .4em 1.5em;
}

.control-pagination {
    float: left;
}

.control-page {
    font-size: 20px;
    font-size: 2rem;
    color: #1D252D;
    padding: .35em 1em;
    float: left;
    display: inline-block;
}

.panel {
    margin: 1.5em 0;
    padding: 0 10px;
    *zoom: 1;
}

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

    .panel:after {
        clear: both;
    }

@media only screen and (min-width:480px) {
    .panel {
        padding: 0 15px;
    }
}

@media only screen and (min-width:690px) {
    .panel {
        margin: 1em 0;
        padding: 0 20px;
    }
}

@media only screen and (min-width:1200px) {
    .panel {
        padding: 0 10px;
    }
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .panel-tab-padd {
        padding: 0 20px;
    }
}

.panel-heading {
    margin: .5em 0 .7em;
}

@media only screen and (min-width:690px) {
    .panel-heading {
        margin: 1em 0 1.3em;
    }
}

.panel-heading-white {
    margin: .5em 0 .7em;
    color: #fff;
}

@media only screen and (min-width:690px) {
    .panel-heading-white {
        margin: 1em 0 1.3em;
        color: #fff;
    }
}

.panel-heading-red {
    margin: .5em 0 .7em;
    color: #e3002b;
}

@media only screen and (min-width:690px) {
    .panel-heading-red {
        margin: 1em 0 1.3em;
        color: #e3002b;
    }
}

.panel-heading-black {
    margin: .5em 0 .7em;
    color: #1d252d;
}

@media only screen and (min-width:690px) {
    .panel-heading-black {
        margin: 1em 0 1.3em;
        color: #1d252d;
    }
}

.panel-heading-desc {
    margin: .5em 0 .7em;
}

.panel-heading-services {
    margin-top: 0;
}

.panel-description {
    margin: 1em 0 .7em;
}

@media only screen and (min-width:690px) {
    .panel-description {
        margin: 1em auto .9em;
        max-width: 75%;
    }
}

@media only screen and (min-width:890px) {
    .panel-description {
        margin-bottom: 1.3em;
    }
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .panel-nopadd {
        padding: 0;
    }
}

.dropdown {
    border-radius: 3px;
    border: 1px solid #1D252D;
    padding: 20px;
    position: absolute;
    background: #fff;
    z-index: 200;
    width: 100%;
    margin-top: .5em;
}

@media only screen and (min-width:690px) {
    .dropdown {
        margin-top: 5em;
        width: auto;
    }
}

.dropdown:before, .dropdown:after {
    content: "\00a0";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0;
}

@media only screen and (max-width:689px) {
    .dropdown:before, .dropdown:after {
        right: 0;
        margin: auto;
    }
}

.dropdown:before {
    top: -9px;
    left: 21px;
    border-bottom-color: #1D252D;
    border-width: 9px;
}

.dropdown:after {
    top: -8px;
    left: 21px;
    border-bottom-color: #fff;
    border-width: 8px;
}

.dropdown-links {
    padding-bottom: 1em;
    margin-bottom: .8em;
    border-bottom: 1px dashed #e5e5e5;
}

.dropdown-link {
    display: block;
    text-decoration: none;
    padding: .4em 0;
}

.dropdown-tooltip {
    left: auto;
    right: auto;
    position: fixed;
    z-index: 200;
    margin: 0;
    max-width: 400px;
}

    .dropdown-tooltip:before {
        left: 20px;
        right: auto;
    }

@media only screen and (min-width:690px) {
    .dropdown-right {
        right: 0;
        left: auto;
    }

        .dropdown-right:before, .dropdown-right:after {
            right: 22px;
            left: auto;
        }

        .dropdown-right:before {
            right: 21px;
        }
}

.cc_banner-wrapper {
    z-index: 9001;
    position: relative;
}

.cc_btn {
    cursor: pointer;
    text-align: center;
    font-size: .6em;
    transition: font-size 200ms;
    line-height: 1em;
}

.cc_message {
    font-size: .6em;
    transition: font-size 200ms;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

.cc_logo {
    display: none;
    text-indent: -1000px;
    overflow: hidden;
    width: 100px;
    height: 22px;
    background-size: cover;
    opacity: .9;
    transition: opacity 200ms;
}

    .cc_logo:hover, .cc_logo:active {
        opacity: 1;
    }

@media screen and (min-width:500px) {
    .cc_btn {
        font-size: .8em;
    }

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

@media screen and (min-width:768px) {
    .cc_btn {
        font-size: 1em;
    }

    .cc_message {
        font-size: 1em;
        line-height: 1em;
    }
}

@media screen and (min-width:992px) {
    .cc_message {
        font-size: 1em;
    }
}

@media print {
    .cc_banner-wrapper, .cc_container {
        display: none;
    }
}

.cc_banner-wrapper {
    height: 66px;
}

.cc_container {
    padding: 15px 15px 16px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.cc_btn {
    padding: 8px 10px;
    background-color: #f1d600;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 120px;
}

.cc_message {
    display: block;
}

@media screen and (min-width:500px) {
    .cc_message {
        margin-top: .5em;
    }
}

@media screen and (min-width:768px) {
    .cc_container {
        padding: 15px 30px 16px;
    }

    .cc_btn {
        padding: 8px 15px;
    }
}

.cc_container {
    background: #222;
    color: #fff;
    font-size: 17px;
    font-family: "helvetica neue","arial","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-weight: 700;
    font-stretch: condensed;
    box-sizing: border-box;
}

    .cc_container::-moz-selection {
        background: #ff5e99;
        color: #fff;
        text-shadow: none;
    }

.cc_btn, .cc_btn:visited {
    color: #000;
    background-color: #f1d600;
    transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .cc_btn:hover, .cc_btn:active {
        background-color: #fff;
        color: #000;
    }

.cc_container a, .cc_container a:visited {
    text-decoration: none;
    color: #31a8f0;
    transition: 200ms color;
}

    .cc_container a:hover, .cc_container a:active {
        color: #b2f7ff;
    }

@-webkit-keyframes slideDown {
    0% {
        margin-top: -66px;
    }

    100% {
        margin-top: 0;
    }
}

@keyframes slideDown {
    0% {
        margin-top: -66px;
    }

    100% {
        margin-top: 0;
    }
}

@-webkit-keyframes growDown {
    0% {
        height: 0;
    }

    100% {
        height: 66px;
    }
}

@keyframes growDown {
    0% {
        height: 0;
    }

    100% {
        height: 66px;
    }
}

.cc_container {
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}

.cc_banner-wrapper {
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: growDown;
    animation-name: growDown;
}

.cc_banner {
    background: #f5f5f5;
    border-bottom: 1px solid #e3002b;
    font-family: inherit;
}

.cc_message {
    color: #e3002b;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    margin: 0;
}

@media only screen and (min-width:480px) {
    .cc_message {
        margin-top: .5em;
    }
}

@media only screen and (min-width:890px) {
    .cc_message {
        font-size: 17px;
        font-size: 1.7rem;
    }
}

.cc_container .cc_more_info {
    color: #087fb8;
}

    .cc_container .cc_more_info:hover {
        color: #0f4c97;
    }

.cc_container .cc_btn {
    border-radius: 0;
    border: 2px solid #e3002b;
    color: #fff;
    background-color: #e3002b;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    font-size: 1.4rem;
}

@media only screen and (min-width:890px) {
    .cc_container .cc_btn {
        font-size: 17px;
        font-size: 1.7rem;
    }
}

.cc_container .cc_btn:hover {
    background-color: #f5f5f5;
    color: #e3002b;
}

.show-toggle {
    display: block;
    margin: 1em 0;
    color: #777c81;
    cursor: pointer;
}

    .show-toggle:before {
        font-family: "eca-icons";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:690px) {
    .show-toggle {
        float: right;
    }
}

.show-toggle:hover {
    color: #e3002b;
}

.show-toggle-text {
    border-bottom: 1px dotted;
    padding-bottom: 3px;
}

    .show-toggle-text:hover {
        border-bottom: 1px dotted #e3002b;
    }

.region {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 0 15px;
    width: 100%;
    margin: 1.5em 0;
}

@media only screen and (min-width:690px) {
    .region {
        padding: 5px 20px;
    }
}

@media only screen and (min-width:890px) {
    .region {
        padding: 10px 40px;
    }
}

@media only screen and (min-width:690px) {
    .region-padding {
        padding: 10px 40px;
    }
}

@media only screen and (min-width:890px) {
    .region-padding {
        padding: 20px 60px;
    }
}

@media only screen and (min-width:690px) {
    .region-66 {
        width: 61%;
    }
}

@media only screen and (min-width:960px) {
    .region-66 {
        width: 66.66666666666667%;
    }
}

.region-img {
    max-width: 100%;
    display: block;
    width: 100%;
    margin: 2em 0;
}

.region-underline {
    padding-bottom: .4em;
    border-bottom: 1px solid #e5e5e5;
}

.region-heading {
    font-size: 24px;
    font-size: 2.4rem;
    margin: .7em 0 .5em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .region-heading {
        margin: 1em 0;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-heading {
        font-size: 21px;
        font-size: 2.1rem;
    }
}

.region-heading-date {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin: .4em 0 .5em;
    display: block;
    color: #777c81;
}

.region-start-time {
    margin: .4em 0 .5em;
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #777c81;
}

.region-header-info {
    display: block;
    margin: 1.2em 0 1em;
}

@media only screen and (min-width:690px) {
    .region-header-info {
        margin: 0 1em 1em 0;
        display: inline-block;
    }
}

@media only screen and (min-width:890px) {
    .region-heading-large {
        font-size: 28px;
        font-size: 2.8rem;
        margin-top: .7em;
    }
}

@media only screen and (min-width:890px) {
    .region-heading-xlarge {
        font-size: 36px;
        font-size: 3.6rem;
        margin-top: .6em;
    }
}

.region-list-date {
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin: .4em .3em .5em 0;
    color: #777c81;
}

@media only screen and (min-width:690px) {
    .region-list-date {
        display: inline-block;
    }
}

.region-list-venue {
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #777c81;
    margin: .4em .3em .5em 0;
}

@media only screen and (min-width:690px) {
    .region-list-venue {
        display: inline-block;
        position: relative;
    }

        .region-list-venue:before {
            /*content: '';*/
            display: inline-block;
            font-family: inherit;
            color: inherit;
            padding-right: .3em;
        }
}

.region-list-author {
    display: inline-block;
    margin: .4em 0 .5em 0;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #777c81;
}

    .region-list-author:before {
        content: "|";
        color: #777c81;
        padding-right: .5em;
        font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
        display: inline-block;
    }

.region-post-date {
    display: inline-block;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin: .7em .3em .7em 0;
    color: #777c81;
}

@media only screen and (min-width:890px) {
    .region-post-date {
        font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    }
}

.region-post-author {
    display: inline-block;
    margin: .7em 0 .7em 0;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #777c81;
}

@media only screen and (min-width:890px) {
    .region-post-author {
        font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    }
}

.region-post-author:before {
    content: "|";
    color: #777c81;
    padding-right: .5em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: inline-block;
}




.region-podcast-speaker {
    display: inline-block;
    margin: 0 1em 0 0;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #777c81;
    vertical-align: top;
    padding-top: 2em;
}

@media only screen and (min-width:890px) {
    .region-podcast-speaker {
        font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    }
}

.region-podcast-speaker:before {
    color: #777c81;
    /*padding-right: .5em;*/
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    /*display: inline-block;*/
}





.region-list {
    margin-bottom: 1em;
}

.region-list-item {
    padding: 1.3em 0;
    border-bottom: 1px solid #e5e5e5;
    *zoom: 1;
}

.region-list-item:last-child {
    border-bottom: 0;
}

    .region-list-item:before, .region-list-item:after {
        content: " ";
        display: table;
    }

    .region-list-item:after {
        clear: both;
    }

    .region-list-item.region-list-current-item * {
        color: #e3002b;
    }

.region-list-item-header {
    *zoom: 1;
    width: 100%;
}

    .region-list-item-header:before, .region-list-item-header:after {
        content: " ";
        display: table;
    }

    .region-list-item-header:after {
        clear: both;
    }

.region-list-item-indent {
    padding: 1.1em 5.5%;
}

@media only screen and (min-width:890px) and (max-width:959px) {
    .region-list-item-indent {
        padding: 1.1em 0;
    }
}

.region-list-title {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: inline;
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-list-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.region-list-title-indent {
    padding-left: .4em;
}

.region-list-title-aside {
    width: 88%;
    vertical-align: top;
    display: inline-block;
    margin: 0;
    float: right;
}

@media only screen and (min-width:320px) {
    .region-list-title-aside {
        float: none;
        padding-left: .4em;
    }
}

.region-list-icon {
    padding-top: 2px;
    font-size: 20px;
    font-size: 2rem;
}

.region-list-item-img {
    width: 100%;
    *zoom: 1;
    padding: 2em 0 1.3em;
    border-bottom-style: dotted;
}

    .region-list-item-img:before, .region-list-item-img:after {
        content: " ";
        display: table;
    }

    .region-list-item-img:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .region-list-item-img {
        padding: 4% 0;
    }
}

@media only screen and (min-width:690px) {
    .region-list-picture {
        float: left;
        width: 32.245747%;
    }
}

@media only screen and (min-width:890px) {
    .region-list-picture {
        width: 30.24574669187146%;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-list-picture-hide {
        display: none;
    }
}

@media only screen and (min-width:690px) {
    .region-list-picture-small {
        float: left;
        width: 22.245747%;
    }
}

@media only screen and (min-width:890px) {
    .region-list-picture-small {
        width: 20.24574669187146%;
    }
}

.region-list-img {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 1em auto;
}

@media only screen and (min-width:690px) {
    .region-list-img {
        width: auto;
        margin: .3em auto;
    }
}

.region-list-img-small {
    width: auto;
}

@media only screen and (max-width:689px) {
    .region-list-img-small {
        margin: 0 auto 1.5em;
        max-height: 70px;
    }
}

@media only screen and (min-width:690px) {
    .region-list-img-small {
        max-width: 75%;
    }
}

@media only screen and (min-width:690px) {
    .region-list-content-img {
        float: right;
        width: 63.028355%;
    }
}

@media only screen and (min-width:890px) {
    .region-list-content-img {
        width: 65.02835538752363%;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-list-content-expand {
        width: 100%;
        float: none;
    }
}

@media only screen and (min-width:690px) {
    .region-list-content-img-small {
        float: right;
        width: 73.028355%;
    }
}

@media only screen and (min-width:890px) {
    .region-list-content-img-small {
        width: 75.02835538752363%;
    }
}

.region-list-link {
    position: relative;
    text-decoration: none;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

    .region-list-link:hover {
        color: #e3002b;
    }

.region-list-content-indent {
    padding-left: 1.9em;
}

.region-list-content-aside {
    padding-left: 2em;
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-list-content-aside {
        padding-left: 1.9em;
    }
}

.region-list-read-more {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: inline-block;
}

    .region-list-read-more:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 18px;
        font-size: 1.8rem;
        color: #1D252D;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding: .1em 0 0 .2em;
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.region-list-copy {
    margin: .5em 0;
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-list-copy {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.region-list-copy-block p {
    margin: .5em 0;
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-list-copy-block p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.icon-region-list {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 0 .1em;
    float: right;
    vertical-align: middle;
}

.region-download-link {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    margin-bottom: .5em;
    line-height: 1.3em;
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .region-download-link {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.region-blockquote {
    border-left: 4px solid #e3002b;
    padding: 0 8px;
    margin: 2em 0;
}

.region-quote {
    font-size: 18px !important;
    font-size: 1.8rem !important;
    color: #777c81;
    font-style: italic;
    margin: 0 0 .5em 0 !important;
    quotes: "\201C" "\201D";
    padding: 14px 0 0 42px;
    position: relative;
}

@media only screen and (min-width:690px) {
    .region-quote {
        font-size: 22px !important;
        font-size: 2.2rem !important;
    }
}

.region-quote:before {
    font-family: "gotham narrow book","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 72px;
    font-size: 7.2rem;
    position: absolute;
    line-height: 1;
    top: -3px;
    left: 0;
    color: #777c81;
    content: open-quote;
}

.end-quote {
    content: "\201C";
    font-family: "gotham narrow book","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 72px;
    font-size: 7.2rem;
    color: #777c81;
    position: absolute;
}

@media only screen and (min-width:1200px) {
    .end-quote {
        right: .7em;
    }
}

.region-cite {
    font-size: 16px;
    font-size: 1.6rem;
    color: #777c81;
    padding: 0 0 .3em 42px;
    display: block;
    font-style: normal;
    quotes: "\201C" "\201D";
    font-family: "gotham narrow bold","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    position: relative;
}

.region-share {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    padding: 1.4em 15px;
    margin: .9em 0 .8em;
}

@media only screen and (min-width:690px) {
    .region-share {
        margin: .8em 0 2.5em;
    }
}

@media only screen and (min-width:890px) {
    .region-share {
        padding: 1.4em 25px;
    }
}

.region-share-text {
    font-size: 20px;
    font-size: 2rem;
    color: #777c81;
}

@media only screen and (max-width:889px) {
    .region-share-text {
        display: block;
        text-align: center;
    }
}

@media only screen and (min-width:890px) {
    .region-share-text {
        display: inline-block;
        vertical-align: middle;
    }
}

@media only screen and (max-width:889px) {
    .region-share-icons {
        display: block;
        text-align: center;
        margin-top: .7em;
    }
}

@media only screen and (min-width:890px) {
    .region-share-icons {
        display: inline-block;
        vertical-align: middle;
        margin-left: 1.1em;
    }
}

.region-share-icon {
    display: inline-block;
    margin: 0 .3em;
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    top: 2px;
}

.region-preview {
    width: 100%;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width:690px) {
    .region-preview {
        margin: 0 0 1.8em;
        word-spacing: -4px;
    }

        .region-preview:before {
            content: "\00a0";
            height: 100%;
            width: 1px;
            background: #e5e5e5;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
        }
}

.region-preview-item {
    width: 100%;
    text-align: center;
}

@media only screen and (max-width:689px) {
    .region-preview-item {
        margin: 1.5em auto;
    }
}

@media only screen and (min-width:480px) and (max-width:689px) {
    .region-preview-item {
        max-width: 75%;
    }
}

@media only screen and (min-width:690px) {
    .region-preview-item {
        width: 50%;
        vertical-align: top;
        text-align: left;
        display: inline-block;
        word-spacing: normal;
    }
}

@media only screen and (min-width:690px) {
    .region-preview-content {
        width: 90.661891%;
    }
}

@media only screen and (min-width:960px) {
    .region-preview-content {
        width: 81.66189111747851%;
    }
}

@media only screen and (min-width:690px) {
    .region-preview-content-previous {
        float: left;
    }
}

@media only screen and (min-width:690px) {
    .region-preview-content-next {
        float: right;
    }
}

.region-preview-title {
    font-size: 12px;
    font-size: 1.2rem;
    color: #777c81;
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    text-transform: uppercase;
}

@media only screen and (min-width:960px) {
    .region-preview-title {
        padding: 0 40px;
    }
}

.region-preview-article {
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem;
    color: #1D252D;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin: .5em 0;
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .region-preview-article {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media only screen and (min-width:960px) {
    .region-preview-article {
        padding: 0 40px;
    }
}

.region-preview-link {
    display: none;
}

@media only screen and (min-width:690px) {
    .region-preview-link {
        position: absolute;
        bottom: 6px;
        color: #777c81;
        font-size: 28px;
        font-size: 2.8rem;
    }
}

@media only screen and (min-width:960px) {
    .region-preview-link {
        display: block;
    }
}

.region-pager-wrapper {
    margin: 1.7em 0 1.4em;
}

@media only screen and (min-width:480px) {
    .region-pager-wrapper {
        margin: 1.7em 0;
    }
}

.region-pager {
    text-align: center;
    font-size: 0;
}

@media only screen and (min-width:690px) {
    .region-pager {
        text-align: right;
    }
}

.region-pager-page {
    border: 1px solid #e5e5e5;
    background: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: -1px;
    padding: .4em .5em;
    position: relative;
    display: inline-block;
    color: #777c81;
}

    .region-pager-page:last-child {
        margin-right: 0;
    }

@media only screen and (min-width:480px) {
    .region-pager-page {
        padding: .4em .7em;
        font-size: 20px;
        font-size: 2rem;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-pager-page {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.region-pager-page-end {
    padding: .4em;
}

.region-pager-ellipsis {
    padding: .4em .5em;
    font-size: 22px;
    font-size: 2.2rem;
    display: inline-block;
    margin-right: -5px;
    color: #777c81;
}

@media only screen and (min-width:480px) {
    .region-pager-ellipsis {
        padding: .4em .6em;
    }
}

.region-pager-icon {
    position: relative;
    top: 1px;
    font-size: 16px;
    font-size: 1.6rem;
}

@media only screen and (min-width:480px) {
    .region-pager-icon {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-pager-icon {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.region-search {
    background: #DDE5ED;
    border-radius: 3px;
    width: 100%;
    margin: 2em 0 .3em;
    padding: 0 15px;
    *zoom: 1;
}

    .region-search:before, .region-search:after {
        content: " ";
        display: table;
    }

    .region-search:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .region-search {
        padding: 12px 10px;
    }
}

@media only screen and (min-width:690px) {
    .field-wrap-search {
        float: left;
        width: 50%;
        margin: .5em 0;
        padding: 0 10px;
    }
}

@media only screen and (min-width:890px) {
    .field-wrap-search {
        width: 26.66666666666667%;
    }
}

@media only screen and (min-width:890px) {
    .field-wrap-search-wide {
        width: 33.33333333333333%;
    }
}

@media only screen and (min-width:690px) {
    .field-wrap-tag {
        float: left;
        width: 50%;
        margin: .5em 0;
        padding: 0 10px;
    }
}

@media only screen and (min-width:890px) {
    .field-wrap-tag {
        width: 26.66666666666667%;
    }
}

@media only screen and (min-width:890px) {
    .field-wrap-tag-wide {
        width: 33.33333333333333%;
    }
}

@media only screen and (min-width:890px) {
    .field-wrap-sort {
        float: right;
        width: 20%;
    }
}

.region-tabs {
    margin: 3em 0 0;
}

@media only screen and (max-width:889px) {
    .region-tabs-news {
        margin: 1.5em 0 0;
    }
}

@media only screen and (max-width:889px) {
    .region-tabs-news-breadcrumbs {
        margin: 2em 0 0;
    }
}

.region-collapse {
    margin-top: 0;
}

.region-tab {
    display: inline-block;
    padding: 1em .5em;
    cursor: pointer;
    color: #777c81;
    font-size: 16px;
    font-size: 1.6rem;
}

@media only screen and (min-width:890px) {
    .region-tab {
        padding: 1em;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media only screen and (min-width:890px) {
    .region-tab-icon {
        padding: .8em 1em;
    }
}

.region-tab-active {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-width: 1px 1px 0;
    position: relative;
    z-index: 4;
    top: 1px;
    color: #e3002b;
}

@media only screen and (max-width:479px) {
    .icon-tab {
        display: none;
    }
}

.region-sub-tabs {
    margin: .9em 0;
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-sub-tabs {
        display: none;
    }
}

@media only screen and (min-width:960px) {
    .region-sub-tabs {
        display: block;
    }
}

.region-sub-tab {
    margin: 1em .6em .5em;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    border-bottom: 2px solid transparent;
    padding-bottom: .5em;
}

@media only screen and (min-width:1200px) {
    .region-sub-tab {
        margin: 1em 1em .5em;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.region-sub-tab:first-child {
    margin-left: 0;
}

.region-sub-tab:last-child {
    margin-right: 0;
}

.region-sub-tab:hover {
    border-bottom: 2px solid #e3002b;
}

.region-sub-tab-active {
    border-bottom: 2px solid #e3002b;
    color: #e3002b;
}

.region-sub-tabs-small {
    margin: .5em 0;
}

.region-sub-tab-small {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin: 0 .5em;
    padding-bottom: 1px;
}

    .region-sub-tab-small:hover {
        border-bottom-width: 1px;
    }

.region-parent-accord {
    margin: 0;
}

@media only screen and (max-width:689px) {
    .region-parent-accord {
        padding: 0;
    }
}

@media only screen and (max-width:689px) {
    .region-parent-accord-first {
        margin-top: 1.5em;
    }
}

.region-parent-accord-last {
    margin-bottom: 1.5em;
}

.region-accord-border:after {
    content: '\00a0' !important;
    display: block !important;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
}

@media only screen and (max-width:689px) {
    .region-accord-border:after {
        margin: 0 10px;
    }
}

@media only screen and (max-width:689px) {
    .region-accord-border:last-child {
        margin-bottom: 1em;
    }
}

@media only screen and (max-width:689px) {
    .region-accord-title {
        padding: 1em 15px;
    }
}

@media only screen and (max-width:689px) {
    .region-accord-heading {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0;
        font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    }
}

@media only screen and (max-width:689px) {
    .region-accord-heading-secondary {
        font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    }
}

@media only screen and (max-width:689px) {
    .region-accord-title-primary {
        background: #1D252D;
        color: #fff;
    }
}

@media only screen and (max-width:689px) {
    .region-accord-title-secondary {
        color: #1D252D;
        background: #DDE5ED;
        margin-bottom: 2px;
    }
}

.region-accord-title-tertiary {
    padding: 1em 0;
    width: auto !important;
    margin: 0 10px 0;
}

@media only screen and (min-width:690px) {
    .region-accord-title-tertiary {
        margin: 0;
        padding: 1.1em 0;
    }
}

.region-accord-heading-tertiary {
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .region-accord-heading-tertiary {
        font-size: 24px;
        font-size: 2.4rem;
        margin: 0;
    }
}

@media only screen and (max-width:689px) {
    .region-accord-white {
        color: #fff !important;
    }
}

.region-toggle {
    position: absolute;
    right: 15px;
    top: 14px;
    cursor: pointer;
    font-size: 25px;
    font-size: 2.5rem;
}

@media only screen and (max-width:689px) {
    .region-toggle-sub {
        font-size: 18px;
        font-size: 1.8rem;
        top: 18px;
    }
}

.region-toggle-tertiary {
    right: 0;
}

@media only screen and (min-width:690px) {
    .region-toggle-tertiary {
        top: 22px;
    }
}

.field-wrap-accord-dropdown {
    margin: 1.5em 0;
}

@media only screen and (max-width:689px) {
    .field-wrap-accord-dropdown {
        display: none;
        padding: 0 10px;
    }
}

@media only screen and (min-width:960px) {
    .field-wrap-accord-dropdown {
        display: none;
    }
}

@media only screen and (max-width:689px) {
    .region-accord-padding {
        padding: 0 10px;
    }
}

.region-accord:last-child .region-accord-title-secondary {
    margin-bottom: 0;
}

.region-side-btn {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin-bottom: 1em;
}

    .region-side-btn:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 16px;
        font-size: 1.6rem;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-left: .25em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (max-width:689px) {
    .region-side-btn {
        width: 100%;
    }
}

.btn-rss {
    display: block;
    margin: .5em 0;
}

@media only screen and (min-width:690px) {
    .btn-rss {
        float: right;
        margin: 2.1em 0;
    }
}

.btn-rss:hover {
    color: #F26522 !important;
}

@media only screen and (min-width:690px) {
    .btn-rss-alt {
        margin: 3.4em 0;
    }
}

@media only screen and (min-width:690px) {
    .btn-rss-blog {
        margin: 5.9em 0;
    }
}

.region-fig {
    margin: .5em 0 0;
    display: inline-block;
}

.region-fig-img {
    display: block;
    width: 100%;
}

.region-fig-caption {
    background: #e5e5e5;
    padding: .65em 1.3em;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    font-size: 1.4rem;
    text-overflow: ellipsis;
}

@media only screen and (min-width:690px) {
    .region-fig-caption {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.region-author-img {
    display: block;
    width: 100%;
    max-width: 200px !important;
    margin: 1em 0;
}

@media only screen and (min-width:480px) {
    .region-author-img {
        float: left;
        max-width: 150px;
        margin: .4em 1.5em 1em 0;
    }
}

@media only screen and (min-width:890px) {
    .region-author-img {
        max-width: 175px;
    }
}

@media only screen and (min-width:960px) {
    .region-author-img {
        max-width: 200px;
    }
}



.region-speaker-img {
    /*display: block;*/
    width: 100%;
    max-width: 75px !important;
    /*margin: 1em 0;*/
}

@media only screen and (min-width:480px) {
    .region-speaker-img {
        /*float: left;*/
        max-width: 75px;
        /*margin: .4em 1.5em 1em 0;*/
    }
}

@media only screen and (min-width:890px) {
    .region-speaker-img {
        max-width: 75px;
    }
}

@media only screen and (min-width:960px) {
    .region-speaker-img {
        max-width: 75px;
    }
}



.region-tags {
    margin: 0 0 .7em;
}

.region-tags-condensed {
    margin: .3em 0 .7em;
}

.region-tag, .region-tags a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #777c81;
    border-bottom: 1px dotted #777c81;
    padding-bottom: .1em;
    vertical-align: middle;
    display: inline-block;
}

    .region-tag:hover, .region-tags a:hover {
        color: #e3002b;
    }

.wrapper-calculators {
    padding: 1em 0;
    display: none;
}

@media only screen and (min-width:690px) {
    .wrapper-calculators {
        padding: 1.5em 0;
        display: block;
    }
}

.accommodation-district {
    margin: 1.2em 0;
}

@media only screen and (min-width:690px) {
    .accommodation-district {
        margin-top: 4.6em;
    }
}

.EditorWidget .WebPartBorder, .GroupWidget .WebPartBorder {
    box-sizing: border-box !important;
}

.WebPartZone #basket-confirm {
    display: block !important;
}

.WPTTable .wrapper-smart-filters {
    display: block !important;
}

.WebPartContent .service-category {
    display: block !important;
}

.cms-editor p {
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 1em 0;
    color: inherit;
}

@media only screen and (min-width:690px) {
    .cms-editor p {
        margin: 1.5em 0;
    }
}

@media only screen and (min-width:890px) {
    .cms-editor p {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.cms-editor a {
    color: #1D252D;
    text-decoration: none;
    border-bottom: 1px dotted #777c81;
    padding-bottom: 2px;
}

    .cms-editor a:hover {
        color: #e3002b;
        border-bottom: 1px dotted #e3002b;
    }

.cms-editor ul {
    margin: 1em 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

@media only screen and (min-width:690px) {
    .cms-editor ul {
        margin: 1.5em 0;
    }
}

@media only screen and (min-width:890px) {
    .cms-editor ul {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.cms-editor ul li {
    padding: .2em 0;
}

.cms-editor ul a {
    display: inline-block;
    text-decoration: none;
}

.cms-editor table {
    width: 100% !important;
    margin: 1.5em 0;
    border: none !important;
    padding: 0 !important;
}

.cms-editor img {
    max-width: 100%;
}

@media only screen and (max-width:889px) {
    .cms-editor table {
        display: block;
        overflow-x: auto;
    }
}

.cms-editor table caption {
    background: #e5e5e5;
    display: table-caption;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #4A5157;
    padding: .7em 0;
    margin-top: 1em;
}

.cms-editor tbody {
    background: #DDE5ED;
}

    .cms-editor tbody tr {
        -webkit-transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        transition: background 0.3s ease-in-out;
    }

        .cms-editor tbody tr:nth-child(even) {
            background: #EEF2F6;
        }

        .cms-editor tbody tr:hover {
            background-color: transparent;
            background-color: rgba(151,157,168,.35);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#59979DA8,endColorstr=#59979DA8);
            zoom: 1;
        }

.cms-editor th {
    color: #fff;
    padding: 1em;
    font-family: "gotham narrow bold","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    background: #505563;
    font-weight: 400;
    border: none !important;
    font-size: 15px;
    font-size: 1.5rem;
}

.cms-editor td {
    color: #1D252D;
    font-size: 15px;
    font-size: 1.5rem;
    padding: .8em 1em;
    border: none !important;
}

.cms-editor h3 + p {
    margin-top: 0;
}

.cms-editor .accord p:first-child, .cms-editor .accord ul:first-child {
    margin-top: 1.2em;
}

.cms-editor .accord p:last-child, .cms-editor .accord ul:last-child {
    margin-bottom: 1.5em;
}

.cms-editor .accord:last-child {
    margin-bottom: 1.5em;
}

.cms-editor .accord-heading-border {
    padding-bottom: .4em;
}

.cms-editor .accord-border:after {
    width: 100%;
    content: '\00a0';
    display: block;
    height: 1px;
    margin-top: 3px;
    border-bottom: 1px solid #e5e5e5;
}

.cms-editor .region-header-info + p {
    margin-top: 0;
}

@media only screen and (min-width:890px) {
    .cms-editor-report p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.cms-editor-landing p {
    font-size: 15px;
    font-size: 1.5rem;
}

@media only screen and (min-width:690px) {
    .cms-editor-landing p {
        margin: 1em 0;
    }
}

@media only screen and (min-width:960px) {
    .cms-editor-landing p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.cms-editor-builder {
    padding: 0 10px;
}

@media only screen and (min-width:690px) {
    .cms-editor-builder {
        padding: 10px 25px;
    }
}

@media only screen and (min-width:890px) {
    .cms-editor-builder p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.cms-editor-whitepaper {
    *zoom: 1;
    margin: 1.2em 0;
}

    .cms-editor-whitepaper:before, .cms-editor-whitepaper:after {
        content: " ";
        display: table;
    }

    .cms-editor-whitepaper:after {
        clear: both;
    }

@media only screen and (min-width:480px) {
    .cms-editor-whitepaper {
        margin-bottom: 1.5em;
    }
}

@media only screen and (min-width:690px) and (max-width:1199px) {
    .cms-editor-whitepaper {
        margin-bottom: 1.2em;
    }
}

.cms-editor-whitepaper img {
    display: none;
    max-width: 110px;
}

@media only screen and (min-width:480px) {
    .cms-editor-whitepaper img {
        float: left;
        display: block;
        margin: .3em 1.2em 0 0;
    }
}

@media only screen and (min-width:690px) and (max-width:1199px) {
    .cms-editor-whitepaper img {
        display: none;
    }
}

.cms-editor-whitepaper p {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
}

@media only screen and (min-width:690px) and (max-width:1199px) {
    .cms-editor-whitepaper p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.cms-author {
    *zoom: 1;
}

    .cms-author:before, .cms-author:after {
        content: " ";
        display: table;
    }

    .cms-author:after {
        clear: both;
    }

@media only screen and (max-width:479px) {
    .cms-author .region-author-img + p {
        margin-top: 1.5em;
    }
}

.cms-author p {
    margin: 1em 0;
}

@media only screen and (min-width:480px) and (max-width:689px) {
    .cms-author p {
        margin: 0 0 1em;
    }
}

@media only screen and (min-width:690px) {
    .cms-author p {
        margin: 0 0 1.5em;
    }
}

.cms-editor-post {
    *zoom: 1;
}

    .cms-editor-post:before, .cms-editor-post:after {
        content: " ";
        display: table;
    }

    .cms-editor-post:after {
        clear: both;
    }

    .cms-editor-post img {
        max-width: 100%;
    }

.cms-editor-checkout p {
    white-space: pre-wrap;
}

.cms-form-message .ErrorLabel {
    width: 100%;
    padding: 13px;
    background-color: transparent;
    background-color: rgba(227,0,43,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26E3002B,endColorstr=#26E3002B);
    zoom: 1;
    color: #ba0023;
    border: 1px solid #e3002b;
    margin: 1em 0 .5em;
    display: block;
}

    .cms-form-message .ErrorLabel:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.cms-form-message .InfoLabel {
    width: 100%;
    padding: 13px;
    background-color: transparent;
    background-color: rgba(54,198,250,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2636C6FA,endColorstr=#2636C6FA);
    zoom: 1;
    color: #087fb8;
    border: 1px solid #36c6fa;
    margin: 1em 0 .5em;
    display: block;
}

    .cms-form-message .InfoLabel:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.cms-form-message .EditingFormErrorLabel {
    width: 100%;
    padding: 13px;
    background-color: transparent;
    background-color: rgba(227,0,43,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26E3002B,endColorstr=#26E3002B);
    zoom: 1;
    color: #ba0023;
    border: 1px solid #e3002b;
    margin: 1em 0 .5em;
    display: block;
}

    .cms-form-message .EditingFormErrorLabel:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.cms-form-message .field-wrap .EditingFormErrorLabel {
    text-align: right;
    margin: .3em 0 0;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    background: none;
    color: #e3002b;
    border: none;
    width: auto;
}

    .cms-form-message .field-wrap .EditingFormErrorLabel:before {
        display: none;
    }

.cms-form-validation .DropDownField {
    width: 100%;
}

.form-control-error {
    font-size: 14px;
    font-size: 1.4rem;
    color: #e3002b;
    text-align: right;
    margin: .3em 0 0;
}

.cms-input-error {
    position: relative;
}

    .cms-input-error input {
        border: 1px solid #e3002b;
    }

    .cms-input-error:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 15px;
        font-size: 1.5rem;
        color: #e3002b;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        position: absolute;
        right: 12px;
        top: 14px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.cms-select-error .fake-select {
    border: 1px solid #ba0023;
    background: #fff;
    color: #ba0023;
}

    .cms-select-error .fake-select:before {
        color: #ba0023;
    }

    .cms-select-error .fake-select:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 17px;
        font-size: 1.7rem;
        color: #ba0023;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        position: relative;
        top: 1px;
        padding: 0 .3em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.field-cms-checkbox-wrap .editing-form-control-nested-control {
    display: inline-block;
}

.field-cms-checkbox-field {
    width: 13px;
    height: 13px;
    border-radius: 3px;
    background: #fff;
    position: relative;
    display: inline-block;
    cursor: pointer;
    top: 1px;
    border: 1px solid #777c81;
}

.field-cms-checkbox-selected:before {
    font-family: "eca-icons";
    content: "";
    speak: none;
    font-size: 20px;
    font-size: 2rem;
    color: #e3002b;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    top: -8px;
    right: -13px;
    position: absolute;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.field-cms-checkbox-label {
    display: inline;
    padding-left: .3em;
}

.content-bullet-ticks-red ul {
    padding-left: 0;
    margin-bottom: 20px;
    vertical-align: middle;
}

    .content-bullet-ticks-red ul li {
        position: relative;
        list-style: none;
        padding-left: 40px;
        line-height: 26px;
        margin-bottom: 10px;
    }

        .content-bullet-ticks-red ul li:after {
            font-family: "eca-icons";
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            color: #e3002b;
            bottom: 50%;
            margin-top: -14px;
            display: inline;
            height: auto;
        }

.key-facts {
    text-align: center;
}

@media only screen and (min-width:690px) {
    .key-facts {
        margin: 1em 0;
        -moz-column-count: 2;
        -moz-column-gap: 15px;
        -webkit-column-count: 2;
        -webkit-column-gap: 15px;
        column-count: 2;
        column-gap: 15px;
    }
}

.key-fact {
    box-shadow: 0 3px 20px 0 rgba(50,50,50,.2);
    margin: 1.8em 15px;
    padding: 20px;
}

@media only screen and (min-width:690px) {
    .key-fact {
        width: 94%;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin: 1em 0;
        padding: 25px;
    }
}

@media only screen and (min-width:890px) {
    .key-fact {
        padding: 25px 30px;
    }
}

.key-fact-title {
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #e3002b;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    vertical-align: middle;
    display: block;
    margin: .5em 0 1em;
}

.key-fact-img {
    display: block;
    margin: 1.5em auto 1em;
    max-width: 100%;
}

@media only screen and (min-width:690px) {
    .key-fact-img {
        max-width: 75%;
    }
}

@media only screen and (min-width:890px) {
    .key-fact-img {
        max-width: 45%;
    }
}

.icon-key-fact {
    padding-right: 4px;
}

.key-fact-time {
    margin: 1em 0;
}

.key-fact-weather {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    padding: .5em 0;
    text-align: center;
}

.key-fact-weather-city {
    *zoom: 1;
    width: 100%;
    text-align: center;
    margin-bottom: .5em;
}

    .key-fact-weather-city:before, .key-fact-weather-city:after {
        content: " ";
        display: table;
    }

    .key-fact-weather-city:after {
        clear: both;
    }

.key-fact-info {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    margin: .5em .5em 1.2em;
}

@media only screen and (min-width:1020px) {
    .key-fact-info {
        float: left;
        margin: .5em 1em .9em 0;
    }
}

.key-fact-weather-item {
    display: inline-block;
    margin: .5em .8em .4em;
    vertical-align: top;
    text-align: center;
}

@media only screen and (min-width:480px) {
    .key-fact-weather-item {
        margin: .5em .7em .4em;
    }
}

@media only screen and (min-width:690px) {
    .key-fact-weather-item {
        margin: .5em .02em .4em;
    }

        .key-fact-weather-item:first-child {
            margin-left: 0;
        }

        .key-fact-weather-item:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width:890px) {
    .key-fact-weather-item {
        margin: .5em .22em .4em;
    }
}

@media only screen and (min-width:960px) {
    .key-fact-weather-item {
        margin: .5em 2.5% .4em;
    }
}

.key-fact-weather-day {
    font-size: 14px;
    font-size: 1.4rem;
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .key-fact-weather-day {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

.icon-key-fact-weather {
    margin: .2em 0;
    display: inline-block;
    font-size: 42px;
    font-size: 4.2rem;
    width: 42px;
    height: 40px;
    overflow: hidden;
}

.key-fact-temp {
    line-height: 1;
    height: 36px;
}

.key-fact-temp-small {
    line-height: normal;
    padding-top: 2px;
}

.btns-key-facts {
    padding: 0 10px;
}

@media only screen and (min-width:690px) {
    .btns-key-facts {
        padding: 0 1.1%;
    }
}

@media only screen and (min-width:890px) {
    .btns-key-facts {
        padding: 0 1.3%;
    }
}

.key-fact-content p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2;
}

.key-fact-content a {
    border-bottom: 1px dotted #777c81;
    padding-bottom: 2px;
}

.player-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.player {
    z-index: 90;
}

.player-play {
    cursor: pointer;
}

    .player-play:before {
        background-color: transparent;
        background-color: rgba(29,37,45,.15);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#261D252D,endColorstr=#261D252D);
        zoom: 1;
        z-index: 110;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "\00a0";
    }

    .player-play:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 60px;
        font-size: 6rem;
        color: #fff;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding: 20px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 102px;
        height: 100px;
        display: block;
        line-height: 1;
        margin: auto;
        z-index: 120;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .player-play:hover:after {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }

.player-play-red:after {
    color: #e3002b;
}

.player-play-black:after {
    color: #000;
}

.breadcrumbs {
    margin: 2.1em 0;
}

    .breadcrumbs a, .breadcrumbs span {
        display: inline-block;
        padding: .2em .1em;
        font-size: 15px;
        font-size: 1.5rem;
        color: #777c81;
    }

    .breadcrumbs a {
        font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
        text-decoration: none;
    }

.breadcrumbs-report {
    display: none;
    margin: 0;
}

@media only screen and (min-width:690px) {
    .breadcrumbs-report {
        float: left;
        display: block;
    }
}

.tags {
    margin: .7em 0;
}

.tags-condensed {
    margin: .3em 0 .7em;
}

.tag, .tags a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #777c81;
    border-bottom: 1px dotted #777c81;
    padding-bottom: .1em;
    vertical-align: middle;
    display: inline-block;
}

    .tag:hover, .tags a:hover {
        color: #e3002b;
    }

.tags-collapse {
    margin-top: 0;
}

.map-keys {
    margin: 1em 0;
}

.map-key {
    margin: .1em 0;
    display: block;
}

.map-key-checkbox {
    padding-right: .4em;
    display: inline-block;
    margin-top: 2px;
    vertical-align: middle;
}

.map-key-text {
    color: #777c81;
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: .3em;
    display: inline-block;
    vertical-align: middle;
    border-left: 2px solid #0f4c97;
    line-height: 1;
}

.map-key-text-good {
    border-left-color: #0f4c97;
}

.map-key-text-best {
    border-left-color: #96268f;
}

.map-key-text-superior {
    border-left-color: #e72247;
}

.toggle-active:before {
    content: "";
}

.toggle {
    cursor: pointer;
    position: absolute;
    right: 0;
    height: 25px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-size: 25px;
    font-size: 2.5rem;
}

.js-accord-title {
    *zoom: 1;
    position: relative;
    width: 100%;
}

    .js-accord-title:before, .js-accord-title:after {
        content: " ";
        display: table;
    }

    .js-accord-title:after {
        clear: both;
    }

.preloader-overlay {
    background-color: transparent;
    background-color: rgba(255,255,255,.65);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6FFFFFF,endColorstr=#A6FFFFFF);
    zoom: 1;
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 950;
    display: none;
    top: 0;
    left: 0;
}

.preloader {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -ms-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}

.box {
    border-radius: 3px;
    margin: 1em 0;
    width: 100%;
    *zoom: 1;
    padding: 10px;
}

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

    .box:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .box {
        padding: 30px;
    }
}

.box-content {
    width: 100%;
    background: #DDE5ED;
    border-radius: 3px;
    padding: 20px;
    margin: 1em 0;
}

@media only screen and (min-width:690px) {
    .box-content {
        margin: 1.5em 0;
    }
}

@media only screen and (min-width:890px) {
    .box-content {
        padding: 25px;
        margin: 2em 0;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .box-content span {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.box-content-narrow {
    padding: 3px 15px;
}

.box-content-whitepaper {
    padding: 3px 15px;
    margin: .2em 0 1.5em;
}

@media only screen and (min-width:480px) {
    .box-content-whitepaper {
        margin: .5em 0 1.5em;
    }
}

@media only screen and (min-width:690px) {
    .box-content-whitepaper {
        margin: .4em 0 2em;
    }
}

@media only screen and (min-width:1200px) {
    .box-content-whitepaper {
        margin: .6em 0 2em;
    }
}

.service-categories {
    margin-bottom: 2.5em;
}

@media only screen and (min-width:690px) {
    .service-categories {
        margin-bottom: 1em;
    }
}

@media only screen and (min-width:890px) {
    .service-categories {
        margin: 2em 0 1.5em;
    }
}

.service-categories .block-item-survey-category .block-item-type-category {
    bottom: 5em;
}

.services-heading {
    margin: 1em 0 2.7em;
    color: #1D252D;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
}

.services-main-heading {
    margin: 1em 0 1.2em;
    color: #1D252D;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
}

.service-filter-wrap {
    padding: 1.2em 10px .5em;
    background: #f5f5f5;
}

@media only screen and (min-width:480px) {
    .service-filter-wrap {
        word-spacing: -4px;
        padding: 1.8em 15px .1em;
    }
}

@media only screen and (min-width:890px) {
    .service-filter-wrap {
        background: #fff;
        padding: 0 15px;
        text-align: center;
    }
}

@media only screen and (min-width:960px) {
    .service-filter-wrap {
        padding: 0 20px;
    }
}

@media only screen and (min-width:1200px) {
    .service-filter-wrap {
        padding: .8em 10px 0;
    }
}

.service-filter-by {
    text-align: center;
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
    padding-bottom: .4em;
    margin-bottom: .2em;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

@media only screen and (min-width:480px) {
    .service-filter-by {
        word-spacing: normal;
        text-align: left;
    }
}

.service-filter-by:after {
    font-family: "eca-icons";
    content: "";
    speak: none;
    font-size: 18px;
    font-size: 1.8rem;
    color: inherit;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    padding-left: .9em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width:480px) {
    .service-filter-by:after {
        position: absolute;
        right: 0;
        top: .4em;
    }
}

@media only screen and (min-width:890px) {
    .service-filter-by:after {
        display: none;
    }
}

@media only screen and (min-width:890px) {
    .service-filter-by {
        border: none;
        text-align: center;
        padding-bottom: 0;
        text-transform: uppercase;
        margin: 1.7em 0 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    }
}

@media only screen and (min-width:1200px) {
    .service-filter-by {
        margin-top: 1.3em;
    }
}

@media only screen and (min-width:890px) {
    .service-filter-by-hide {
        display: none;
    }
}

.service-filter-by-active:after {
    content: "";
}

.service-filters {
    display: block;
}

@media only screen and (min-width:1200px) {
    .service-filters {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
}

@media only screen and (max-width:889px) {
    .service-filters-no-icon {
        padding-top: .4em;
    }
}

.service-filter {
    color: #5b6770;
    padding: 1em 0;
    position: relative;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: block;
    padding: 1em 1em 1em 2.5em;
}

@media only screen and (min-width:480px) {
    .service-filter {
        width: 50%;
        display: inline-block;
        word-spacing: normal;
        vertical-align: top;
    }
}

@media only screen and (min-width:890px) {
    .service-filter {
        padding: 2em 1.1em 2.2em;
        vertical-align: top;
        width: auto;
        color: #ccc;
        margin-right: 0;
        text-transform: uppercase;
    }
}

@media only screen and (min-width:960px) {
    .service-filter {
        padding: 2em 1.3em 2.2em;
    }
}

@media only screen and (min-width:1200px) {
    .service-filter {
        width: 16%;
        padding: 1.8em 1.3em;
    }
}

.service-filter:before {
    font-family: "eca-icons";
    speak: none;
    font-size: 24px;
    font-size: 2.4rem;
    color: inherit;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    padding-right: .4em;
    position: absolute;
    left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width:480px) {
    .service-filter:before {
        padding-right: .3em;
    }
}

@media only screen and (min-width:890px) {
    .service-filter:before {
        position: relative;
    }
}

@media only screen and (min-width:1200px) {
    .service-filter:before {
        display: block;
        margin: 0 auto .4em;
        padding-right: 0;
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media only screen and (min-width:890px) {
    .service-filter:after {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #f5f5f5;
        content: '\00a0';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        margin: 0 auto;
        display: none;
    }
}

@media only screen and (min-width:890px) {
    .service-filter:hover:after {
        display: block;
    }
}

.service-filter-no-icon {
    padding: .5em 0;
}

@media only screen and (min-width:890px) {
    .service-filter-no-icon {
        padding: 1.5em 1.3em 2.1em;
    }
}

@media only screen and (min-width:1200px) {
    .service-filter-no-icon {
        padding: 1.8em 1.3em 2.3em;
    }
}

.service-filter-no-icon:before {
    display: none;
}

.service-filter-active {
    color: #e3002b;
}

@media only screen and (min-width:890px) {
    .service-filter-active:after {
        display: block;
    }
}

.landing-main-title {
    color: #1D252D;
    margin: 1.1em 0 0;
    font-size: 33px;
    font-size: 3.3rem;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .landing-main-title {
        font-size: 36px;
        font-size: 3.6rem;
    }
}

.landing-main-title-alt {
    color: #1D252D;
    margin: .5em 0 0;
    font-size: 36px;
    font-size: 3.6rem;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .landing-main-title-alt {
        margin-top: .7em;
    }
}

.landing-sub-heading {
    line-height: 1.5;
    margin: 1em 0 0;
}

@media only screen and (min-width:690px) {
    .landing-sub-heading {
        margin-bottom: .4em;
    }
}

.landing-sub-heading-alt {
    margin-bottom: 2.4em;
}

@media only screen and (min-width:690px) {
    .landing-sub-heading-alt {
        margin-bottom: 2.7em;
    }
}

.landing {
    background: #fff;
    margin: 2.5em 10px;
}

@media only screen and (min-width:690px) {
    .landing {
        margin: 2.5em 10px 3em;
        border: 1px solid #e5e5e5;
        padding: 5px 20px;
    }
}

@media only screen and (min-width:890px) {
    .landing {
        padding: 10px 40px;
    }
}

.landing-heading {
    background: #1D252D;
    color: #fff;
    padding: 1em 15px;
}

@media only screen and (min-width:690px) {
    .landing-heading {
        color: #1D252D;
        background: none;
        padding: 0;
        margin: 1em 0 .5em;
    }
}

.landing-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    color: #fff;
}

@media only screen and (min-width:690px) {
    .landing-title {
        font-size: 28px;
        font-size: 2.8rem;
        color: #1D252D;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: .3em;
    }
}

.landing-toggle {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    cursor: pointer;
    font-size: 25px;
    font-size: 2.5rem;
    height: 24px;
}

@media only screen and (min-width:690px) {
    .landing-toggle {
        height: 29px;
        right: 0;
    }
}

.landing-section {
    width: 100%;
    border: 1px solid #e5e5e5;
}

@media only screen and (min-width:690px) {
    .landing-section {
        *zoom: 1;
        margin: 2.5em 0;
        padding: 0;
        border: none;
    }

        .landing-section:before, .landing-section:after {
            content: " ";
            display: table;
        }

        .landing-section:after {
            clear: both;
        }

        .landing-section:first-child {
            margin-top: 1em;
        }

        .landing-section:last-child {
            margin-bottom: 1em;
        }
}

.landing-info {
    background: #DDE5ED;
    width: 100%;
    padding: 5px 20px;
    margin: .5em 0;
    border-radius: 3px;
    overflow: hidden;
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .landing-info {
        padding: 0 20px;
    }
}

@media only screen and (min-width:690px) {
    .landing-info {
        margin-top: 2.4em;
    }
}

@media only screen and (min-width:960px) {
    .landing-info {
        padding: 10px 25px;
    }
}

@media only screen and (min-width:690px) {
    .landing-info-password {
        height: 217px;
    }
}

.smart-title {
    color: #1D252D;
    margin: .8em 0 .5em;
}

.smart-dialog {
    padding: 0 10px;
}

    .smart-dialog label {
        display: none;
    }

    .smart-dialog input[type="text"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border-radius: 3px;
        border: 1px solid #777c81;
        padding: .75em .5em;
        font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
        font-size: 15px;
        font-size: 1.5rem;
        display: inline-block;
        color: #777c81;
        width: 100%;
    }

@media only screen and (min-width:890px) {
    .smart-dialog input[type="text"] {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.smart-dialog .btn {
    width: 100%;
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .smart-dialog .btn {
        display: inline-block;
        padding: .65em 2em;
    }
}

@media only screen and (min-width:690px) {
    .smart-dialog .form-horizontal {
        word-spacing: -4px;
    }
}

.smart-dialog .form-group {
    display: block;
    margin: 0 0 1.2em;
}

@media only screen and (min-width:690px) {
    .smart-dialog .form-group {
        display: inline-block;
        word-spacing: normal;
        margin: 0;
        width: 50%;
        padding-right: 10px;
    }
}

@media only screen and (min-width:690px) {
    .smart-dialog .form-group-submit {
        width: auto;
        padding: 0 0 0 10px;
    }
}

.show-toggle-smart {
    margin-bottom: 2em;
}

@media only screen and (max-width:689px) {
    .show-toggle-smart {
        margin-top: .5em;
    }
}

.smart-help {
    text-align: center;
    margin: 1.5em 0;
    padding: 0 10px;
}

@media only screen and (min-width:690px) {
    .smart-help {
        text-align: left;
    }
}

.smart-filters {
    word-spacing: -4px;
    padding: 0 10px;
}

    .smart-filters label {
        display: inline-block;
        width: 40%;
        padding-left: .7em;
        font-size: 14px;
        font-size: 1.4rem;
        color: #777c81;
        margin: .4em 0;
        vertical-align: top;
    }

    .smart-filters .field-cms-checkbox-field {
        margin-bottom: 1em;
        margin-top: .3em;
    }

.smart-filter-title {
    font-size: 21px;
    font-size: 2.1rem;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.smart-group {
    width: 100%;
    word-spacing: normal;
}

@media only screen and (min-width:690px) {
    .smart-group {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

        .smart-group:nth-child(2n+1) {
            padding-right: 15px;
        }

        .smart-group:nth-child(2n+2) {
            padding-left: 15px;
        }
}

.smart-col {
    display: inline-block;
    width: 100%;
}

.smart-controls {
    margin: 2em 0 1.5em;
    padding: 0 10px;
}

@media only screen and (min-width:690px) {
    .smart-controls {
        word-spacing: -4px;
        margin: 1em 0;
    }
}

.smart-controls label, .smart-controls input[type=text] {
    display: none;
}

.smart-controls input[type=submit] {
    width: 100%;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.smart-controls > div {
    margin-bottom: 1em;
}

@media only screen and (min-width:690px) {
    .smart-controls > div {
        display: inline-block;
        word-spacing: normal;
        margin-right: 1em;
    }
}

.btn-smart {
    display: block;
    width: 100%;
    margin-bottom: 1em;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .btn-smart {
        word-spacing: normal;
        display: inline-block;
        width: auto;
        margin-right: 1em;
    }
}

.smart-results {
    padding: 0 10px .5em;
}

    .smart-results .ContentLabel {
        margin: 0 0 1.5em;
        padding-bottom: 1.5em;
        display: block;
    }

.smart-result {
    margin: 1.5em 0 2em;
}

.smart-result-title {
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: .2em;
}

    .smart-result-title:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-left: .2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.smart-result-date {
    color: #777c81;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (max-width:689px) {
    .region-pager-wrapper-smart {
        margin-bottom: .6em;
    }
}

.region-pager-smart {
    text-align: center;
}

.predictiveSearchResults {
    background-color: #fff;
    border: 1px solid #ccc;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.predictiveSearchResults {
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #f5f5f5 !important;
    border: 1px solid #ccc !important;
    top: -1px;
    padding: 10px;
    color: #1D252D;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

    .predictiveSearchResults a {
        padding: 3px 0;
    }

        .predictiveSearchResults a:hover {
            color: #e3002b !important;
            text-decoration: none;
        }

.predictiveSearchCategory {
    padding: 5px 0;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: .2em;
    background-color: #1D252D !important;
    color: #fff !important;
}

@media only screen and (min-width:690px) {
    .field-wrap-dialog {
        float: left;
        width: 50%;
        margin: .5em 0;
        padding: 0 10px;
    }
}

@media only screen and (min-width:890px) {
    .field-wrap-dialog {
        width: 26.66666666666667%;
    }
}

.field-wrap-dialog .form-horizontal {
    position: relative;
}

.field-wrap-dialog .editing-form-label-cell {
    position: absolute;
    left: -999em;
}

.field-wrap-dialog input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 3px;
    border: 1px solid #777c81;
    padding: .75em .5em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    color: #777c81;
    width: 100%;
}

@media only screen and (min-width:890px) {
    .field-wrap-dialog input[type="text"] {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.field-wrap-dialog input[type=submit] {
    display: none;
}

.field-wrap-dialog .form-group-submit {
    position: absolute;
    top: .6em;
    right: .6em;
    z-index: 200;
}

    .field-wrap-dialog .form-group-submit:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 24px;
        font-size: 2.4rem;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        cursor: pointer;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:890px) {
    .field-wrap-dialog-wide {
        width: 33.33333333333333%;
    }
}

.newsletter-list {
    list-style: none;
    padding-left: 0;
}

    .newsletter-list li {
        margin: 1em 0;
    }

    .newsletter-list input[type="checkbox"] {
        display: inline-block;
        vertical-align: top;
    }

    .newsletter-list label {
        padding-left: .7em;
        font-size: 14px;
        font-size: 1.4rem;
        color: #777c81;
        display: inline;
        vertical-align: top;
    }

@media only screen and (min-width:690px) {
    .field-wrap-account {
        margin-top: .5em;
    }
}

.sitemap-title {
    color: #1D252D;
    margin: .5em 0 0;
}

@media only screen and (min-width:890px) {
    .sitemap-title {
        margin: .7em 0 .5em;
    }
}

.sitemap-list {
    *zoom: 1;
}

    .sitemap-list:before, .sitemap-list:after {
        content: " ";
        display: table;
    }

    .sitemap-list:after {
        clear: both;
    }

@media only screen and (min-width:480px) {
    .sitemap-list {
        padding-bottom: .5em;
        word-spacing: -4px;
    }
}

@media only screen and (min-width:690px) {
    .sitemap-list {
        padding-bottom: 1.5em;
    }
}

@media only screen and (min-width:890px) {
    .sitemap-list {
        padding-bottom: 2.5em;
    }
}

.sitemap-item {
    width: 100%;
    display: block;
    margin: 2em 0;
}

@media only screen and (min-width:480px) {
    .sitemap-item {
        width: 50%;
        word-spacing: normal;
        display: inline-block;
        vertical-align: top;
        margin: 1em 0;
    }
}

@media only screen and (min-width:690px) {
    .sitemap-item {
        width: 33.33333333333333%;
    }
}

@media only screen and (min-width:890px) {
    .sitemap-item {
        width: 25%;
    }
}

.CMSSiteMapList {
    list-style: none;
    padding-left: 0;
    margin: .5em 0;
}

.CMSSiteMapListItem {
    margin: 1em 0;
    font-size: 15px;
    font-size: 1.5rem;
}

@media only screen and (min-width:690px) {
    .region-list-content-webinar {
        padding-left: 2.3em;
    }
}

.region-list-copy-webinar {
    margin: .4em 0;
}

.webinar-date {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    padding-left: 2.3em;
    margin-bottom: .5em;
}

@media only screen and (min-width:690px) {
    .webinar-date {
        padding-left: 0;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .webinar-date {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.webinar-status {
    font-size: 15px;
    font-size: 1.5rem;
}

.webinar-icon {
    font-size: 18px;
    font-size: 1.8rem;
    position: relative;
    top: 4px;
}

.region-list-title-webinar {
    width: 88%;
    vertical-align: top;
    display: inline-block;
    margin: 0;
    float: right;
}

@media only screen and (min-width:320px) {
    .region-list-title-webinar {
        float: none;
        padding-left: .3em;
    }
}

@media only screen and (min-width:690px) {
    .region-list-title-webinar {
        width: 84%;
    }
}

@media only screen and (min-width:890px) {
    .region-list-title-webinar {
        width: 86%;
    }
}

@media only screen and (min-width:960px) {
    .region-list-title-webinar {
        width: 83%;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .region-list-title-webinar {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.region-list-item-webinar {
    padding: 1.1em 0;
}

@media only screen and (min-width:960px) {
    .region-list-item-webinar {
        padding: 1.1em 5.5%;
    }
}

.webinar-btn {
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin-top: 1em;
}

@media only screen and (min-width:690px) {
    .webinar-btn {
        display: inline-block;
        margin-top: .3em;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .webinar-btn {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.webinar-panel-btn {
    padding: .5em 2em .5em;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.page-header {
    *zoom: 1;
}

    .page-header:before, .page-header:after {
        content: " ";
        display: table;
    }

    .page-header:after {
        clear: both;
    }

.page-title {
    font-size: 26px;
    font-size: 2.6rem;
    margin: .8em 0 .5em;
    color: #1D252D;
}

@media only screen and (min-width:690px) {
    .page-title {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

@media only screen and (min-width:890px) {
    .page-title {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media only screen and (min-width:1200px) {
    .page-title {
        font-size: 36px;
        font-size: 3.6rem;
    }
}

.page-title-nodesc {
    margin-bottom: .2em;
}

.page-title-breadcrumbs {
    margin-top: 0;
}

.page-title-standalone {
    margin: .8em 0 .2em;
}

@media only screen and (min-width:890px) {
    .page-title-standalone {
        margin-top: 1em;
    }
}

.page-desc {
    margin: 1em 0;
}

@media only screen and (min-width:690px) {
    .page-desc {
        margin: .5em 0;
    }
}

@media only screen and (min-width:690px) {
    .page-desc-inline {
        float: left;
    }
}

.page-rss {
    display: block;
    margin: 1.4em 0 0;
}

    .page-rss:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 18px;
        font-size: 1.8rem;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .page-rss:hover {
        color: #F26522;
    }

@media only screen and (min-width:690px) {
    .page-rss {
        float: right;
        margin: .5em 0;
    }
}

@media only screen and (min-width:690px) {
    .page-rss-breadcrumbs {
        margin-top: 2.3em;
    }
}

.page-breadcrumbs {
    margin: 2.1em 0 1.5em;
}

.page-breadcrumbs-notitle {
    margin: 2.1em 0 .6em;
}

.page-breadcrumbs-inline {
    margin: 2.1em 0 .5em;
}

@media only screen and (min-width:690px) {
    .page-breadcrumbs-inline {
        float: left;
    }
}

.htb-title {
    text-align: center;
    margin: 1em 0;
}

@media only screen and (min-width:960px) {
    .htb-title {
        margin: 1.2em 0;
    }
}

.htb-items {
    width: 100%;
    margin: 2em 0 1.5em;
    *zoom: 1;
}

    .htb-items:before, .htb-items:after {
        content: " ";
        display: table;
    }

    .htb-items:after {
        clear: both;
    }

@media only screen and (max-width:689px) {
    .htb-items {
        overflow-x: scroll;
    }
}

.htb-item {
    width: 100%;
    *zoom: 1;
}

    .htb-item:before, .htb-item:after {
        content: " ";
        display: table;
    }

    .htb-item:after {
        clear: both;
    }

@media only screen and (max-width:689px) {
    .htb-item {
        min-width: 645px;
    }
}

.htb-item-tab:before {
    background: #f6f8fa;
    float: left;
    width: 20%;
    position: relative;
    z-index: 20;
    height: 100%;
}

.htb-item-tab-header:before {
    top: 15px;
}

.htb-category {
    font-size: 14px;
    font-size: 1.4rem;
    background: #f6f8fa;
    float: left;
    width: 20%;
    display: table;
    position: relative;
    z-index: 20;
    height: 100%;
    padding: 0 17px 0 15px;
}

@media only screen and (min-width:960px) {
    .htb-category {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.htb-category-tab {
    border-radius: 5px 5px 0 0;
    border: none;
    top: 15px;
    z-index: 10;
}

.htb-category-footer {
    border-radius: 0 0 5px 5px;
}

.htb-data-items {
    width: 80%;
    float: left;
    position: relative;
    z-index: 30;
    height: 100%;
}

.htb-data-items-footer {
    height: 127%;
}

.htb-data {
    float: left;
    width: 25%;
    font-size: 14px;
    font-size: 1.4rem;
    color: #1D252D;
    height: 100%;
    display: table;
    position: relative;
    padding: 10px 8px;
    border-right: 1px solid #fff;
}

    .htb-data:nth-child(2n+1) {
        background: #DDE5ED;
    }

    .htb-data:nth-child(2n+2) {
        background: #EEF2F6;
    }

    .htb-data:last-child {
        border: none;
    }

@media only screen and (min-width:890px) {
    .htb-data {
        padding: 17px 12px;
    }
}

@media only screen and (min-width:960px) {
    .htb-data {
        padding: 20px 15px;
    }
}

.htb-data ul {
    margin: 0 0 0 1.7em;
    padding-left: 0;
    list-style: none;
}

.htb-data li {
    color: #1D252D;
    margin: 1.5em 0;
    line-height: 1.5;
    position: relative;
}

    .htb-data li:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 16px;
        font-size: 1.6rem;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        position: relative;
        text-indent: -1.5em;
        left: -.3em;
        top: .2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .htb-data li:first-child {
        margin-top: 0;
    }

    .htb-data li:last-child {
        margin-bottom: 0;
    }

.htb-data p {
    line-height: 1.5;
    padding: 0 3px;
}

    .htb-data p:first-child {
        margin-top: 0;
    }

@media only screen and (min-width:960px) {
    .htb-data p {
        padding: 0;
    }
}

.htb-data-footer {
    border-radius: 0 0 5px 5px;
}

.htb-data-border:before {
    width: 90%;
    height: 1px;
    content: '\00a0';
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    position: absolute;
    bottom: 0;
    border-top: 1px dashed #a6acb3;
}

.htb-data-tab {
    font-size: 15px;
    font-size: 1.5rem;
    border-radius: 5px 5px 0 0;
    text-align: center;
    display: table;
}

@media only screen and (min-width:960px) {
    .htb-data-tab {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.htb-data-highlight {
    color: #fff;
    background: #505563 !important;
    border-right: 1px solid #404455;
    position: relative;
    display: table;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

    .htb-data-highlight:first-child:before, .htb-data-highlight:last-child:before {
        content: "\00a0";
        width: 0;
        display: block;
        height: 0;
        border: 5px solid;
        top: -5px;
        position: absolute;
        border-color: transparent transparent #13151a transparent;
    }

    .htb-data-highlight:first-child:after, .htb-data-highlight:last-child:after {
        content: "\00a0";
        height: 100%;
        top: 0;
        width: 5px;
        position: absolute;
        background: #505563;
    }

    .htb-data-highlight:first-child:before {
        border-width: 0 0 5px 5px;
        left: -5px;
    }

    .htb-data-highlight:first-child:after {
        left: -5px;
    }

    .htb-data-highlight:last-child:before {
        border-width: 0 5px 5px 0;
        right: -5px;
    }

    .htb-data-highlight:last-child:after {
        right: -5px;
    }

.htb-left {
    text-align: left;
}

.htb-center {
    text-align: center;
}

.htb-right {
    text-align: right;
}

.htb-content {
    display: block;
}

.htb-content-center {
    display: table-cell;
    vertical-align: middle;
}

.htb-content-title {
    color: #e3002b;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    border-top: 1px dashed #a6acb3;
}

    .htb-content-title:before {
        font-family: "eca-icons";
        speak: none;
        font-size: 24px;
        font-size: 2.4rem;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        display: none;
        padding-right: .4em;
        position: relative;
        top: 3px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:890px) {
    .htb-content-title:before {
        display: inline-block;
    }
}

.htb-btn {
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: .5em;
}

    .htb-btn:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        margin-left: .2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:960px) {
    .htb-btn {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 1em;
    }
}

.htb-link {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    margin-top: .5em;
}

    .htb-link:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        margin-left: .2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:960px) {
    .htb-link {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 1em;
    }
}

.download-links {
    margin-bottom: 1em;
}

@media only screen and (min-width:690px) {
    .download-links {
        margin-bottom: 1.5em;
    }
}

@media only screen and (min-width:890px) {
    .download-links {
        margin-bottom: 2em;
    }
}

.download-links-title {
    color: #e3002b;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: .4em;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.download-link {
    font-family: "gotham narrow book","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin: 1.1em 0 1.1em 1.7em;
    display: block;
    position: relative;
}

    .download-link:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .6em;
        position: absolute;
        left: -1.7em;
        top: 3px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.download-link-time {
    font-size: 13px;
    font-size: 1.3rem;
    color: #777c81;
    display: block;
    font-style: italic;
}

.purchase-message {
    margin-bottom: 0;
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    margin: .8em 0 0;
}

.purchase-message-error {
    color: #ba0023;
}

    .purchase-message-error:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.counter {
    padding: .9em 10px 1.7em;
}

@media only screen and (min-width:480px) {
    .counter {
        padding: 1.5em 15px 2em;
        word-spacing: -4px;
    }
}

@media only screen and (min-width:890px) {
    .counter {
        text-align: center;
    }
}

@media only screen and (min-width:960px) {
    .counter {
        padding: 1.5em 20px;
    }
}

@media only screen and (min-width:1200px) {
    .counter {
        padding: 1.5em 10px;
    }
}

.counter-single {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 0 15px;
    width: 100%;
    margin: 1.5em 0;
    word-spacing: normal;
}

.image-feature {
    display: block;
    text-align: left;
    margin: 1em 0;
    font-size: 1.8rem;
    cursor: default;
}

.feature-desc-white {
    display: block;
    text-align: left;
    margin: 1em 0;
    font-size: 1.8rem;
    cursor: default;
    color: #fff;
}

.feature-desc-black {
    display: block;
    text-align: left;
    margin: 1em 0;
    font-size: 1.8rem;
    cursor: default;
    color: #1d252d;
}

.feature-desc-red {
    display: block;
    text-align: left;
    margin: 1em 0;
    font-size: 1.8rem;
    cursor: default;
    color: #e3002b;
}

.feature-panel-desc-white {
    display: block;
    text-align: left;
    margin: 1em 0;
    font-size: 2rem;
    cursor: default;
    color: #fff;
}

.feature-panel-desc-black {
    display: block;
    text-align: left;
    margin: 1em 0;
    font-size: 2rem;
    cursor: default;
    color: #1d252d;
}

.feature-panel-desc-red {
    display: block;
    text-align: left;
    margin: 1em 0;
    font-size: 2rem;
    cursor: default;
    color: #e3002b;
}

.circle-feature {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 1.2em 0;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media only screen and (min-width:480px) {
    .circle-feature {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        word-spacing: normal;
        margin: 1em 0 .7em;
        padding: 1em 2.5%;
    }

        .circle-feature:after {
            width: 1px;
            position: absolute;
            top: 0;
            content: '\00a0';
            right: 0;
            background: #e5e5e5;
            height: 100%;
        }
}

@media only screen and (min-width:690px) {
    .circle-feature {
        padding: 1.5em 2.5%;
    }
}

@media only screen and (min-width:480px) and (max-width:889px) {
    .circle-feature:nth-child(2n+2):after {
        display: none;
    }
}

@media only screen and (min-width:890px) {
    .circle-feature {
        width: 100%;
        padding: 1.5em 2.5%;
    }

        .circle-feature:last-child:after {
            display: none;
        }
}

@media only screen and (min-width:1200px) {
    .circle-feature {
        padding: 2.5em 2.5%;
    }
}

.circle-feature:hover {
    background: #e3002b;
}

    .circle-feature:hover > * {
        color: #fff !important;
    }

.image-feature-two {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 1.2em 0;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media only screen and (min-width:480px) {
    .image-feature-two {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        word-spacing: normal;
        margin: 1em 0 .7em;
        padding: 1em 2.5%;
    }

        .image-feature-two:after {
            width: 1px;
            position: absolute;
            top: 0;
            content: '\00a0';
            right: 0;
            background: #e5e5e5;
            height: 100%;
        }
}

@media only screen and (min-width:690px) {
    .image-feature-two {
        padding: 1.5em 2.5%;
    }
}

@media only screen and (min-width:480px) and (max-width:889px) {
    .image-feature-two:nth-child(2n+2):after {
        display: none;
    }
}

@media only screen and (min-width:890px) {
    .image-feature-two {
        width: 50%;
        padding: 1.5em 2.5%;
    }

        .image-feature-two:last-child:after {
            display: none;
        }
}

@media only screen and (min-width:1200px) {
    .image-feature-two {
        padding: 2.5em 2.5%;
    }
}

.image-feature-two:hover {
    background: #e3002b;
}

    .image-feature-two:hover > * {
        color: #fff !important;
    }

.image-feature-three {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 1.2em 0;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media only screen and (min-width:480px) {
    .image-feature-three {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        word-spacing: normal;
        margin: 1em 0 .7em;
        padding: 1em 2.5%;
    }

        .image-feature-three:after {
            width: 1px;
            position: absolute;
            top: 0;
            content: '\00a0';
            right: 0;
            background: #e5e5e5;
            height: 100%;
        }
}

@media only screen and (min-width:690px) {
    .image-feature-three {
        padding: 1.5em 2.5%;
    }
}

@media only screen and (min-width:480px) and (max-width:889px) {
    .image-feature-three:nth-child(2n+2):after {
        display: none;
    }
}

@media only screen and (min-width:890px) {
    .image-feature-three {
        width: 33%;
        padding: 1.5em 2.5%;
    }

        .image-feature-three:last-child:after {
            display: none;
        }
}

@media only screen and (min-width:1200px) {
    .image-feature-three {
        padding: 2.5em 2.5%;
    }
}

.image-feature-three:hover {
    background: #e3002b;
}

    .image-feature-three:hover > * {
        color: #fff !important;
    }

.image-feature-four {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 1.2em 0;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media only screen and (min-width:480px) {
    .image-feature-four {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        word-spacing: normal;
        margin: 1em 0 .7em;
        padding: 1em 2.5%;
    }

        .image-feature-four:after {
            width: 1px;
            position: absolute;
            top: 0;
            content: '\00a0';
            right: 0;
            background: #e5e5e5;
            height: 100%;
        }
}

@media only screen and (min-width:690px) {
    .image-feature-four {
        padding: 1.5em 2.5%;
    }
}

@media only screen and (min-width:480px) and (max-width:889px) {
    .image-feature-four:nth-child(2n+2):after {
        display: none;
    }
}

@media only screen and (min-width:890px) {
    .image-feature-four {
        width: 25%;
        padding: 1.5em 2.5%;
    }

        .image-feature-four:last-child:after {
            display: none;
        }
}

@media only screen and (min-width:1200px) {
    .image-feature-four {
        padding: 2.5em 2.5%;
    }
}

.image-feature-four:hover {
    background: #e3002b;
}

    .image-feature-four:hover > * {
        color: #fff !important;
    }

.image-feature-five {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 1.2em 0;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media only screen and (min-width:480px) {
    .image-feature-five {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        word-spacing: normal;
        margin: 1em 0 .7em;
        padding: 1em 2.5%;
    }

        .image-feature-five:after {
            width: 1px;
            position: absolute;
            top: 0;
            content: '\00a0';
            right: 0;
            background: #e5e5e5;
            height: 100%;
        }
}

@media only screen and (min-width:690px) {
    .image-feature-five {
        padding: 1.5em 2.5%;
    }
}

@media only screen and (min-width:480px) and (max-width:889px) {
    .image-feature-five:nth-child(2n+2):after {
        display: none;
    }
}

@media only screen and (min-width:890px) {
    .image-feature-five {
        width: 20%;
        height: 350px;
        padding: 1.5em 2.5%;
    }

        .image-feature-five:last-child:after {
            display: none;
        }
}

@media only screen and (min-width:1200px) {
    .image-feature-five {
        padding: 2.5em 2.5%;
    }
}

.image-feature-five:hover {
    background: #e3002b;
}

    .image-feature-five:hover > * {
        color: #fff !important;
    }

.counter-item {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 1.2em 0;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media only screen and (min-width:480px) {
    .counter-item {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        word-spacing: normal;
        margin: 1em 0 .7em;
        padding: 1em 2.5%;
    }

        .counter-item:after {
            width: 1px;
            position: absolute;
            top: 0;
            content: '\00a0';
            right: 0;
            background: #e5e5e5;
            height: 100%;
        }
}

@media only screen and (min-width:690px) {
    .counter-item {
        padding: 1.5em 2.5%;
    }
}

@media only screen and (min-width:480px) and (max-width:889px) {
    .counter-item:nth-child(2n+2):after {
        display: none;
    }
}

@media only screen and (min-width:890px) {
    .counter-item {
        width: 25%;
        padding: 1.5em 2.5%;
    }

        .counter-item:last-child:after {
            display: none;
        }
}

@media only screen and (min-width:1200px) {
    .counter-item {
        padding: 2.5em 2.5%;
    }
}

.counter-item:hover {
    background: #e3002b;
}

    .counter-item:hover > * {
        color: #fff;
    }

.counter-item-single {
    padding: 1.5em 2.5% 1.7em;
    margin: 15px 0;
    line-height: 1;
}

@media only screen and (min-width:480px) {
    .counter-item-single {
        width: 100%;
        word-spacing: normal;
        display: block;
    }

        .counter-item-single:after {
            display: none;
        }
}

@media only screen and (min-width:690px) {
    .counter-item-single {
        padding: 1.5em 2.5% 1.8em;
    }
}

@media only screen and (min-width:1200px) {
    .counter-item-single {
        padding: 2.2em 2.5% 2.3em;
    }
}

.counter-figure {
    display: block;
    font-family: "helvetica neue","arial","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 67px;
    font-size: 6.7rem;
    font-weight: 700;
    font-stretch: condensed;
    color: #e3002b;
    position: relative;
    word-spacing: -4px;
}

    .counter-figure:before, .counter-figure:after {
        font-size: inherit;
        font-family: "helvetica neue","arial","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
        font-weight: 700;
        font-stretch: condensed;
        opacity: .195;
        filter: alpha(opacity=19.5);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin-left: -.2em;
        word-spacing: normal;
    }

@media only screen and (min-width:890px) and (max-width:1199px) {
    .counter-figure:before, .counter-figure:after {
        font-size: 85.07462686567164%;
        top: .16em;
    }
}

.counter-figure:before {
    content: attr(data-counter-bg-number1);
    z-index: 10;
}

.counter-figure:after {
    content: attr(data-counter-bg-number2);
    z-index: 20;
}

.counter-digit {
    display: inline-block;
    word-spacing: normal;
    position: relative;
    z-index: 30;
    font-size: inherit;
}

@media only screen and (min-width:890px) and (max-width:1199px) {
    .counter-digit {
        font-size: 85.07462686567164%;
    }
}

.counter-digit-single {
    font-size: 100%;
}

.counter-operator {
    position: relative;
    line-height: 1;
    display: inline-block;
    word-spacing: normal;
    top: -.43em;
}

.counter-operator-percent {
    font-size: 60%;
    margin-left: -.2em;
}

@media only screen and (min-width:890px) and (max-width:1199px) {
    .counter-operator-percent {
        font-size: 52%;
    }
}

.counter-operator-plus {
    font-size: 75%;
    margin-left: -.2em;
}

@media only screen and (min-width:890px) and (max-width:1199px) {
    .counter-operator-plus {
        font-size: 63%;
    }
}

.counter-operator-minus {
    font-size: 75%;
    margin-left: -.1em;
}

@media only screen and (min-width:890px) and (max-width:1199px) {
    .counter-operator-minus {
        font-size: 63%;
    }
}

.counter-fact {
    display: inline-block;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: .5em;
}

.counter-fact-single {
    font-size: 18px;
    font-size: 1.8rem;
}

.EventManagerRegistration .form-group {
    margin: 1em 0;
    position: relative;
}

    .EventManagerRegistration .form-group:first-child {
        margin-top: .8em;
    }

.EventManagerRegistration .form-group-submit {
    margin: 0 0 1.3em;
}

@media only screen and (min-width:690px) {
    .EventManagerRegistration .form-group-submit {
        margin-bottom: 1em;
    }
}

.EventManagerRegistration .form-group-submit input {
    margin-top: .5em;
}

.EventManagerRegTitle {
    font-size: 24px;
    font-size: 2.4rem;
    color: #1D252D;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    padding-bottom: .5em;
    margin-bottom: .8em;
    display: block;
    border-bottom: 1px solid #e5e5e5;
}

.EventManagerRegError {
    display: block;
    margin: 1.3em 0;
    background-color: transparent;
    background-color: rgba(227,0,43,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26E3002B,endColorstr=#26E3002B);
    zoom: 1;
    color: #ba0023;
    padding: .7em;
    border: 1px solid #e3002b;
}

    .EventManagerRegError:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.EventManagerRegInfo {
    background-color: transparent;
    background-color: rgba(54,198,250,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2636C6FA,endColorstr=#2636C6FA);
    zoom: 1;
    color: #087fb8;
    margin: 1.3em 0;
    display: block;
    padding: .7em;
    border: 1px solid #36c6fa;
}

    .EventManagerRegInfo:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.LoginPanelPasswordRetrieval {
    margin-bottom: 30px;
}

    .LoginPanelPasswordRetrieval .CaptchaTable {
        *zoom: 1;
    }

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

        .LoginPanelPasswordRetrieval .CaptchaTable:after {
            clear: both;
        }

        .LoginPanelPasswordRetrieval .CaptchaTable .td {
            float: left;
            margin-right: 10px;
        }

        .LoginPanelPasswordRetrieval .CaptchaTable img {
            height: 36px;
            margin-top: 2px;
        }

@media only screen and (min-width:890px) {
    .LoginPanelPasswordRetrieval .CaptchaTable img {
        height: 42px;
    }
}

@media only screen and (max-width:410px) {
    .LoginPanelPasswordRetrieval .CaptchaTable img {
        margin: 10px 0 0 0;
    }
}

.LoginPanelPasswordRetrieval > span {
    color: #e3002b;
    font-size: 15px;
    font-size: 1.5rem;
}

@media only screen and (min-width:890px) {
    .LoginPanelPasswordRetrieval > span {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.CaptchaTextBox {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 3px;
    border: 1px solid #777c81;
    padding: .75em .5em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    color: #777c81;
    width: 100%;
}

@media only screen and (min-width:890px) {
    .CaptchaTextBox {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.password-reset input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 3px;
    border: 1px solid #777c81;
    padding: .75em .5em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    color: #777c81;
    width: 100%;
}

@media only screen and (min-width:890px) {
    .password-reset input[type=password] {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.password-reset input[type=submit] {
    margin-top: 30px;
    margin-bottom: 30px;
}

.password-reset .ErrorLabel {
    padding: 13px;
    margin: 0 0 1em;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    background-color: rgba(227,0,43,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26E3002B,endColorstr=#26E3002B);
    zoom: 1;
    color: #ba0023;
    border: 1px solid #e3002b;
}

    .password-reset .ErrorLabel:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .password-reset .ErrorLabel a {
        color: #ba0023;
        border-color: #ba0023;
    }

        .password-reset .ErrorLabel a:hover {
            color: #ba0023;
            border-color: #ba0023;
        }

@media only screen and (min-width:690px) {
    .password-reset .ErrorLabel {
        max-width: 450px;
    }
}

.password-reset .InfoLabel {
    padding: 13px;
    margin: 0 0 1em;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    background-color: rgba(54,198,250,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2636C6FA,endColorstr=#2636C6FA);
    zoom: 1;
    color: #087fb8;
    border: 1px solid #36c6fa;
}

    .password-reset .InfoLabel:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:690px) {
    .password-reset .InfoLabel {
        max-width: 450px;
    }
}

.password-reset a {
    border-bottom: 1px dotted #777c81;
    padding-bottom: .1em;
    color: #1D252D;
}

    .password-reset a:hover {
        color: #e3002b;
        border-color: #e3002b;
    }

@media only screen and (min-width:690px) {
    .password-reset-form {
        max-width: 400px;
    }
}

.password-reset-success {
    padding-top: 1.5em;
}

.reset-password-login {
    display: block;
    margin-bottom: 1.7em;
    margin-top: .5em;
}

.password-reset-criteria {
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    margin: 1.5em 0;
}

.tracking-consent-banner {
    background: #4A5157;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.tracking-consent-banner-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 5px 10px;
}

@media only screen and (min-width:1200px) {
    .tracking-consent-banner-container {
        padding: 5px 10px;
    }
}

@media only screen and (min-width:960px) {
    .tracking-consent-banner-container {
        padding: 5px 20px;
    }
}

@media only screen and (min-width:890px) {
    .tracking-consent-banner-container {
        padding: 1px 10px 8px;
    }
}

@media only screen and (min-width:480px) {
    .tracking-consent-banner-container {
        padding: 5px 15px;
    }
}

.tracking-consent-banner-content * {
    color: #fff;
}

.tracking-consent-banner-button-wrapper {
    display: flex;
    justify-content: space-evenly;
}

.tracking-consent-banner-button {
    min-width: 10%;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.checkout-nav {
    margin: 2.5em 0 1.5em;
    padding: 0 10px;
}

.checkout-nav-item {
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
    color: #777c81;
}

    .checkout-nav-item:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 11px;
        font-size: 1.1rem;
        color: #777c81;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        position: relative;
        top: -1px;
        margin: 0 .5em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .checkout-nav-item:last-child:after {
        display: none;
    }

.checkout-nav-item-current {
    color: #e3002b;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (max-width:690px) {
    .checkout-col {
        padding-top: .1px;
    }
}

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

@media only screen and (min-width:690px) {
    .checkout-col-66 {
        width: 66.66666666666667%;
        padding-right: 10px;
    }
}

@media only screen and (min-width:890px) {
    .checkout-col-66 {
        padding-right: 15px;
    }
}

@media only screen and (min-width:690px) {
    .checkout-col-33 {
        width: 33.33333333333333%;
        padding-left: 10px;
    }
}

@media only screen and (min-width:890px) {
    .checkout-col-33 {
        padding-left: 15px;
    }
}

.outcome-download-btn {
    margin: 0 0 1em;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

    .outcome-download-btn:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-left: .3em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:690px) {
    .outcome-download-btn {
        margin: 0 0 1.5em;
    }
}

.checkout-progress {
    *zoom: 1;
    width: 100%;
}

    .checkout-progress:before, .checkout-progress:after {
        content: " ";
        display: table;
    }

    .checkout-progress:after {
        clear: both;
    }

.checkout-progress-btn {
    display: block;
    width: 100%;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin: 1em 0;
}

    .checkout-progress-btn:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-left: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:690px) {
    .checkout-progress-btn {
        float: right;
        width: auto;
        margin: 1em 0 1.2em;
    }
}

.basket {
    padding: 0 10px;
    *zoom: 1;
}

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

    .basket:after {
        clear: both;
    }

@media only screen and (min-width:480px) {
    .basket {
        padding: 0 15px;
    }
}

@media only screen and (min-width:960px) {
    .basket {
        padding: 0 20px;
    }
}

@media only screen and (min-width:1200px) {
    .basket {
        padding: 0 10px;
    }
}

.basket-title {
    color: #1D252D;
    margin: 1em 0 .6em;
}

.basket-cart {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 25px 15px;
    width: 100%;
    margin: 1em 0;
    *zoom: 1;
}

    .basket-cart:before, .basket-cart:after {
        content: " ";
        display: table;
    }

    .basket-cart:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .basket-cart {
        padding: 30px 25px;
    }
}

@media only screen and (min-width:890px) {
    .basket-cart {
        padding: 40px;
    }
}

.basket-item {
    padding: 1.5em 0;
    border-top: 1px dashed #777c81;
    position: relative;
}

@media only screen and (min-width:690px) {
    .basket-item {
        word-spacing: -4px;
        padding: 1.8em 0;
    }
}

@media only screen and (min-width:890px) {
    .basket-item {
        padding: 2.2em 1.5em;
    }
}

.basket-item:first-child {
    border-top: none;
    padding-top: 0;
}

.basket-item:last-child {
    padding-bottom: 0;
}

.basket-item-info {
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    line-height: 1.3;
}

.basket-item-title {
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 24px;
    font-size: 2.4rem;
    margin: 1em 0 .2em;
    color: #e3002b;
}

@media only screen and (min-width:480px) {
    .basket-item-title {
        margin: 0 0 .2em;
    }
}

@media only screen and (min-width:890px) {
    .basket-item-title {
        font-size: 29px;
        font-size: 2.9rem;
    }
}

.basket-item-thumb {
    display: block;
}

@media only screen and (min-width:480px) {
    .basket-item-thumb {
        word-spacing: normal;
        padding-right: 5%;
        display: inline-block;
        vertical-align: top;
    }
}

.basket-item-img {
    max-width: 134px;
    display: block;
    margin: .3em auto 0;
}

@media only screen and (min-width:480px) {
    .basket-item-img {
        margin: .3em 0 0;
    }
}

.basket-item-price {
    font-size: 20px;
    font-size: 2rem;
    font-family: "gotham narrow book","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #4A5157;
    display: block;
    margin: 1.3em 0 0;
}

.basket-item-content {
    text-align: center;
}

@media only screen and (min-width:480px) {
    .basket-item-content {
        word-spacing: normal;
        width: 60%;
        padding-left: 5%;
        display: inline-block;
        text-align: left;
        vertical-align: top;
    }
}

@media only screen and (min-width:480px) and (max-width:889px) {
    .basket-item-content {
        padding-right: 5%;
    }
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .basket-item-content {
        width: 59%;
        padding-left: 3%;
    }
}

.basket-item-remove {
    position: absolute;
    right: 0;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

@media only screen and (min-width:480px) {
    .basket-item-remove {
        margin-top: .1em;
    }
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .basket-item-remove {
        width: 18px;
        height: 18px;
    }
}

.basket-item-remove:before {
    font-family: "eca-icons";
    content: "";
    speak: none;
    font-size: 24px;
    font-size: 2.4rem;
    color: inherit;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .basket-item-remove:before {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.basket-item-remove:hover {
    color: #e3002b;
}

.basket-item-remove input {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 20;
}

.basket-total {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 25px 15px;
    vertical-align: top;
    width: 100%;
    margin: 1em 0;
}

@media only screen and (min-width:690px) {
    .basket-total {
        padding: 30px 25px;
    }
}

@media only screen and (min-width:890px) {
    .basket-total {
        padding: 40px;
    }
}

.basket-total-item {
    display: block;
    padding: .9em 0;
    word-spacing: -4px;
    border-bottom: 1px dashed #e5e5e5;
}

    .basket-total-item:first-child {
        padding-top: 0;
    }

    .basket-total-item:last-child {
        padding-bottom: 0;
        border: none;
    }

.basket-total-label {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    word-spacing: normal;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .basket-total-label {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.basket-total-right {
    text-align: right;
}

.basket-total-sum {
    color: #e3002b;
    font-family: "gotham narrow book","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.btn-basket {
    display: block;
    width: 100%;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .btn-basket {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.btn-basket-checkout {
    margin-top: 1.5em;
}

.btn-basket-continue {
    margin-top: 1.6em;
}

@media only screen and (min-width:690px) {
    .btn-basket-continue {
        float: left;
        width: auto;
        margin-top: 2em;
    }
}

.btn-basket-clear {
    margin-top: .9em;
}

@media only screen and (min-width:690px) {
    .btn-basket-clear {
        float: right;
        width: auto;
        margin-top: 2em;
    }
}

.ShoppingCartEmpty {
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .ShoppingCartEmpty {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.basket-confirm-title {
    font-size: 24px;
    font-size: 2.4rem;
    color: #1D252D;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.basket-confirm-btn {
    margin: .5em 1em 0 0;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.basket-discount {
    *zoom: 1;
    width: 100%;
    display: block;
    word-spacing: normal;
    padding: .9em 0;
    border-bottom: 1px dashed #e5e5e5;
}

    .basket-discount:before, .basket-discount:after {
        content: " ";
        display: table;
    }

    .basket-discount:after {
        clear: both;
    }

.basket-discount-input {
    padding: .5em;
    width: 100%;
}

@media only screen and (min-width:1200px) {
    .basket-discount-input {
        width: 52%;
        float: left;
    }
}

.basket-discount-submit {
    display: block;
    width: 100%;
    margin-top: .7em;
    padding: .5em .7em;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:1200px) {
    .basket-discount-submit {
        float: right;
        width: auto;
        margin: 0;
    }
}

.basket-discount-error {
    display: block;
    width: 100%;
    clear: both;
    padding-top: .7em;
    color: #e3002b;
    font-size: 15px;
    font-size: 1.5rem;
}

@media only screen and (min-width:690px) {
    .payment-options {
        word-spacing: -4px;
    }
}

.payment-btn {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin: 0 0 1em;
    display: block;
    width: 100%;
}

@media only screen and (min-width:690px) {
    .payment-btn {
        margin: 0 .5em 1.5em;
        display: inline-block;
        width: auto;
        word-spacing: normal;
    }

        .payment-btn:first-child {
            margin-left: 0;
        }
}

@media only screen and (min-width:890px) {
    .payment-btn {
        margin: 0 .5em 1.8em;
    }
}

.learning-articles-wrapper .region-list-item:last-child {
    border: 0;
}

.learning-blog-posts-wrapper .eca-services-title {
    margin-right: 22px;
    width: 100%;
}

.learning-blog-posts-wrapper .eca-services-content {
    height: auto;
}

@media only screen and (min-width:890px) {
    .learning-blog-posts-wrapper .eca-services-item {
        margin-left: 150px;
        margin-right: 150px;
        margin-top: 0;
        margin-bottom: 0;
        height: 170px;
        padding: 0;
    }

        .learning-blog-posts-wrapper .eca-services-item:first-child, .learning-blog-posts-wrapper .eca-services-item:nth-child(3) {
            margin-left: 0;
        }

        .learning-blog-posts-wrapper .eca-services-item:last-child, .learning-blog-posts-wrapper .eca-services-item:nth-child(2) {
            margin-right: 0;
        }
}

.learning-webinars-wrapper h2 {
    width: 100%;
    text-align: left;
}

@media only screen and (min-width:890px) {
    .learning-webinars-wrapper h2 {
        width: 62%;
        margin: 0 auto;
        margin-top: 20px;
        text-align: center;
    }
}

@media only screen and (min-width:890px) {
    .learning-training-wrapper {
        width: 100%;
        height: auto;
        display: block;
        margin-left: 18px;
    }
}

@media only screen and (min-width:890px) {
    .learning-training-wrapper .learning-training-content {
        width: 48%;
        float: left;
        height: auto;
        display: inline-block;
    }
}

.learning-training-wrapper .learning-training-content ul {
    padding-left: 0;
    margin-bottom: 20px;
    vertical-align: middle;
}

    .learning-training-wrapper .learning-training-content ul li {
        position: relative;
        list-style: none;
        color: #4A5157;
        padding-left: 40px;
        line-height: 26px;
    }

        .learning-training-wrapper .learning-training-content ul li:before {
            font-family: "eca-icons";
            content: "";
            position: absolute;
            left: 0;
            display: inline;
            height: auto;
            color: #e3002b;
        }

.learning-training-wrapper .learning-training-content p {
    padding-right: 53px;
}

@media only screen and (min-width:890px) {
    .learning-training-wrapper .learning-training-content:first-child {
        margin-right: 23px;
    }
}

.learning-training-wrapper .learning-training-content:last-child {
    padding-top: 20px;
}

@media only screen and (min-width:890px) {
    .learning-training-wrapper .learning-training-content:last-child {
        padding-top: 0;
    }
}

.learning-btn {
    margin-bottom: 2em;
    padding: .5em 2em .5em;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.eca-services-img {
    display: block;
    width: 35%;
    margin: 0 auto;
    padding: 10% 0 3%;
}

.eca-services-items {
    width: 100%;
    *zoom: 1;
}

    .eca-services-items:before, .eca-services-items:after {
        content: " ";
        display: table;
    }

    .eca-services-items:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .eca-services-items {
        text-align: center;
        word-spacing: -4px;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
}

.eca-services-item {
    width: 100%;
    word-spacing: normal;
    max-width: 220px;
    text-align: center;
    margin: 2em auto;
    padding: 0 10px;
}

    .eca-services-item:nth-child(4n+1) .eca-services-header {
        background: url(../SiteImages/panels/services/numbers1.png) no-repeat center center;
        width: 100%;
        background-size: cover;
    }

    .eca-services-item:nth-child(4n+2) .eca-services-header {
        background: url(../SiteImages/panels/services/numbers2.png) no-repeat center center;
        width: 100%;
        background-size: cover;
    }

    .eca-services-item:nth-child(4n+3) .eca-services-header {
        background: url(../SiteImages/panels/services/numbers3.png) no-repeat center center;
        width: 100%;
        background-size: cover;
    }

    .eca-services-item:nth-child(4n+4) .eca-services-header {
        background: url(../SiteImages/panels/services/numbers4.png) no-repeat center center;
        width: 100%;
        background-size: cover;
    }

@media only screen and (min-width:480px) {
    .eca-services-item {
        float: left;
        width: 50%;
        max-width: none;
        padding: 0 5%;
        margin: 1.3em auto;
    }
}

@media only screen and (min-width:690px) {
    .eca-services-item {
        width: 220px;
        float: none;
        display: inline-block;
        padding: 0;
        margin: 1em 4%;
    }
}

@media only screen and (min-width:890px) {
    .eca-services-item {
        width: 18.54406779661017%;
        margin: 1em 4.23728813559322%;
    }

        .eca-services-item:first-child {
            margin-left: 0;
        }

        .eca-services-item:last-child {
            margin-right: 0;
        }
}

.eca-services-content {
    height: 140px;
}

@media only screen and (min-width:480px) {
    .eca-services-content {
        height: 130px;
    }
}

.eca-services-content p {
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (min-width:890px) and (max-width:959px) {
    .eca-services-content p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.eca-services-title {
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
    padding: 6% 0;
    margin: 0;
}

.eca-services-link {
    display: inline-block;
    color: #e3002b;
    margin: .5em 0;
    text-decoration: none;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    text-transform: uppercase;
    position: relative;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

    .eca-services-link:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 20px;
        font-size: 2rem;
        color: #e3002b;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:890px) and (max-width:959px) {
    .eca-services-link {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.eca-services-link:hover {
    color: #1D252D;
}

    .eca-services-link:hover:after {
        color: #1D252D;
    }

.eca-services-link:after {
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    display: inline-block;
    padding-left: .5em;
    vertical-align: top;
}

@media only screen and (min-width:890px) and (max-width:959px) {
    .eca-services-link:after {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.wrapper-cta {
    margin: 2.5em 0;
}

.panel-cta {
    padding: 6% 20px;
    margin: 0;
    text-align: center;
    *zoom: 1;
}

    .panel-cta:before, .panel-cta:after {
        content: " ";
        display: table;
    }

    .panel-cta:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .panel-cta {
        padding: 1% 20px 2.5%;
        text-align: left;
        margin: 1em 0;
    }
}

@media only screen and (min-width:890px) {
    .panel-cta {
        padding: 4% 20px 5%;
        margin: 1.5em 0;
    }
}

.panel-cta-has-img {
    background: #f5f5f5;
}

@media only screen and (min-width:480px) {
    .panel-cta-has-img {
        margin: 0 15px;
    }
}

@media only screen and (min-width:690px) {
    .panel-cta-has-img {
        padding: 0;
        position: relative;
        overflow: hidden;
    }
}

@media only screen and (min-width:960px) {
    .panel-cta-has-img {
        margin: 0 20px;
    }
}

@media only screen and (min-width:1200px) {
    .panel-cta-has-img {
        margin: 0 10px;
    }
}

.cta-heading {
    font-size: 24px;
    font-size: 2.4rem;
}

@media only screen and (min-width:480px) {
    .cta-heading {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

@media only screen and (min-width:690px) {
    .cta-heading {
        font-size: 27px;
        font-size: 2.7rem;
        margin: 1em 0 .7em;
    }
}

@media only screen and (min-width:890px) {
    .cta-heading {
        font-size: 32px;
        font-size: 3.2rem;
    }
}

@media only screen and (min-width:1200px) {
    .cta-heading {
        font-size: 36px;
        font-size: 3.6rem;
    }
}

.cta-heading-white {
    color: #fff;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    text-transform: uppercase;
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .cta-heading-red {
        font-size: 30px;
        font-size: 3rem;
    }
}

.cta-content {
    width: 100%;
}

@media only screen and (min-width:690px) {
    .cta-content {
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
        width: 55%;
        padding: 0 20px;
    }
}

@media only screen and (min-width:890px) {
    .cta-content {
        width: 60%;
    }
}

@media only screen and (min-width:960px) {
    .cta-content {
        width: 66.66666666666667%;
    }
}

.cta-content p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
}

@media only screen and (min-width:890px) {
    .cta-content p {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.cta-content.white p {
    color: #fff;
}

@media only screen and (min-width:690px) {
    .cta-content-media {
        width: 50%;
        padding: 0 3%;
    }
}

@media only screen and (min-width:890px) {
    .cta-content-media {
        width: 50%;
    }
}

@media only screen and (min-width:960px) {
    .cta-content-media {
        width: 56.66666666666667%;
    }
}

.cta-video {
    position: relative;
}

@media only screen and (max-width:689px) {
    .cta-video {
        margin: 2em auto 1em;
        max-width: 480px;
    }
}

.cta-media-image {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 2em auto 1em;
}

@media only screen and (min-width:690px) {
    .cta-media-image {
        max-width: 100%;
        margin: 0;
    }
}

@media only screen and (min-width:690px) {
    .cta-skew {
        width: 45%;
        float: right;
        display: block;
        margin-right: 0;
        background: #DDE5ED;
        position: relative;
        z-index: 2;
    }
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .cta-skew p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.cta-background {
    background: url(/SiteImages/placeholders/register.jpg) no-repeat left top;
    background-size: cover;
}

.cta-triangle {
    display: none;
}

@media only screen and (min-width:690px) {
    .cta-triangle {
        overflow: hidden;
        position: absolute;
        display: block;
        height: 100%;
        left: -175px;
    }
}

@media only screen and (min-width:890px) {
    .cta-triangle {
        left: -217px;
    }
}

.cta-triangle:before {
    content: "\00a0";
    display: block;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 500px 175px;
    border-color: transparent transparent #DDE5ED transparent;
}

@media only screen and (min-width:890px) {
    .cta-triangle:before {
        border-width: 0 0 500px 217px;
    }
}

@media only screen and (min-width:690px) {
    .cta-inner {
        background: #DDE5ED;
        position: relative;
        padding: 2% 3% 8%;
        z-index: 3;
        *zoom: 1;
    }

        .cta-inner:before, .cta-inner:after {
            content: " ";
            display: table;
        }

        .cta-inner:after {
            clear: both;
        }
}

@media only screen and (min-width:890px) {
    .cta-inner {
        padding: 6% 20px 9.9%;
    }
}

.cta-feature {
    width: 100%;
}

@media only screen and (min-width:690px) {
    .cta-feature {
        width: 45%;
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
        padding: 0 20px;
    }
}

@media only screen and (min-width:890px) {
    .cta-feature {
        width: 40%;
        padding: 3em 20px 0;
    }
}

@media only screen and (min-width:960px) {
    .cta-feature {
        width: 33.33333333333333%;
    }
}

@media only screen and (min-width:690px) {
    .cta-feature-media {
        width: 50%;
    }
}

@media only screen and (min-width:890px) {
    .cta-feature-media {
        width: 50%;
    }
}

@media only screen and (min-width:960px) {
    .cta-feature-media {
        width: 43.33333333333333%;
    }
}

.cta-img {
    display: none;
}

@media only screen and (min-width:690px) {
    .cta-img {
        position: absolute;
        display: block;
        width: 82%;
        left: -11%;
    }
}

@media only screen and (min-width:890px) {
    .cta-img {
        width: 75%;
        left: -12.5%;
    }
}

.cta-img img {
    width: 100%;
    display: block;
}

.icon-cta {
    padding-left: .3em;
    font-size: 18px;
    font-size: 1.8rem;
    height: 18px;
    overflow: hidden;
    vertical-align: middle;
}

@media only screen and (min-width:690px) {
    .icon-cta {
        padding-left: .5em;
        height: 21px;
        font-size: 22px;
        font-size: 2.2rem;
    }
}

@media only screen and (min-width:890px) {
    .icon-cta {
        font-size: 22px;
        font-size: 2.2rem;
        height: 21px;
    }
}

@media only screen and (min-width:1200px) {
    .icon-cta {
        height: 26px;
        font-size: 24px;
        font-size: 2.4rem;
    }
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .icon-cta-small {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media only screen and (min-width:1200px) {
    .icon-cta-small {
        position: relative;
        top: -1px;
    }
}

.cta-trial-btn {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    text-transform: uppercase;
    margin: 2em 0 1.2em;
    padding: .7em .9em .8em;
    text-align: center;
}

@media only screen and (max-width:689px) {
    .cta-trial-btn {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width:690px) {
    .cta-trial-btn {
        padding: 1.1em 1.4em;
        margin: 1em 0;
    }
}

@media only screen and (min-width:890px) {
    .cta-trial-btn {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media only screen and (min-width:1200px) {
    .cta-trial-btn {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 1.1em 2em;
    }
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .cta-trial-btn-small {
        padding: .7em 1.4em;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media only screen and (min-width:890px) {
    .cta-trial-btn-small {
        padding: .9em 2em;
    }
}

.block-items {
    margin: 1em 0;
    width: 100%;
}

@media only screen and (min-width:690px) {
    .block-items {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        word-spacing: -4px;
    }
}

@media only screen and (min-width:890px) {
    .block-items {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start;
    }
}

@media only screen and (min-width:890px) {
    .block-items-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
}

@media only screen and (max-width:689px) {
    .block-items-inside {
        padding: 0 20px;
    }
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .block-items-inside {
        margin: 1.5em 0 1.7em;
    }
}

.block-item {
    display: inline-block;
    vertical-align: top;
    margin: 1em 0;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 40px 15px;
    box-shadow: 0 3px 20px 0 rgba(50,50,50,.2);
}

@media only screen and (min-width:690px) {
    .block-item {
        width: 43%;
        display: inline-block;
        word-spacing: normal;
        margin: 1.3em 20px;
    }
}

.block-item-no-shadow {
    display: inline-block;
    vertical-align: top;
    margin: 1em 0;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 40px 15px;
}

@media only screen and (min-width:690px) {
    .block-item-no-shadow {
        width: 43%;
        display: inline-block;
        word-spacing: normal;
        margin: 1.3em 20px;
    }
}

.block-item-no-shadow-partner {
    display: inline-block;
    vertical-align: top;
    margin: 1em 0;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 15px 15px;
}

@media only screen and (min-width:690px) {
    .block-item-no-shadow-partner {
        width: 43%;
        display: inline-block;
        word-spacing: normal;
        margin: 1.3em 20px;
    }
}

@media only screen and (max-width:689px) {
    .block-item-hide {
        display: none;
    }
}

.block-item-inside {
    padding: 40px 15px 20px;
}

@media only screen and (min-width:690px) {
    .block-item-inside {
        width: 42%;
    }
}

@media only screen and (min-width:890px) {
    .block-item-fourth {
        width: 23%;
        margin: 1em 1.237288%;
    }

        .block-item-fourth:nth-child(4n+1) {
            margin-left: 0;
        }

        .block-item-fourth:nth-child(4n+4) {
            margin-right: 0;
        }
}

@media only screen and (min-width:890px) {
    .block-item-partner {
        width: 22.5%;
        margin: 1em 1.237288%;
    }
}

.block-item-square {
    padding: 60px 15px 40px;
    min-height: 0;
    position: relative;
}

.block-item-survey {
    min-height: 0;
    position: relative;
    padding: 60px 15px 45px;
}

@media only screen and (min-width:690px) {
    .block-item-survey {
        padding: 60px 15px 65px;
    }
}

.block-item-survey-category {
    min-height: 0;
    position: relative;
    padding: 60px 15px 45px;
}

@media only screen and (min-width:690px) {
    .block-item-survey-category {
        padding: 60px 15px 85px;
    }
}

@media only screen and (min-width:890px) {
    .block-item-third {
        width: 31.1%;
        margin: 1.2em 1.637288%;
    }

        .block-item-third:nth-child(3n+1) {
            margin-left: 0;
        }

        .block-item-third:nth-child(3n+3) {
            margin-right: 0;
        }
}

@media only screen and (min-width:890px) {
    .block-item-half {
        width: 41%;
        margin: 1em 3.137288%;
    }
}

@media only screen and (min-width:690px) {
    .block-item-single {
        width: 65%;
    }
}

@media only screen and (min-width:890px) {
    .block-item-single {
        width: 45%;
    }
}

@media only screen and (min-width:480px) and (max-width:689px) {
    .block-item-desc {
        max-width: 65%;
        margin: 0 auto;
    }
}

.block-item-desc p {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 1.5em 0 2em;
}

.block-item-desc-inside p {
    margin: 1em 0 1.5em;
}

@media only screen and (min-width:690px) {
    .block-item-desc-inside p {
        margin: 1em 0 1.8em;
    }
}

@media only screen and (min-width:1200px) {
    .block-item-desc-half {
        max-width: 80%;
        margin: 0 auto;
    }
}

@media only screen and (min-width:690px) {
    .block-item-desc-single {
        max-width: 80%;
        margin: 0 auto;
    }
}

.block-item-img {
    height: 60px;
    display: block;
    margin: 0 auto;
}

.block-item-img-large {
    height: 70px;
}

.block-item-title {
    font-size: 20px;
    font-size: 2rem;
    color: #e3002b;
    text-transform: uppercase;
    margin: 1.3em 0 1em;
}

    .block-item-title a {
        color: #e3002b;
    }

        .block-item-title a:hover {
            border-bottom: 1px dotted #e3002b;
        }

.block-item-title-small {
    word-spacing: normal;
    font-size: 18px;
    font-size: 1.8rem;
}

    .block-item-title-small:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 16px;
        font-size: 1.6rem;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-left: .25em;
        position: relative;
        top: 1px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:690px) {
    .block-item-title-small {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.block-item-title-link {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 2.3em 0 1em;
    word-spacing: normal !important;
}

@media only screen and (min-width:690px) {
    .block-item-title-link {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.block-item-link {
    display: inline-block;
    color: #e3002b;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

    .block-item-link:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 20px;
        font-size: 2rem;
        color: #e3002b;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
        padding-left: .5em;
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:890px) and (max-width:959px) {
    .block-item-link:after {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media only screen and (min-width:890px) and (max-width:959px) {
    .block-item-link {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.block-item-link:hover {
    color: #1D252D;
}

    .block-item-link:hover:after {
        color: #1D252D;
    }

@media only screen and (min-width:690px) {
    .block-item-link-fixed {
        position: absolute;
        bottom: 1.8em;
        right: 0;
        left: 0;
    }
}

.block-item-type {
    font-size: 14px;
    font-size: 1.4rem;
    color: #777c81;
    display: block;
    text-transform: uppercase;
    margin: 1.7em 0 0;
}

@media only screen and (min-width:690px) {
    .block-item-type {
        font-size: 12px;
        font-size: 1.2rem;
        position: absolute;
        bottom: 2.8em;
        right: 0;
        left: 0;
        margin: auto;
    }
}

@media only screen and (max-width:689px) {
    .block-item-type-category {
        margin: 1.7em 0;
    }
}

.block-items-btn {
    display: block;
    margin: .5em 0;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .block-items-btn {
        display: inline-block;
        margin: 2em 0;
    }
}

.block-item-img-learning {
    width: 100%;
    height: auto;
}

.block-item-title-learning {
    text-align: left;
}

.block-item-desc-learning {
    text-align: left;
    max-width: none;
    margin-bottom: 1em;
}

@media only screen and (min-width:690px) {
    .block-item-desc-learning {
        margin-bottom: 1.8em;
    }
}

@media only screen and (max-width:689px) {
    .panel-collection {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:690px) {
    .panel-collection {
        text-align: center;
    }
}

@media only screen and (min-width:890px) {
    .panel-collection {
        padding: 1em 0;
        margin: 0;
    }
}

.panel-collection-center {
    text-align: center;
}

@media only screen and (min-width:690px) {
    .panel-heading-collection {
        margin-bottom: .8em;
    }
}

@media only screen and (min-width:690px) {
    .collection {
        word-spacing: -4px;
        /*padding: 0 5%;*/
        padding: 0;
        text-align: left;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (min-width:890px) {
    .collection {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        text-align: center;
    }
}

.collection-center {
    text-align: center;
}

@media only screen and (min-width:690px) {
    .collection-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
}

.collection-group {
    margin: 2.5em 0;
}

@media only screen and (max-width:689px) {
    .collection-group {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:690px) {
    .collection-group {
        width: 50%;
        word-spacing: normal;
        padding: 0 2.5%;
        display: inline-block;
        vertical-align: top;
        margin: 1em 0;
        text-align: center;
        position: relative;
    }
}

@media only screen and (min-width:890px) {
    .collection-group {
        width: 25%;
        margin-bottom: 1.2em;
    }
}

@media only screen and (min-width:960px) {
    .collection-group {
        padding: 0 1.5%;
    }
}

@media only screen and (max-width:689px) {
    .collection-group-border {
        margin-bottom: 1em;
        border-bottom: 1px dashed #ccc;
    }
}

.collection-type {
    font-size: 13px;
    font-size: 1.3rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: block;
    text-transform: uppercase;
    color: #e3002b;
    text-align: left;
    padding-bottom: .5em;
    border-bottom: 1px solid #e3002b;
}

    .collection-type:before {
        font-family: "eca-icons", "eca-icons-extra";
        speak: none;
        font-size: 24px;
        font-size: 2.4rem;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
        padding-right: .2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 35px;
    }

.collection-venue {
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (min-width:690px) {
    .collection-venue {
        width: 87%;
    }
}

@media only screen and (min-width:890px) {
    .collection-venue {
        width: 84%;
    }
}

.collection-title {
    text-transform: uppercase;
    text-align: left;
}

.collection-title-center {
    text-align: center;
}

.collection-link:after {
    font-family: "eca-icons";
    content: "";
    speak: none;
    font-size: 18px;
    font-size: 1.8rem;
    color: inherit;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    padding-left: .25em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.collection-link:hover {
    color: #e3002b;
}

.collection-img-link {
    display: block;
}

.collection-img {
    display: block;
    margin: 0 auto 1.5em;
    height: 70px;
}

.collection-copy {
    text-align: left;
}

@media only screen and (min-width:690px) {
    .collection-content {
        margin-bottom: 6.5em;
    }
}

@media only screen and (min-width:690px) {
    .collection-content-survey {
        margin-bottom: 5em;
    }
}

.collection-group-btn {
    margin: 1.2em 0;
    width: 100%;
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

    .collection-group-btn:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 16px;
        font-size: 1.6rem;
        color: #fff;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-left: .25em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:690px) {
    .collection-group-btn {
        width: 125px;
        margin: 1.5em auto;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

@media only screen and (max-width:689px) {
    .collection-group-btn {
        margin-bottom: 0;
    }
}

.collection-group-link {
    color: #e3002b;
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    text-transform: uppercase;
    margin: 1.5em 0 1.7em;
}

    .collection-group-link:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 20px;
        font-size: 2rem;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-left: .4em;
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:690px) {
    .collection-group-link {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 1.4em auto 1.35em;
    }
}

@media only screen and (min-width:690px) {
    .collection-group-btn-large {
        width: 155px;
    }
}

.collection-btn {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    padding: .7em 1.6em;
}

.panel-heading-feature {
    margin: .7em 0 .5em;
}

@media only screen and (min-width:690px) {
    .panel-heading-feature {
        margin: 1em 0 .6em;
    }
}

.feature {
    width: 100%;
}

@media only screen and (min-width:690px) {
    .feature {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        word-spacing: -4px;
    }
}

.feature-group {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px 20px 30px;
    width: 100%;
    position: relative;
    margin: 2em 0;
    box-shadow: 0 1px 3px 0 rgba(50,50,50,.2);
}

@media only screen and (max-width:689px) {
    .feature-group:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:690px) {
    .feature-group {
        float: left;
        width: 48%;
        word-spacing: normal;
    }

        .feature-group:first-child {
            margin-right: 2%;
        }

        .feature-group:last-child {
            margin-left: 2%;
        }
}

@media only screen and (min-width:890px) {
    .feature-group {
        width: 47.5%;
    }

        .feature-group:first-child {
            margin-right: 2.5%;
        }

        .feature-group:last-child {
            margin-left: 2.5%;
        }
}

.feature-heading {
    background: #e3002b;
    color: #fff;
    padding: 5px 20px 5px 12px;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 2em -25px;
    position: relative;
}

@media only screen and (min-width:890px) {
    .feature-heading {
        margin-bottom: 2.3em;
    }
}

.feature-heading:before {
    content: "\00a0";
    width: 0;
    display: block;
    height: 0;
    border: 5px solid;
    border-color: transparent transparent #ba0023 transparent;
    border-width: 0 0 5px 5px;
    left: 0;
    top: -5px;
    position: absolute;
}

@media only screen and (min-width:690px) {
    .feature-items {
        margin-bottom: 4.5em;
    }
}

.feature-item {
    width: 100%;
    *zoom: 1;
    margin: 0 0 1.2em;
}

    .feature-item:before, .feature-item:after {
        content: " ";
        display: table;
    }

    .feature-item:after {
        clear: both;
    }

    .feature-item:last-child {
        margin-bottom: 2em;
    }

@media only screen and (min-width:480px) {
    .feature-item {
        margin: .5em 0 1.9em;
    }
}

@media only screen and (min-width:890px) {
    .feature-item {
        margin: 1em 0 3em;
    }
}

@media only screen and (max-width:689px) {
    .feature-item-img {
        margin: 1em 0 2em;
    }
}

.feature-title {
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.1;
    margin: 0;
}

.feature-title-img {
    margin: 1em 0 0;
}

@media only screen and (min-width:480px) {
    .feature-title-img {
        margin: 0;
    }
}

.feature-date {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: block;
    color: #777c81;
	padding-top:2%;
}

@media only screen and (min-width:480px) {
    .feature-picture {
        padding-right: 10px;
        width: 29.1970802919708%;
        float: left;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width:690px) and (max-width:890px) {
    .feature-picture {
        display: none;
    }
}

.feature-img {
    display: block;
    max-width: 150px;
}

@media only screen and (min-width:480px) {
    .feature-img {
        max-width: 100%;
    }
}

.feature-content {
    width: 100%;
}

@media only screen and (min-width:480px) {
    .feature-content-img {
        float: left;
        width: 70.8029197080292%;
        padding-left: 10px;
    }
}

@media only screen and (min-width:690px) and (max-width:890px) {
    .feature-content-img {
        width: 100%;
        padding-left: 0;
    }
}

.feature-copy {
    margin: .8em 0 1em;
}

.btn-feature {
    width: 100%;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    padding: .5em 2em .5em;
}

@media only screen and (min-width:690px) {
    .btn-feature {
        width: auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 1.8em;
        width: 78%;
        margin: 0 auto;
    }
}

@media only screen and (min-width:890px) {
    .btn-feature {
        width: 60%;
    }
}

@media only screen and (min-width:1200px) {
    .btn-feature {
        width: 43%;
    }
}

.static-btn .btn-feature {
    position: static;
}

.icon-feature {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 1px 0 0 .3em;
}

.feature-link {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: inline-block;
}

    .feature-link:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 18px;
        font-size: 1.8rem;
        color: #1D252D;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding: .1em 0 0 .2em;
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.wrapper-alert{
    box-shadow: 2px 2px 2px rgba(0,0,0,.25);
    background-color: #ffb549;
    z-index: 1000;
}

.wrapper-message{
    box-shadow: 2px 2px 2px rgba(0,0,0,.25);
    background-color: #1d252d;
    z-index: 1000;
}

.wrapper-notification {
    box-shadow: 2px 2px 2px rgba(0,0,0,.25);
    background: #33b0e4;
    z-index: 1000;
}

.notification {
    text-align: center;
    position: relative;
    padding: .8em 0;
    margin: 0 15px;

}


.white {
  color: #fff;
}

a.white {
  border-bottom: 1px dotted #fff;
  padding-bottom: 3px;
}

@media only screen and (min-width:1200px) {
    .notification {
        margin: 0 26px;
    }
}

.notification-text {
    color: #fff;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
}

.notification-link {
    color: #fff;
    text-decoration: none;
    display: block;
}

    .notification-link:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 10px;
        font-size: 1rem;
        color: #fff;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-left: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .notification-link:hover {
        color: #fff;
    }

@media only screen and (min-width:480px) {
    .notification-link {
        display: inline-block;
    }
}

.notification-close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 21px;
    margin: auto 0;
}

    .notification-close:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 11px;
        font-size: 1.1rem;
        color: #fff;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.notification-close-text {
    position: absolute;
    left: -999em;
    display: block;
}

.logon-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80);
}

.logon-wrapper {
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 5010;
    position: fixed;
    overflow: hidden;
}

    .logon-wrapper.open {
        height: 100%;
        width: 100%;
    }

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

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

.logon-popup {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.logon-popup {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

@media (max-width:450px) {
    .logon-popup {
        width: 95%;
    }
}

.logon-popup .eca-logo {
    text-align: center;
    font-size: 26px;
    font-size: 2.6rem;
}

    .logon-popup .eca-logo:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: #e3002b;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.logon-popup .logon-header {
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: .5em;
    padding-bottom: .3em;
    border-bottom: 1px solid #97AFBB;
}

.logon-popup table {
    width: 100%;
}

.logon-popup .field-wrap-signup {
    width: 100%;
}

.logon-popup .mfp-close {
    top: 0;
    right: 4px;
    color: #1D252D;
}

    .logon-popup .mfp-close:active {
        top: 0;
        right: 4px;
    }

.logon-popup .LoginPanelPasswordRetrieval .CaptchaTable td {
    display: block;
}

    .logon-popup .LoginPanelPasswordRetrieval .CaptchaTable td:first-child {
        margin-bottom: 10px;
    }

    .logon-popup .LoginPanelPasswordRetrieval .CaptchaTable td img {
        margin: 0;
    }

.case-studies-btn {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin: 1em 0 2em 0;
    padding: .7em 1.7em;
}

    .case-studies-btn:after {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: inherit;
        color: inherit;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-left: .4em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media only screen and (min-width:480px) {
    .eca-services-items-case-study {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        word-spacing: -4px;
    }
}

.eca-services-title-case-study {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: left;
}

.eca-services-item-case-study {
    position: relative;
    margin: 2em auto 1.3em;
}

@media only screen and (min-width:480px) {
    .eca-services-item-case-study {
        vertical-align: top;
        display: inline-block;
        float: none;
        word-spacing: normal;
    }
}

@media only screen and (min-width:690px) {
    .eca-services-item-case-study {
        margin: 2em 6% 0;
    }
}

@media only screen and (min-width:890px) {
    .eca-services-item-case-study {
        margin: 2em 2.237288% 1em;
        width: 20.544068%;
    }
}

.eca-services-content-case-study {
    text-align: left;
    height: auto;
    margin-bottom: 1em;
}

@media only screen and (min-width:690px) {
    .eca-services-content-case-study {
        margin-bottom: 5em;
    }
}

@media only screen and (min-width:890px) and (max-width:959px) {
    .eca-services-content-case-study {
        margin-bottom: 4em;
    }
}

.case-study-img {
    display: block;
    width: 100%;
    margin-bottom: 1em;
}

@media only screen and (min-width:690px) {
    .eca-services-link-case-study {
        position: absolute;
        bottom: 1.8em;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

.wrapper-report {
    background: #f5f5f5;
}

.report-page-header {
    width: 100%;
    *zoom: 1;
    padding: 0 10px;
    margin: 1.7em 0 1em;
}

    .report-page-header:before, .report-page-header:after {
        content: " ";
        display: table;
    }

    .report-page-header:after {
        clear: both;
    }

@media only screen and (min-width:480px) {
    .report-page-header {
        padding: 0 15px;
    }
}

@media only screen and (min-width:960px) {
    .report-page-header {
        padding: 0 20px;
    }
}

@media only screen and (min-width:1200px) {
    .report-page-header {
        padding: 0 10px;
    }
}

.change-report {
    background: #DDE5ED;
    padding: 10px;
    margin: 1.5em 10px 1em;
    border-radius: 3px;
    *zoom: 1;
}

    .change-report:before, .change-report:after {
        content: " ";
        display: table;
    }

    .change-report:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .change-report {
        margin: 2em 0 1em;
    }
}

@media only screen and (min-width:890px) {
    .change-report {
        *zoom: 1;
    }

        .change-report:before, .change-report:after {
            content: " ";
            display: table;
        }

        .change-report:after {
            clear: both;
        }
}

.change-report-title {
    font-size: 14px;
    font-size: 1.4rem;
    color: #1D252D;
    margin: .7em 0 .8em;
    display: block;
    border-radius: 3px;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .change-report-title {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 10px;
    }
}

@media only screen and (min-width:890px) {
    .change-report-title {
        float: left;
        display: inline;
        width: 22%;
        margin: 1.1em 0;
        max-width: 160px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.report-title {
    color: #1D252D;
    margin-bottom: 1em;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 10px;
}

@media only screen and (min-width:690px) {
    .report-title {
        font-size: 36px;
        font-size: 3.6rem;
        padding: 0;
        margin-bottom: .5em;
    }
}

.report-item-article {
    width: 100%;
}

@media only screen and (min-width:890px) {
    .report-item-article {
        width: 73.45971563981043%;
        padding-right: 15px;
    }
}

.report-item-links {
    width: 100%;
}

@media only screen and (min-width:690px) {
    .report-item-links {
        padding: 0;
        width: 100%;
        margin: 1em 0;
    }
}

@media only screen and (min-width:890px) {
    .report-item-links {
        float: right;
        display: inline;
        width: 26.54028436018957%;
        padding-left: 15px;
        margin-top: .5em;
    }
}

.report-item-links a {
    display: block;
    width: 100%;
    margin: 1em 0;
    text-align: center;
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .report-item-links a {
        display: inline-block;
        width: auto;
        margin: .5em;
    }

        .report-item-links a:first-child {
            margin-left: 0;
        }
}

@media only screen and (min-width:890px) {
    .report-item-links a {
        margin: 1em 0 1.7em auto;
        max-width: 180px;
    }
}

.report-btn {
    display: block;
    margin: 1em 10px;
}

@media only screen and (min-width:690px) {
    .report-btn {
        margin: 1em 0;
    }
}

.report-btn-text {
    text-align: center;
    color: #777c81;
}

@media only screen and (min-width:690px) {
    .report-btn-text {
        margin: 1.7em 0;
    }
}

.report-subscription {
    margin: -.5em 0 1.5em;
    position: relative;
}

@media only screen and (min-width:690px) {
    .report-subscription {
        margin-top: 1.5em;
    }
}

@media only screen and (min-width:960px) {
    .report-subscription {
        margin-top: 1.8em;
    }
}

.report-subscription p {
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 1em 0;
}

@media only screen and (min-width:690px) {
    .report-subscription p {
        margin: 1.5em 0;
    }
}

@media only screen and (min-width:890px) {
    .report-subscription p {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.report-subscription p a {
    text-decoration: none;
    border-bottom: 1px dotted #777c81;
    padding-bottom: 2px;
}

    .report-subscription p a:hover {
        color: #e3002b;
        border-bottom: 1px dotted #e3002b;
    }

.report-subscription-title {
    font-size: 20px;
    font-size: 2rem;
    display: block;
}

@media only screen and (min-width:690px) {
    .report-subscription-title {
        font-size: 22px;
        font-size: 2.2rem;
    }
}

@media only screen and (max-width:689px) {
    .report-options {
        padding: 0 10px;
        text-align: left !important;
    }
}

.report-options a {
    margin: .5em 0;
}

@media only screen and (max-width:689px) {
    .report-options a {
        width: 100%;
    }
}

@media only screen and (min-width:690px) {
    .report-options a {
        margin: 1em .5em;
    }

        .report-options a:first-child {
            margin-left: 0;
        }

        .report-options a:last-child {
            margin-right: 0;
        }
}

.expand-link {
    padding: 0 10px;
    display: block;
    margin: 1em 0;
    color: #777c81;
    float: right;
}

@media only screen and (min-width:690px) {
    .expand-link {
        padding: 0;
    }
}

.expand-link:hover {
    color: #e3002b;
}

.expand {
    border-bottom: 1px dotted;
    padding-bottom: 3px;
}

    .expand:hover {
        border-bottom: 1px dotted #e3002b;
    }

.tools-wrapper {
    padding: 0 10px;
    margin: 0 0 1em;
    position: relative;
}

@media only screen and (min-width:690px) {
    .tools-wrapper {
        top: -1px;
    }
}

@media only screen and (min-width:480px) {
    .tools-wrapper {
        padding: 0 15px;
    }
}

@media only screen and (min-width:960px) {
    .tools-wrapper {
        padding: 0 20px;
    }
}

@media only screen and (min-width:1200px) {
    .tools-wrapper {
        padding: 0 10px;
    }
}

.tools {
    background: #fff;
    border: 1px solid #777c81;
    overflow: hidden;
    z-index: 100;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 10px;
}

@media only screen and (max-width:689px) {
    .btn-tools {
        width: 100%;
        margin: .5em 0;
    }
}

@media only screen and (min-width:690px) {
    .btn-tools {
        margin: 0 .5em;
        float: left;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }
}

@media only screen and (min-width:690px) {
    .btn-tools-last {
        margin-right: 0;
        float: right;
    }
}

.btn-tools-active {
    color: #e3002b;
    border: 1px solid #e3002b;
}

@media only screen and (min-width:690px) {
    .btn-tools-active {
        border-color: #777c81;
        border-bottom-color: #fff;
        border-radius: 3px 3px 0 0;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        position: relative;
        z-index: 110;
        padding: .9em;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }
}

.btn-tools-active:hover, .btn-tools-active:active {
    border-color: #e3002b;
}

@media only screen and (min-width:690px) {
    .btn-tools-active:hover, .btn-tools-active:active {
        border-color: #777c81;
        border-bottom-color: #fff;
    }
}

.tools-close {
    text-align: right;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 1em 5px 1.5em;
    z-index: 10;
    display: block;
    cursor: pointer;
    color: #777c81;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

@media only screen and (min-width:690px) {
    .tools-close {
        padding: 1em 20px 1.5em;
    }
}

@media only screen and (min-width:960px) {
    .tools-close {
        padding: 1em 30px 1.5em;
    }
}

.tools-close:hover {
    color: #e3002b;
}

@media only screen and (max-width:689px) {
    .tools-close-padd {
        padding-bottom: 1em;
    }
}

@media only screen and (max-width:689px) {
    .workpad {
        padding: 0 5px;
    }
}

@media only screen and (min-width:960px) {
    .workpad:before {
        content: "\00a0";
        width: 1px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        background: #e5e5e5;
        height: 70%;
        margin: auto;
    }
}

.workpad-warning {
    display: block;
    width: 100%;
    color: #777c81;
    font-style: italic;
    font-size: 13px;
    font-size: 1.3rem;
    top: -5px;
    position: relative;
}

.workpad-category {
    width: 100%;
}

@media only screen and (min-width:690px) {
    .workpad-category {
        width: 50%;
        padding: 5px 20px 10px;
        float: left;
    }
}

@media only screen and (min-width:960px) {
    .workpad-category {
        padding: 15px 60px 20px;
    }
}

.workpad-title {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: .5em;
    color: #1D252D;
    margin: 1em 0 0;
    font-size: 24px;
    font-size: 2.4rem;
}

.workpad-item {
    border-bottom: 1px dashed #e5e5e5;
    padding: 1em 0;
    width: 100%;
    *zoom: 1;
    position: relative;
}

    .workpad-item:before, .workpad-item:after {
        content: " ";
        display: table;
    }

    .workpad-item:after {
        clear: both;
    }

    .workpad-item:last-child {
        border-bottom: 0;
    }

.workpad-link {
    text-decoration: none;
    font-size: 16px;
    font-size: 1.6rem;
    color: #1D252D;
    padding-right: 15px;
    max-width: 80%;
    display: block;
}

@media only screen and (min-width:890px) {
    .workpad-link {
        max-width: none;
    }
}

.workpad-link:hover {
    color: #e3002b;
}

.workpad-icon-close {
    font-size: 15px;
    font-size: 1.5rem;
    cursor: pointer;
    padding: .2em 1em 0 0;
    color: #777c81;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    height: 20px;
}

    .workpad-icon-close:hover {
        color: #e3002b;
    }

.workpad-date {
    font-style: italic;
    font-size: 12px;
    font-size: 1.2rem;
    color: #777c81;
}

.quick-tools {
    padding: 15px 5px 0;
    *zoom: 1;
}

    .quick-tools:before, .quick-tools:after {
        content: " ";
        display: table;
    }

    .quick-tools:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .quick-tools {
        padding: 20px;
    }
}

@media only screen and (min-width:890px) {
    .quick-tools {
        padding: 10px 50px;
    }
}

.quick-tools-dropdown {
    display: none;
}

@media only screen and (min-width:690px) {
    .quick-tools-dropdown {
        margin-top: .5em;
    }
}

@media only screen and (min-width:890px) {
    .quick-tools-dropdown {
        margin-top: 1em;
    }
}

@media only screen and (min-width:690px) and (max-width:959px) {
    .quick-tools-dropdown {
        display: block;
    }
}

.quick-tools-form {
    width: 100%;
    *zoom: 1;
}

    .quick-tools-form:before, .quick-tools-form:after {
        content: " ";
        display: table;
    }

    .quick-tools-form:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .quick-tools-form {
        width: 50%;
        float: left;
        display: inline;
        padding-right: 10px;
    }
}

@media only screen and (min-width:890px) {
    .quick-tools-form {
        max-width: 46.583333%;
    }
}

@media only screen and (min-width:690px) {
    .quick-tools-wrapper {
        float: right;
        display: inline;
        width: 50%;
        padding-left: 10px;
    }
}

.quick-tools-results {
    width: 100%;
    border-radius: 3px;
    padding: 10px 20px;
    background: #EEF1F4;
    margin-bottom: 1.3em;
}

@media only screen and (min-width:690px) {
    .quick-tools-results {
        margin-top: 36px;
        background: #DDE5ED;
        height: 231px;
    }
}

.quick-tools-title {
    color: #1D252D;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: 1px solid #c9d1d9;
    display: block;
    width: 100%;
    margin: .5em 0;
    padding-bottom: .6em;
}

.quick-tools-item {
    margin: 1.4em 0;
}

.quick-tools-item-title {
    font-size: 14px;
    font-size: 1.4rem;
    color: #777c81;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: block;
    margin: .3em 0;
}

.quick-tools-text {
    text-transform: uppercase;
    color: #1D252D;
    font-size: 18px;
    font-size: 1.8rem;
    margin: .3em 0;
}

.report-builder-details {
    margin: .5em 0;
}

.report-builder-detail {
    font-size: 12px;
    font-size: 1.2rem;
    color: #777c81;
    font-style: italic;
    display: block;
    margin: .5em 0;
}

@media only screen and (min-width:690px) {
    .report-builder-detail {
        display: inline-block;
        margin: 0 .5em 1em;
    }

        .report-builder-detail:first-child {
            margin-left: 0;
        }

        .report-builder-detail:last-child {
            margin-right: 0;
        }
}

.report-builder-emphasis {
    text-transform: uppercase;
    font-style: normal;
}

.report-builder-actions {
    *zoom: 1;
    position: relative;
    margin: .5em 10px;
}

    .report-builder-actions:before, .report-builder-actions:after {
        content: " ";
        display: table;
    }

    .report-builder-actions:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .report-builder-actions {
        margin: .5em 0;
    }
}

.report-builder-select {
    margin: .7em 0 1.4em;
    width: 100%;
}

@media only screen and (min-width:690px) {
    .report-builder-select {
        float: right;
        margin: .7em 0;
        width: auto;
    }
}

.report-builder-select .fake-select {
    padding: .8em 1.2em;
    font-size: 16px;
    font-size: 1.6rem;
}

    .report-builder-select .fake-select:before {
        padding: 2px 10px;
    }

.report-builder-select .field-label {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    font-size: 16px;
    font-size: 1.6rem;
}

@media only screen and (min-width:690px) {
    .report-builder-select .field-label {
        display: inline-block;
        padding: 0 1em;
        width: auto;
    }
}

.report-builder-select .field-select-wrap {
    width: 100%;
}

@media only screen and (min-width:690px) {
    .report-builder-select .field-select-wrap {
        display: inline-block;
        min-width: 225px;
        width: auto;
    }
}

.report-builder-edit-sections {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    *zoom: 1;
    margin: 1.2em 10px 1.7em;
}

    .report-builder-edit-sections:before, .report-builder-edit-sections:after {
        content: " ";
        display: table;
    }

    .report-builder-edit-sections:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .report-builder-edit-sections {
        margin: 1.2em 0 2.1em;
    }
}

.report-builder-sub-heading {
    font-size: 24px;
    font-size: 2.4rem;
    margin: .8em 0;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .report-builder-sub-heading {
        float: left;
    }
}

.report-builder-edit {
    font-size: 16px;
    font-size: 1.6rem;
    color: #777c81;
    cursor: pointer;
    text-decoration: none;
}

@media only screen and (min-width:690px) {
    .report-builder-edit {
        font-size: 17px;
        font-size: 1.7rem;
    }
}

.report-builder-edit:hover {
    color: #087fb8;
}

.accord-report-builder {
    border: 2px solid #DDE5ED;
    margin-bottom: 2px;
    margin: 0 10px 2px;
}

@media only screen and (min-width:690px) {
    .accord-report-builder {
        margin: 0 0 2px;
    }
}

.accord-report-builder:last-child {
    margin-bottom: 1.7em;
}

.accord-report-builder-heading {
    margin: .6em 0 .6em 1.1em;
    font-size: 20px;
    font-size: 2rem;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

@media only screen and (min-width:690px) {
    .accord-report-builder-heading {
        float: left;
        font-size: 22px;
        font-size: 2.2rem;
        margin: .7em 0 .7em 1.1em;
    }
}

@media only screen and (min-width:890px) {
    .accord-report-builder-heading {
        font-size: 24px;
        font-size: 2.4rem;
        margin: .6em 0 .5em 1.1em;
    }
}

.report-builder-controls {
    margin: 1em 1.5em .8em;
    *zoom: 1;
}

    .report-builder-controls:before, .report-builder-controls:after {
        content: " ";
        display: table;
    }

    .report-builder-controls:after {
        clear: both;
    }

@media only screen and (min-width:690px) {
    .report-builder-controls {
        margin: .8em 3.8em .6em 0;
        float: right;
        border-right: 1px solid #ccc;
        padding-right: 1em;
    }
}

@media only screen and (min-width:890px) {
    .report-builder-controls {
        margin: .7em 3.8em .6em;
    }
}

.btn-report-sections {
    margin: .5em 0;
    display: block;
    text-align: center;
}

@media only screen and (min-width:690px) {
    .btn-report-sections {
        margin: 1em 0;
        float: right;
    }
}

.toggle-report-builder {
    padding-right: .4em;
}

@media only screen and (max-width:689px) {
    .toggle-report-builder {
        top: 14px;
        margin: 0;
    }
}

.vision-values-wrapper .eca-services-title {
    margin-right: 22px;
    width: 100%;
}

.vision-values-wrapper .eca-services-content {
    height: auto;
}

@media only screen and (min-width:890px) {
    .vision-values-wrapper .eca-services-item {
        margin-left: 80px;
        margin-right: 80px;
        margin-top: 0;
        margin-bottom: 0;
        height: 210px;
        padding: 0;
    }

        .vision-values-wrapper .eca-services-item:first-child, .vision-values-wrapper .eca-services-item:nth-child(4) {
            margin-left: 0;
        }

        .vision-values-wrapper .eca-services-item:last-child, .vision-values-wrapper .eca-services-item:nth-child(3) {
            margin-right: 0;
        }
}

.about-services:first-child.border-top {
    border-top: 0;
}

.about-services-wrapper {
    display: block;
}

    .about-services-wrapper .about-services-heading {
        width: 100%;
        display: inline-block;
    }

@media only screen and (min-width:690px) {
    .about-services-wrapper.img-align-left .about-services-image, .about-services-wrapper.img-align-right .about-services-image {
        display: block;
    }
}

@media only screen and (min-width:890px) {
    .about-services-wrapper.img-align-left .about-services-image, .about-services-wrapper.img-align-right .about-services-image {
        width: 45%;
        height: 220px;
        display: inline-block;
        float: left;
        overflow: hidden;
        position: relative;
        margin-top: 1em;
    }
}

@media only screen and (min-width:890px) {
    .about-services-wrapper.img-align-left .about-services-image img, .about-services-wrapper.img-align-right .about-services-image img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
    }
}

@media only screen and (min-width:890px) {
    .about-services-wrapper.img-align-left .about-services-text, .about-services-wrapper.img-align-right .about-services-text {
        width: 45%;
        display: inline-block;
        float: left;
    }
}

@media only screen and (min-width:890px) {
    .about-services-wrapper.img-align-left .about-services-heading, .about-services-wrapper.img-align-right .about-services-heading {
        width: 45%;
        display: inline-block;
        float: left;
    }
}

@media only screen and (min-width:890px) {
    .about-services-wrapper.img-align-left .about-services-heading {
        float: right;
    }
}

@media only screen and (min-width:890px) {
    .about-services-wrapper.img-align-left .about-services-text {
        float: right;
    }
}

@media only screen and (min-width:890px) {
    .about-services-wrapper.img-align-right .about-services-image {
        float: right;
    }
}

.about-client-logos-wrapper {
    width: 100%;
    display: block;
}

    .about-client-logos-wrapper .eca-services-content {
        height: auto;
    }

@media only screen and (min-width:890px) {
    .about-client-logos-wrapper .eca-services-item {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0;
        margin-bottom: 0;
        height: auto;
        padding: 0;
    }

        .about-client-logos-wrapper .eca-services-item:first-child {
            margin-left: 0;
        }

        .about-client-logos-wrapper .eca-services-item:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width:890px) {
    .about-blockquote-wrapper {
        width: 100%;
        height: auto;
        display: block;
    }
}

@media only screen and (min-width:890px) {
    .about-blockquote-wrapper .about-blockquote {
        width: 48%;
        float: left;
        height: auto;
        display: inline-block;
    }
}

@media only screen and (min-width:890px) {
    .about-blockquote-wrapper .about-blockquote:first-child {
        margin-right: 23px;
    }
}

.about-blockquote-wrapper .about-blockquote:last-child {
    padding-top: 20px;
}

@media only screen and (min-width:890px) {
    .about-blockquote-wrapper .about-blockquote:last-child {
        padding-top: 20px;
    }
}


@media only screen and (min-width:890px) {
    .about-blockquote-wrapper .about-blockquote-single {
        float: left;
        height: auto;
        display: inline-block;
    }
}

@media only screen and (min-width:890px) {
    .about-blockquote-wrapper .about-blockquote-single:first-child {
        margin-right: 23px;
    }
}

.about-blockquote-wrapper .about-blockquote-single:last-child {
    padding-top: 0px;
}



@media only screen and (min-width:890px) {
    .about-blockquote-wrapper .about-blockquote-single:last-child {
        padding-top: 0px;
    }
}

.about-blockquote-wrapper .region-cite {
    margin-top: 12px;
    float: left;
}

.about-blockquote-wrapper .region-quote {
    padding-top: 4px;
}

.sign-in table, .sign-in tr, .sign-in td, .sign-in thead, .sign-in tbody, .sign-in th {
    display: block;
    width: 100%;
}

.sign-in-forgot {
    border-bottom: 1px dotted;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 1em 0;
    display: inline-block;
}

.office .office-body {
    display: inline-block;
    vertical-align: top;
    width: 36%;
}

    .office .office-body .office-copy h3 {
        font-size: 22px;
        font-size: 2.2rem;
        margin-top: 0;
    }

.office .office-map {
    height: 280px;
    width: 60%;
    display: inline-block !important;
    border: 1px solid #e5e5e5;
}

@media (max-width:690px) {
    .office .office-body {
        width: 100%;
    }

    .office .office-map {
        width: 100%;
    }
}

.office:last-child {
    margin-bottom: 50px;
}

.about-client-logos-wrapper {
    margin-bottom: .5em;
}

@media only screen and (min-width:690px) {
    .about-client-logos-wrapper {
        margin-bottom: 1.5em;
    }
}

.owl-panel-carousel {
    padding: 0 40px;
}

    .owl-panel-carousel .owl-stage-outer {
        padding-left: 5%;
    }

    .owl-panel-carousel .owl-stage {
        word-spacing: -4px;
    }

    .owl-panel-carousel .owl-item {
        display: inline-block;
        vertical-align: middle;
        word-spacing: normal;
        float: none !important;
    }

    .owl-panel-carousel .owl-prev {
        left: 0;
    }

        .owl-panel-carousel .owl-prev:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 30px;
            font-size: 3rem;
            color: #777c81;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .owl-panel-carousel .owl-prev:hover:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 30px;
            font-size: 3rem;
            color: #e3002b;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .owl-panel-carousel .owl-next {
        right: 0;
    }

        .owl-panel-carousel .owl-next:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 30px;
            font-size: 3rem;
            color: #777c81;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .owl-panel-carousel .owl-next:hover:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 30px;
            font-size: 3rem;
            color: #e3002b;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .owl-panel-carousel .owl-prev, .owl-panel-carousel .owl-next {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 25px;
        height: 52px;
        text-align: center;
        padding: 11px 0;
        z-index: 2;
    }

.vacancies {
    padding: 1.5em 0;
}

.vacancy {
    margin: 2em 0;
}

    .vacancy:first-child {
        margin: 0 0 2em 0;
    }

    .vacancy:last-child {
        margin: 2em 0 .3em 0;
    }

@media only screen and (min-width:690px) {
    .vacancy:last-child {
        margin-bottom: .2em;
    }
}

.vacancy-title {
    font-size: 24px;
    font-size: 2.4rem;
    color: #1D252D;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    margin: 0 0 .5em 0;
}

@media only screen and (min-width:690px) and (max-width:889px) {
    .vacancy-title {
        font-size: 21px;
        font-size: 2.1rem;
    }
}

@media only screen and (min-width:890px) {
    .vacancy-title {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

.vacancy-location {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    color: #777c81;
    display: block;
    margin: 1em 0;
}

.dotted {
    border-bottom: 1px dotted;
}

.capitals {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.halve-top {
    margin-top: .5em;
}

.halve-bottom {
    margin-bottom: .5em;
}

@media only screen and (min-width:690px) {
    .halve-bottom-tablet {
        margin-bottom: .5em;
    }
}

@media only screen and (max-width:689px) {
    .halve-top-mobile {
        margin-top: .5em;
    }
}

.single-top {
    margin-top: 1em;
}

.single-bottom {
    margin-bottom: 1em;
}

@media only screen and (max-width:689px) {
    .single-top-mobile {
        margin-top: 1em;
    }
}

@media only screen and (min-width:690px) {
    .single-top-tablet {
        margin-top: 1em;
    }
}

@media only screen and (max-width:689px) {
    .single-bottom-mobile {
        margin-bottom: 1em;
    }
}

@media only screen and (min-width:690px) {
    .single-bottom-tablet {
        margin-bottom: 1em;
    }
}

.double-top {
    margin-top: 2em;
}

.double-bottom {
    margin-bottom: 2em;
}

@media only screen and (max-width:689px) {
    .double-top-mobile {
        margin-top: 2em;
    }
}

@media only screen and (max-width:689px) {
    .double-bottom-mobile {
        margin-bottom: 2em;
    }
}

@media only screen and (min-width:690px) {
    .double-top-tablet {
        margin-top: 2em;
    }
}

@media only screen and (min-width:890px) {
    .double-top-desktop {
        margin-top: 2em;
    }
}

@media only screen and (min-width:690px) {
    .double-bottom-tablet {
        margin-bottom: 2em;
    }
}

@media only screen and (min-width:890px) {
    .double-bottom-desktop {
        margin-bottom: 2em;
    }
}

@media only screen and (min-width:690px) {
    .triple-bottom-tablet {
        margin-bottom: 3em;
    }
}

@media only screen and (min-width:890px) {
    .triple-bottom-desktop {
        margin-bottom: 3em;
    }
}

.collapse {
    margin: 0;
}

.collapse-bottom {
    margin-bottom: 0 !important;
}

.collapse-top {
    margin-top: 0 !important;
}

@media only screen and (min-width:690px) {
    .collapse-top-tablet {
        margin-top: 0;
    }
}

@media only screen and (min-width:690px) {
    .collapse-bottom-tablet {
        margin-bottom: 0;
    }
}

@media only screen and (max-width:689px) {
    .collapse-top-mobile {
        margin-top: 0;
    }
}

.thin {
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.light {
    font-family: "gotham narrow book","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.medium {
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.bold {
    font-family: "gotham narrow bold","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.italic {
    font-style: italic;
}

.white {
    color: #fff;
}

.black {
    color: #000;
}

.red {
    color: #e3002b;
}

.green {
    color: #00C389;
}

.blue-secondary {
    color: #009CDE;
}

.blue {
    color: #087fb8;
}

.silver {
    color: #ccc;
}

.grey-light {
    color: #777c81;
}

.grey-medium {
    color: #777c81;
}

.grey {
    color: #1D252D;
}

.twitter-blue {
    color: #3cf;
}

.facebook-blue {
    color: #3b5998;
}

.linkedin-blue {
    color: #0a66c1;
}

.border-iron {
    border: 1px solid #e5e5e5;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

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

.bg-white {
    background: #fff;
}

.bg-red {
    background: #e3002b;
}

.bg-grey {
    background: #f5f5f5;
}

.bg-dark-grey {
    background: #505563;
}

.bg-black {
    background: #1d252d;
}
 .bg-blue {
 background: #33b0e4;
 }
 
 .bg-blue-extra-light {
	 background:#a4d9ef;
 }


.bg-light-blue {
    background: #DDE5ED;
}

.bg-lines {
    background: url(/SiteImages/bg/lines.png) repeat left top;
}

.bg-lines-red-1 {
    background: url(/SiteImages/bg/lines_red1.png) repeat left top;
}

.bg-lines-red-2 {
    background: url(/SiteImages/bg/lines_red2.png) repeat left top;
}

.bg-lines-midgrey {
    background: url(/SiteImages/bg/lines_midgrey.png) repeat left top;
}

.bg-numbers {
    background: #f5f5f5;
}

@media only screen and (min-width:890px) {
    .bg-numbers {
        background: #f5f5f5 url(/SiteImages/bg/numbers.svg) no-repeat center top;
    }
}

.bg-product-grey-white {
    background: #1d252d;
}

@media only screen and (min-width:890px) {
    .bg-product-grey-white {
        background: #1d252d url(/SiteImages/bg/Product_justnumbers.svg) no-repeat center top;
    }
}

.bg-product-red-white {
    background: #e3002b;
}

@media only screen and (min-width:890px) {
    .bg-product-red-white {
        background: #e3002b url(/SiteImages/bg/Product_justnumbers.svg) no-repeat center top;
    }
}

.bg-product-red {
    background: #e3002b;
}

@media only screen and (min-width:890px) {
    .bg-product-red {
        background: #e3002b url(/SiteImages/bg/Product_darkred.svg) no-repeat center top;
    }
}

.bg-product-blue {
    background: #009CDE;
}

@media only screen and (min-width:890px) {
    .bg-product-blue {
        background: #009CDE url(/SiteImages/bg/Product_blue.svg) no-repeat center top;
    }
}

.bg-binary {
    background: #f5f5f5;
}

@media only screen and (min-width:890px) {
    .bg-binary {
        background: #f5f5f5 url(/SiteImages/bg/binary-white.jpg) no-repeat center top;
    }
}

.bg-alt-grey:nth-child(odd) {
    background: #f5f5f5;
}

.bg-alt-grey:nth-child(even) {
    background: #fff;
}

.greyscale {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -moz-filter: grayscale(1);
}

.f-xxsmall {
    font-size: 12px !important;
    font-size: 1.2rem !important;
}

.f-xsmall {
    font-size: 13px !important;
    font-size: 1.3rem !important;
}

.f-small {
    font-size: 14px !important;
    font-size: 1.4rem !important;
}

.f-smedium {
    font-size: 15px !important;
    font-size: 1.5rem !important;
}

.f-medium {
    font-size: 16px !important;
    font-size: 1.6rem !important;
}

.f-lmedium {
    font-size: 17px !important;
    font-size: 1.7rem !important;
}

.f-large {
    font-size: 18px !important;
    font-size: 1.8rem !important;
}

.f-mslarge {
    font-size: 20px !important;
    font-size: 2rem !important;
}

.f-mlarge {
    font-size: 22px !important;
    font-size: 2.2rem !important;
}

.f-xlarge {
    font-size: 24px !important;
    font-size: 2.4rem !important;
}

.f-xxlarge {
    font-size: 28px !important;
    font-size: 2.8rem !important;
}

.f-xxxlarge {
    font-size: 36px !important;
    font-size: 3.6rem !important;
}

.f-x4large {
    font-size: 40px !important;
    font-size: 4rem !important;
}

.f-x5large {
    font-size: 48px !important;
    font-size: 4.8rem !important;
}

.lh-reset {
    line-height: 1;
}

.float-r {
    float: right;
}

@media only screen and (min-width:690px) {
    .float-r-tablet {
        float: right;
    }
}

.float-l {
    float: left;
}

@media only screen and (min-width:690px) {
    .float-l-tablet {
        float: left;
    }
}

.w-auto {
    width: auto;
}

.left {
    left: 0;
}

.right {
    right: 0;
}

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

.text-left {
    text-align: left;
}

.v-middle {
    vertical-align: middle;
}

.v-top {
    vertical-align: top;
}

.page-padding {
    padding: 0 10px;
}

@media only screen and (min-width:480px) {
    .page-padding {
        padding: 0 15px;
    }
}

@media only screen and (min-width:960px) {
    .page-padding {
        padding: 0 20px;
    }
}

@media only screen and (min-width:1200px) {
    .page-padding {
        padding: 0 10px;
    }
}

@media only screen and (max-width:689px) {
    .page-padding-mobile {
        padding: 0 10px;
    }
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

@media only screen and (min-width:690px) {
    .center-tablet {
        text-align: center;
    }
}

.wide {
    width: 100%;
}

@media only screen and (max-width:689px) {
    .wide-mobile {
        width: 100%;
    }
}

.inline {
    display: inline-block;
}

.block {
    display: block;
}

.hide {
    display: none;
}

.hide-text {
    text-indent: -999em;
}

@media only screen and (max-width:689px) {
    .hide-mobile {
        display: none;
    }
}

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

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

.no-padding {
    padding: 0;
}

.pd-single-top {
    padding-top: 1em;
}

.pd-single-bottom {
    padding-bottom: 1em;
}

.pd-double-top {
    padding-top: 2em;
}

.pd-double-bottom {
    padding-bottom: 2em;
}

.pd-triple-top {
    padding-top: 3em;
}

.pd-triple-bottom {
    padding-bottom: 3em;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

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

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            -webkit-transform-style: preserve-3d;
        }

    .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        display: none;
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.owl-carousel-clients {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

    .owl-carousel-clients .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel-clients .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel-clients .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0);
    }

    .owl-carousel-clients .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel-clients .owl-item img {
            display: block;
            -webkit-transform-style: preserve-3d;
        }

    .owl-carousel-clients .owl-nav.disabled, .owl-carousel-clients .owl-dots.disabled {
        display: none;
    }

    .owl-carousel-clients .owl-nav .owl-prev, .owl-carousel-clients .owl-nav .owl-next, .owl-carousel-clients .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel-clients.owl-loaded {
        display: block;
    }

    .owl-carousel-clients.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel-clients.owl-hidden {
        opacity: 0;
    }

    .owl-carousel-clients.owl-refresh .owl-item {
        display: none;
    }

    .owl-carousel-clients.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel-clients.owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab;
    }

    .owl-carousel-clients.owl-rtl {
        direction: rtl;
    }

        .owl-carousel-clients.owl-rtl .owl-item {
            float: right;
        }

.no-js .owl-carousel-clients {
    display: block;
}

.owl-carousel-clients .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel-clients .owl-animated-in {
    z-index: 0;
}

.owl-carousel-clients .owl-animated-out {
    z-index: 1;
}

.owl-carousel-clients .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3,1.3);
        -moz-transition: scale(1.3,1.3);
        -ms-transition: scale(1.3,1.3);
        -o-transition: scale(1.3,1.3);
        transition: scale(1.3,1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1);
    backface-visibility: hidden;
    transform: translateZ(0) scale(1,1);
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80);
}

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

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

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

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

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

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

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

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

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

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

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

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

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

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

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

        .mfp-preloader a:hover {
            color: #FFF;
        }

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

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

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

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 1em;
    top: 1em;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 22px;
    font-size: 2.2rem;
    font-family: Arial,Baskerville,monospace;
}

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

    .mfp-close:active {
        top: 1.1em;
    }

.mfp-close-btn-in .mfp-close {
    color: #1D252D;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-figure {
    line-height: 0;
}

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

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

    .mfp-figure figure {
        margin: 0;
    }

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

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

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

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

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.Zebra_DatePicker {
    position: absolute;
    background: #000;
    border: 1px solid #000;
    z-index: 1200;
    font-size: 13px;
    top: 0;
}

    .Zebra_DatePicker * {
        margin: 0;
        padding: 0;
        background: transparent;
        border: none;
    }

    .Zebra_DatePicker table {
        border-collapse: collapse;
        border-spacing: 0;
        width: auto;
        table-layout: auto;
    }

    .Zebra_DatePicker td, .Zebra_DatePicker th {
        text-align: center;
        padding: 5px 0;
    }

    .Zebra_DatePicker td {
        cursor: pointer;
    }

    .Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td {
        background: #fff;
        width: 30px;
        padding: 10px 5px;
    }

    .Zebra_DatePicker.dp_visible {
        visibility: visible;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        transition: opacity 0.2s ease-in-out;
    }

    .Zebra_DatePicker.dp_hidden {
        visibility: hidden;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }

    .Zebra_DatePicker .dp_header {
        height: 40px;
    }

        .Zebra_DatePicker .dp_header td {
            color: #FFF;
        }

        .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next {
            width: 30px;
        }

            .Zebra_DatePicker .dp_header .dp_previous .icon:before {
                font-family: "eca-icons";
                content: "";
                speak: none;
                font-size: 20px;
                font-size: 2rem;
                color: #777c81;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                display: inline-block;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .Zebra_DatePicker .dp_header .dp_previous.dp_hover .icon:before {
                font-family: "eca-icons";
                content: "";
                speak: none;
                font-size: 20px;
                font-size: 2rem;
                color: #e3002b;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                display: inline-block;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .Zebra_DatePicker .dp_header .dp_next .icon:before {
                font-family: "eca-icons";
                content: "";
                speak: none;
                font-size: 20px;
                font-size: 2rem;
                color: #777c81;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                display: inline-block;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .Zebra_DatePicker .dp_header .dp_next.dp_hover .icon:before {
                font-family: "eca-icons";
                content: "";
                speak: none;
                font-size: 20px;
                font-size: 2rem;
                color: #e3002b;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                display: inline-block;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .Zebra_DatePicker .dp_header .dp_caption {
            font-size: 16px;
        }

        .Zebra_DatePicker .dp_header .dp_hover {
            background: none;
            text-decoration: underline;
        }

    .Zebra_DatePicker .dp_daypicker th {
        font-weight: 700;
        border-bottom: 1px solid #e5e5e5;
    }

    .Zebra_DatePicker td.dp_not_in_month {
        color: #e5e5e5;
        cursor: default;
    }

    .Zebra_DatePicker td.dp_not_in_month_selectable {
        background: #F3F3F3;
        color: #CDCDCD;
        cursor: pointer;
    }

    .Zebra_DatePicker td.dp_weekend_disabled {
        color: #CCC;
        cursor: default;
    }

    .Zebra_DatePicker td.dp_selected {
        background: #5A4B4B;
        color: #FFF !important;
    }

    .Zebra_DatePicker td.dp_week_number {
        background: #FC3;
        color: #555;
        cursor: text;
        font-style: italic;
    }

    .Zebra_DatePicker .dp_monthpicker td {
        width: 33%;
    }

    .Zebra_DatePicker .dp_yearpicker td {
        width: 33%;
    }

    .Zebra_DatePicker .dp_footer {
        margin-top: 3px;
        color: #fff;
    }

        .Zebra_DatePicker .dp_footer .dp_hover {
            background: none;
            color: #e3002b;
        }

        .Zebra_DatePicker .dp_footer .Zebra_DatePicker .dp_today {
            color: #FFF;
            padding: 3px;
        }

    .Zebra_DatePicker .dp_clear {
        color: #FFF;
        padding: 3px;
    }

    .Zebra_DatePicker td.dp_current {
        color: #e3002b;
        border: 1px solid #e3002b;
    }

    .Zebra_DatePicker td.dp_disabled_current {
        color: #E38585;
    }

    .Zebra_DatePicker td.dp_disabled {
        color: #777c81;
        cursor: default;
    }

    .Zebra_DatePicker td.dp_hover {
        background: #e3002b;
        color: #fff;
    }

button.Zebra_DatePicker_Icon {
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    vertical-align: top;
    font-size: 0;
    display: inline;
}

    button.Zebra_DatePicker_Icon:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 20px;
        font-size: 2rem;
        color: #000;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    button.Zebra_DatePicker_Icon:hover:before {
        font-family: "eca-icons";
        content: "";
        speak: none;
        font-size: 20px;
        font-size: 2rem;
        color: #e3002b;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

button.Zebra_DatePicker_Icon {
    margin: 0 0 0 3px;
}

button.Zebra_DatePicker_Icon_Inside {
    margin: 15px 10px 0 6px;
}

table.dp_time {
    width: 270px;
}

    table.dp_time .dp_time_label {
        width: 100px;
        cursor: none;
        padding-left: 10px;
    }

        table.dp_time .dp_time_label label {
            color: #fff;
        }

        table.dp_time .dp_time_label.dp_hover {
            background: none;
        }

    table.dp_time .dp_hour.dp_hover, table.dp_time .dp_minute.dp_hover {
        background: none;
    }

    table.dp_time .dp_hover {
        background: none;
    }

    table.dp_time .colon {
        color: #fff;
    }

    table.dp_time .key-up {
        display: block;
    }

        table.dp_time .key-up:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #777c81;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        table.dp_time .key-up:hover:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #e3002b;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    table.dp_time .key-down {
        display: block;
    }

        table.dp_time .key-down:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #777c81;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        table.dp_time .key-down:hover:before {
            font-family: "eca-icons";
            content: "";
            speak: none;
            font-size: 20px;
            font-size: 2rem;
            color: #e3002b;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    table.dp_time .input-field {
        width: 30px;
        background: #fff;
        padding: 5px 10px;
        text-align: center;
        color: black;
    }

.PollGraph0 {
    background: #FFB549;
    margin-bottom:10px;
}

.PollGraph1 {
    background: #00C389;
    margin-bottom:10px;
}

.PollGraph2 {
    background: #009CDE;
    margin-bottom:10px;
}

.PollGraph3 {
    background: #981D97;
    margin-bottom:10px;
}

.PollGraph4 {
    background: #F04E98;
    margin-bottom:10px;
}

.PollGraph5 {
    background: #D45D00;
    margin-bottom:10px;
}

.PollGraph6 {
    background: #006341;
    margin-bottom:10px;
}

.PollGraph7 {
    background: #004C97;
    margin-bottom:10px;
}

.PollGraph8 {
    background: #59315F;
    margin-bottom:10px;
}

.PollGraph9 {
    background: #CE0058;
    margin-bottom:10px;
}

.PollTitle {
    /*text-decoration: none;
    color: #e3002b;
    display: block;
    font-weight: 400;
    font-size: 2.4rem;
    padding: 12px 9px;*/
}

.PollQuestion {
    /*display: block;
    padding: 20px 10px 10px 0;*/
    color: #DDE5ED;
    /*font-weight: 400;
    font-size: 2.4rem;*/
}

.PollControl {
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background: #DDE5ED;
    display: block;
    height: 100%;
    /*box-shadow: 0 3px 20px 0 rgba(50,50,50,.2);*/
}

.PollFooter {
    clear: both;
    padding: 8px;
}

/*.PollAnswer {
    display: block;
    padding: 20px 10px 10px 0 !important;
}*/

.PollCount {
    padding-left: 20px;
    padding-bottom: 8px;
}

.PollResult {
    padding: 20px 0 20px;
    display: block;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei Light","微软雅黑Light","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
}

.circle-layout {
    position: relative !important;
    top: 150px;
    left: 100px !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.circle-item {
    position: absolute !important;
    -webkit-transition: all 2s linear !important;
    -moz-transition: all 2s linear !important;
    transition: all 2s linear !important;
}

.event-date {
	font-family: helvetica neue;
	line-height: 4.4rem;
	text-align: right;
	display:flex;
	flex-direction:column

}

.event-date-day {
	font-size: 5.1rem;
	color: #E4002B;
	font-weight: 700;
	font-stretch: condensed;
}

.event-date-month {
	font-size: 2.9rem;
	color: #777c81;
	font-weight: 700;
	font-stretch: condensed;
}

.event-date-underline {
	border-bottom: 1px solid #e4002b;
	min-height: 85px;
}



.event-date-year {
	font-size: 1.6rem;
	font-family: gotham narrow light;
	color: #777c81;
}


.event-date-multiple {
	display:flex;
	flex-direction: column !important;
	justify-content: flex-end;
	border-bottom: 1px solid #e4002b;
}

.event-date-multiple-months {
	display:flex;
	flex-direction: row !important;
	justify-content: flex-end;
	border-bottom: 1px solid #e4002b;
}

.event-date-hyphen {
	padding:0rem 0.2rem;
	color: #e4002b !important;

}

.eventdetails {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;

}

@media only screen and (min-width:300px) and (max-width:450px) {
	.eventdetails {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;

}

}


@media only screen and (min-width:300px) and (max-width:889px) {

	.event-date-day {
		font-size: 3.6rem;

	}

	.flex-tablet {
	display: flex;
	flex-direction:column
	}

	.event-date-hyphen {
		padding: 0.1rem 0.5rem 0rem 0.5rem;
	}


	.event-date-multiple {
		display: flex;
		flex-direction: row !important;
		border-bottom: none;
		align-items: baseline;

	}

	.event-date-individual {
		display: flex;
		flex-direction: row;
		align-items: baseline;

	}
	.event-date-month {
		padding-left: 0.5rem;
		font-size: 1.8rem;
		font-family: "gotham narrow medium","Century Gothic";
		font-weight: normal !important;

	}



	.event-date-underline {
		display:flex;
		flex-direction:row;
		justify-content: flex-start;
		min-height: 0px;
		border-bottom: none;
		align-items: baseline;

	}

	.event-date {
		display: flex!important;
		justify-content: flex-start!important;
		flex-direction: row!important;
		align-items: baseline;

	}

	.event-date-multiple-months {
	border-bottom: none;
}
	.event-date-year {
	font-size: 1.8rem;
	font-family: "gotham narrow medium","Century Gothic";
	padding-left: 0.5rem;
	}

	.event-date-feature {
	width:100% !important;

	}


}

@media only screen and (min-width:690px) {
    .region-list-event-date {
        float: left;
        width: 100%;
    }
}

@media only screen and (min-width:890px) {
    .region-list-event-date {
        width: 21%;

    }

}

@media only screen and (min-width:690px) {
    .region-list-content-event-date {
        float: right;
        width: 100%;
    }
}

@media only screen and (min-width:890px) {
    .region-list-content-event-date {
        width: 76%;
    }

}

.event-date-feature {
	width: 29%;
	float:left;
	padding-right: 10px;
	display: block;
}

.feature-date-tablet {
	display: none;
}

.feature-location {
	display: none;
	font-size: 14px;
    font-size: 1.4rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: block;
    color: #777c81;
	padding-top: 2%;
}

@media only screen and (max-width: 690px) and (min-width: 480px) {
	.event-date-feature {
		padding-left:10px;
		}

	}

@media only screen and (max-width: 1120px) and (min-width: 890px) {
	.event-date-day {
		font-size:4.2rem;
		position: relative;
		top: -4px;
		}

	.event-date-month {
		font-size: 2.4rem;
		position: relative;
		top: -4px;
	}



	}
@media only screen and (max-width: 959px) and (min-width: 690px) {
	.event-date-feature {
		display: none !important;
	}

	.feature-date-tablet {
	font-size: 14px;
    font-size: 1.4rem;
    font-family: "gotham narrow medium","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    display: block;
    color: #777c81;
	padding-top: 2%;

	}

	.feature-location {
		display: none;
	}
}

.textbg-blue {
	background-color: #009CDE;
	color: #FFF;
	padding: 0.2em 0.4em;
}

.textbg-yellow {
	background-color: #FFB549;
	color: #FFF;
	padding: 0.2em 0.4em;
}


.wechatmodalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: "gotham narrow light","Century Gothic","Microsoft Yahei","微软雅黑","STHeiti Light [STXihei]","Õìĵûçþ╗åÚ╗æ";
    background: rgba(0, 0, 0, 0);
    z-index: 99999;
    opacity:0;
    pointer-events: none;
}
.wechatmodalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.wechatmodalDialog > div {
    width: 344px;
    position:fixed;
    bottom:5%;
    right:21%;
    background: #fff;
}
.wechatclose {
    background: #777c81;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.wechatclose:hover {
    background: #777c81;
}

.swap {
	transition: all 200ms ease-in-out;
	font-size: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #777c81;
}


.swap:hover {
	color: #e4002b;
}

.p-white p {
color: white;
}

.surveysbanner-list-item {
    margin: 0 1em;
    padding-top: 1em;
    border-bottom: 1px solid #e5e5e5;
    *zoom: 1;
}

.surveysbanner-list-item:last-child {
   border-bottom: 0;
}

.site-logo-bday {
    width: 130px !important;
}

/*queen*/

@media only screen and (min-width:300px) {

.carousel-content-wrap:not(.carousel-content-wrap-small) {
  /*backdrop-filter: grayscale(1);*/
  max-width: none !important;
}

.carousel-content-wrap-small {
  backdrop-filter: none !important;
}

}

/*2023 MyECA banner tweaks*/


.banner-wrapper {
	width:100%;
}

.myeca-banner {
	display: grid;
	grid-template-areas: "media title" "media description";
	grid-template-columns: 1fr 4fr;
	gap: 0.5rem;
	padding: 2rem 1.5rem;

}

.myeca-banner.banner-survey { 
grid-template-areas:"media title" "media details" "media description";
}

.myeca-banner-media {
	grid-area: media;
	width: 210px;
	min-height:100px;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
	border-radius: 3px;
	overflow:hidden;
	margin-right: 1rem;
	
}

.myeca-banner-media.video:hover {
filter: brightness(95%);}

.myeca-banner-title {
	grid-area: title;
margin: 0;
cursor: pointer;
align-self: flex-end;
}

.myeca-banner-title.white:after {
	color: white;
}
.myeca-banner-title:after {
	color: #1d252d;
}

.myeca-banner-title.white:hover {
	color: #e4002b;
}

.myeca-banner-title:hover:after {
	color: #e4002b;
}


.myeca-banner-details {
	grid-area: details;
	margin: 0;}

.myeca-banner-desc {
	grid-area: description;
	margin: 0.5rem 0rem;
	
}

.myeca-banner-desc.white > p {
	color: white;
	margin: 0;
}

.myeca-banner-btn{
	grid-area: button;
	display:inline;
	width: fit-content;
	
}

.banner-wrapper-survey:nth-child(odd) {
	background-color: #1d252d;
}

.banner-wrapper-survey:nth-child(even) {
	background-color: #242e38;
}

.banner-chip {
	border-radius: 999px;
	background-color: #e4002b;
	color: white;
	padding: 0.3rem 0.9rem;
	font-size: 1.3rem;
	text-transform:uppercase;
}
@media only screen and (max-width:600px) {
	.myeca-banner {
		display:flex;
		flex-direction: column;
	}
}