@charset "UTF-8";

body{
    margin-bottom: 0 !important;
}
footer{
    position: relative !important;
}
ul ul {
    padding-left: 40px;
}

.fa-pull-left.btn-play,
.fa.fa-pull-left,
.fa.pull-left,
.pull-left.btn-play {
    margin-right: .3em;
}

.fa-fw,
.fa-li {
    text-align: center;
}

.invisible,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-list:focus,
a.nice-select.open,
a:active,
a:hover {
    outline: 0;
}

.slick-list,
svg:not(:root) {
    overflow: hidden;
}

.fa-inverse,
kbd {
    color: #fff;
}

.container-fluid:after,
.container-subpage:after,
.container:after,
.dl-horizontal dd:after,
.row:after,
.slick-track:after {
    clear: both;
}
.container{

}

button.close,
select {
    -webkit-appearance: none;
}

.nice-select,
.slick-slider,
html,
select {
    -webkit-tap-highlight-color: transparent;
}

.img-thumbnail,
select {
    transition: all .2s ease-in-out;
}

.text-nowrap,
select {
    white-space: nowrap;
}

.nice-select:after,
.slick-slide.dragging img,
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

@font-face {
    font-family: Eczar;
    font-style: normal;
    font-weight: 400;
    src: local("Eczar Regular"), local("Eczar-Regular"), url(../font/Eczar-Regular.woff) format("woff");
    unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
    font-family: Eczar;
    font-style: normal;
    font-weight: 400;
    src: local("Eczar Regular"), local("Eczar-Regular"), url(../font/Eczar-Regular_latin-ext.woff) format("woff");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: Eczar;
    font-style: normal;
    font-weight: 400;
    src: local("Eczar Regular"), local("Eczar-Regular"), url(../font/Eczar-Regular_latin.woff) format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

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

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

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



@font-face {
    font-family: FontAwesome;
    src: url(../font/fontawesome-webfont-4.7.0.eot);
    src: url(../font/fontawesome-webfont.eot#iefix&v=4.7.0) format("embedded-opentype"), url(../font/fontawesome-webfont-4.7.0.woff2) format("woff2"), url(../font/fontawesome-webfont-4.7.0.woff) format("woff"), url(../font/fontawesome-webfont-4.7.0.ttf) format("truetype"), url(../font/fontawesome-webfont-4.7.0.svg#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: FontAwesome;
    src: url(../font/fontawesome-webfont-4.7.0.eot);
    src: url(../font/fontawesome-webfont.eot#iefix&v=4.7.0) format("embedded-opentype"), url(../font/fontawesome-webfont-4.7.0.woff2) format("woff2"), url(../font/fontawesome-webfont-4.7.0.woff) format("woff"), url(../font/fontawesome-webfont-4.7.0.ttf) format("truetype"), url(../font/fontawesome-webfont-4.7.0.svg#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
}

.btn-play,
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}

.fa-stack,
img {
    vertical-align: middle;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-pull-right.btn-play,
.fa.fa-pull-right,
.fa.pull-right,
.pull-right.btn-play {
    margin-left: .3em;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
}

.fa-li.fa-lg {
    left: -1.85714286em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.slick-list,
.slick-slider,
.slick-track,
sub,
sup {
    position: relative;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

body,
pre {
    color: #333;
}

.fa-glass:before {
    content: "";
}

.fa-music:before {
    content: "";
}

.fa-search:before {
    content: "";
}

.fa-envelope-o:before {
    content: "";
}

.fa-heart:before {
    content: "";
}

.fa-star:before {
    content: "";
}

.fa-star-o:before {
    content: "";
}

.fa-user:before {
    content: "";
}

.fa-film:before {
    content: "";
}

.fa-th-large:before {
    content: "";
}

.fa-th:before {
    content: "";
}

.fa-th-list:before {
    content: "";
}

.fa-check:before {
    content: "";
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "";
}

.fa-search-plus:before {
    content: "";
}

.fa-search-minus:before {
    content: "";
}

.fa-power-off:before {
    content: "";
}

.fa-signal:before {
    content: "";
}

.fa-cog:before,
.fa-gear:before {
    content: "";
}

.fa-trash-o:before {
    content: "";
}

.fa-home:before {
    content: "";
}

.fa-file-o:before {
    content: "";
}

.fa-clock-o:before {
    content: "";
}

.fa-road:before {
    content: "";
}

.fa-download:before {
    content: "";
}

.fa-arrow-circle-o-down:before {
    content: "";
}

.fa-arrow-circle-o-up:before {
    content: "";
}

.fa-inbox:before {
    content: "";
}

.fa-play-circle-o:before {
    content: "";
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: "";
}

.fa-refresh:before {
    content: "";
}

.fa-list-alt:before {
    content: "";
}

.fa-lock:before {
    content: "";
}

.fa-flag:before {
    content: "";
}

.fa-headphones:before {
    content: "";
}

.fa-volume-off:before {
    content: "";
}

.fa-volume-down:before {
    content: "";
}

.fa-volume-up:before {
    content: "";
}

.fa-qrcode:before {
    content: "";
}

.fa-barcode:before {
    content: "";
}

.fa-tag:before {
    content: "";
}

.fa-tags:before {
    content: "";
}

.fa-book:before {
    content: "";
}

.fa-bookmark:before {
    content: "";
}

.fa-print:before {
    content: "";
}

.fa-camera:before {
    content: "";
}

.fa-font:before {
    content: "";
}

.fa-bold:before {
    content: "";
}

.fa-italic:before {
    content: "";
}

.fa-text-height:before {
    content: "";
}

.fa-text-width:before {
    content: "";
}

.fa-align-left:before {
    content: "";
}

.fa-align-center:before {
    content: "";
}

.fa-align-right:before {
    content: "";
}

.fa-align-justify:before {
    content: "";
}

.fa-list:before {
    content: "";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "";
}

.fa-indent:before {
    content: "";
}

.fa-video-camera:before {
    content: "";
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "";
}

.fa-pencil:before {
    content: "";
}

.fa-map-marker:before {
    content: "";
}

.fa-adjust:before {
    content: "";
}

.fa-tint:before {
    content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "";
}

.fa-share-square-o:before {
    content: "";
}

.fa-check-square-o:before {
    content: "";
}

.fa-arrows:before {
    content: "";
}

.fa-step-backward:before {
    content: "";
}

.fa-fast-backward:before {
    content: "";
}

.fa-backward:before {
    content: "";
}

.btn-play:before,
.fa-play:before {
    content: "";
}

.fa-pause:before {
    content: "";
}

.fa-stop:before {
    content: "";
}

.fa-forward:before {
    content: "";
}

.fa-fast-forward:before {
    content: "";
}

.fa-step-forward:before {
    content: "";
}

.fa-eject:before {
    content: "";
}

.fa-chevron-left:before {
    content: "";
}

.fa-chevron-right:before {
    content: "";
}

.fa-plus-circle:before {
    content: "";
}

.fa-minus-circle:before {
    content: "";
}

.fa-times-circle:before {
    content: "";
}

.fa-check-circle:before {
    content: "";
}

.fa-question-circle:before {
    content: "";
}

.fa-info-circle:before {
    content: "";
}

.fa-crosshairs:before {
    content: "";
}

.fa-times-circle-o:before {
    content: "";
}

.fa-check-circle-o:before {
    content: "";
}

.fa-ban:before {
    content: "";
}

.fa-arrow-left:before {
    content: "";
}

.fa-arrow-right:before {
    content: "";
}

.fa-arrow-up:before {
    content: "";
}

.fa-arrow-down:before {
    content: "";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "";
}

.fa-expand:before {
    content: "";
}

.fa-compress:before {
    content: "";
}

.fa-plus:before {
    content: "";
}

.fa-minus:before {
    content: "";
}

.fa-asterisk:before {
    content: "";
}

.fa-exclamation-circle:before {
    content: "";
}

.fa-gift:before {
    content: "";
}

.fa-leaf:before {
    content: "";
}

.fa-fire:before {
    content: "";
}

.fa-eye:before {
    content: "";
}

.fa-eye-slash:before {
    content: "";
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "";
}

.fa-plane:before {
    content: "";
}

.fa-calendar:before {
    content: "";
}

.fa-random:before {
    content: "";
}

.fa-comment:before {
    content: "";
}

.fa-magnet:before {
    content: "";
}

.fa-chevron-up:before {
    content: "";
}

.fa-chevron-down:before {
    content: "";
}

.fa-retweet:before {
    content: "";
}

.fa-shopping-cart:before {
    content: "";
}

.fa-folder:before {
    content: "";
}

.fa-folder-open:before {
    content: "";
}

.fa-arrows-v:before {
    content: "";
}

.fa-arrows-h:before {
    content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "";
}

.fa-twitter-square:before {
    content: "";
}

.fa-facebook-square:before {
    content: "";
}

.fa-camera-retro:before {
    content: "";
}

.fa-key:before {
    content: "";
}

.fa-cogs:before,
.fa-gears:before {
    content: "";
}

.fa-comments:before {
    content: "";
}

.fa-thumbs-o-up:before {
    content: "";
}

.fa-thumbs-o-down:before {
    content: "";
}

.fa-star-half:before {
    content: "";
}

.fa-heart-o:before {
    content: "";
}

.fa-sign-out:before {
    content: "";
}

.fa-linkedin-square:before {
    content: "";
}

.fa-thumb-tack:before {
    content: "";
}

.fa-external-link:before {
    content: "";
}

.fa-sign-in:before {
    content: "";
}

.fa-trophy:before {
    content: "";
}

.fa-github-square:before {
    content: "";
}

.fa-upload:before {
    content: "";
}

.fa-lemon-o:before {
    content: "";
}

.fa-phone:before {
    content: "";
}

.fa-square-o:before {
    content: "";
}

.fa-bookmark-o:before {
    content: "";
}

.fa-phone-square:before {
    content: "";
}

.fa-twitter:before {
    content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "";
}

.fa-github:before {
    content: "";
}

.fa-unlock:before {
    content: "";
}

.fa-credit-card:before {
    content: "";
}

.fa-feed:before,
.fa-rss:before {
    content: "";
}

.fa-hdd-o:before {
    content: "";
}

.fa-bullhorn:before {
    content: "";
}

.fa-bell:before {
    content: "";
}

.fa-certificate:before {
    content: "";
}

.fa-hand-o-right:before {
    content: "";
}

.fa-hand-o-left:before {
    content: "";
}

.fa-hand-o-up:before {
    content: "";
}

.fa-hand-o-down:before {
    content: "";
}

.fa-arrow-circle-left:before {
    content: "";
}

.fa-arrow-circle-right:before {
    content: "";
}

.fa-arrow-circle-up:before {
    content: "";
}

.fa-arrow-circle-down:before {
    content: "";
}

.fa-globe:before {
    content: "";
}

.fa-wrench:before {
    content: "";
}

.fa-tasks:before {
    content: "";
}

.fa-filter:before {
    content: "";
}

.fa-briefcase:before {
    content: "";
}

.fa-arrows-alt:before {
    content: "";
}

.fa-group:before,
.fa-users:before {
    content: "";
}

.fa-chain:before,
.fa-link:before {
    content: "";
}

.fa-cloud:before {
    content: "";
}

.fa-flask:before {
    content: "";
}

.fa-cut:before,
.fa-scissors:before {
    content: "";
}

.fa-copy:before,
.fa-files-o:before {
    content: "";
}

.fa-paperclip:before {
    content: "";
}

.fa-floppy-o:before,
.fa-save:before {
    content: "";
}

.fa-square:before {
    content: "";
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "";
}

.fa-list-ul:before {
    content: "";
}

.fa-list-ol:before {
    content: "";
}

.fa-strikethrough:before {
    content: "";
}

.fa-underline:before {
    content: "";
}

.fa-table:before {
    content: "";
}

.fa-magic:before {
    content: "";
}

.fa-truck:before {
    content: "";
}

.fa-pinterest:before {
    content: "";
}

.fa-pinterest-square:before {
    content: "";
}

.fa-google-plus-square:before {
    content: "";
}

.fa-google-plus:before {
    content: "";
}

.fa-money:before {
    content: "";
}

.fa-caret-down:before {
    content: "";
}

.fa-caret-up:before {
    content: "";
}

.fa-caret-left:before {
    content: "";
}

.fa-caret-right:before {
    content: "";
}

.fa-columns:before {
    content: "";
}

.fa-sort:before,
.fa-unsorted:before {
    content: "";
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "";
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "";
}

.fa-envelope:before {
    content: "";
}

.fa-linkedin:before {
    content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "";
}

.fa-gavel:before,
.fa-legal:before {
    content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "";
}

.fa-comment-o:before {
    content: "";
}

.fa-comments-o:before {
    content: "";
}

.fa-bolt:before,
.fa-flash:before {
    content: "";
}

.fa-sitemap:before {
    content: "";
}

.fa-umbrella:before {
    content: "";
}

.fa-clipboard:before,
.fa-paste:before {
    content: "";
}

.fa-lightbulb-o:before {
    content: "";
}

.fa-exchange:before {
    content: "";
}

.fa-cloud-download:before {
    content: "";
}

.fa-cloud-upload:before {
    content: "";
}

.fa-user-md:before {
    content: "";
}

.fa-stethoscope:before {
    content: "";
}

.fa-suitcase:before {
    content: "";
}

.fa-bell-o:before {
    content: "";
}

.fa-coffee:before {
    content: "";
}

.fa-cutlery:before {
    content: "";
}

.fa-file-text-o:before {
    content: "";
}

.fa-building-o:before {
    content: "";
}

.fa-hospital-o:before {
    content: "";
}

.fa-ambulance:before {
    content: "";
}

.fa-medkit:before {
    content: "";
}

.fa-fighter-jet:before {
    content: "";
}

.fa-beer:before {
    content: "";
}

.fa-h-square:before {
    content: "";
}

.fa-plus-square:before {
    content: "";
}

.fa-angle-double-left:before {
    content: "";
}

.fa-angle-double-right:before {
    content: "";
}

.fa-angle-double-up:before {
    content: "";
}

.fa-angle-double-down:before {
    content: "";
}

.fa-angle-left:before {
    content: "";
}

.fa-angle-right:before {
    content: "";
}

.fa-angle-up:before {
    content: "";
}

.fa-angle-down:before {
    content: "";
}

.fa-desktop:before {
    content: "";
}

.fa-laptop:before {
    content: "";
}

.fa-tablet:before {
    content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "";
}

.fa-circle-o:before {
    content: "";
}

.fa-quote-left:before {
    content: "";
}

.fa-quote-right:before {
    content: "";
}

.fa-spinner:before {
    content: "";
}

.fa-circle:before {
    content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "";
}

.fa-github-alt:before {
    content: "";
}

.fa-folder-o:before {
    content: "";
}

.fa-folder-open-o:before {
    content: "";
}

.fa-smile-o:before {
    content: "";
}

.fa-frown-o:before {
    content: "";
}

.fa-meh-o:before {
    content: "";
}

.fa-gamepad:before {
    content: "";
}

.fa-keyboard-o:before {
    content: "";
}

.fa-flag-o:before {
    content: "";
}

.fa-flag-checkered:before {
    content: "";
}

.fa-terminal:before {
    content: "";
}

.fa-code:before {
    content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "";
}

.fa-location-arrow:before {
    content: "";
}

.fa-crop:before {
    content: "";
}

.fa-code-fork:before {
    content: "";
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: "";
}

.fa-question:before {
    content: "";
}

.fa-info:before {
    content: "";
}

.fa-exclamation:before {
    content: "";
}

.fa-superscript:before {
    content: "";
}

.fa-subscript:before {
    content: "";
}

.fa-eraser:before {
    content: "";
}

.fa-puzzle-piece:before {
    content: "";
}

.fa-microphone:before {
    content: "";
}

.fa-microphone-slash:before {
    content: "";
}

.fa-shield:before {
    content: "";
}

.fa-calendar-o:before {
    content: "";
}

.fa-fire-extinguisher:before {
    content: "";
}

.fa-rocket:before {
    content: "";
}

.fa-maxcdn:before {
    content: "";
}

.fa-chevron-circle-left:before {
    content: "";
}

.fa-chevron-circle-right:before {
    content: "";
}

.fa-chevron-circle-up:before {
    content: "";
}

.fa-chevron-circle-down:before {
    content: "";
}

.fa-html5:before {
    content: "";
}

.fa-css3:before {
    content: "";
}

.fa-anchor:before {
    content: "";
}

.fa-unlock-alt:before {
    content: "";
}

.fa-bullseye:before {
    content: "";
}

.fa-ellipsis-h:before {
    content: "";
}

.fa-ellipsis-v:before {
    content: "";
}

.fa-rss-square:before {
    content: "";
}

.fa-play-circle:before {
    content: "";
}

.fa-ticket:before {
    content: "";
}

.fa-minus-square:before {
    content: "";
}

.fa-minus-square-o:before {
    content: "";
}

.fa-level-up:before {
    content: "";
}

.fa-level-down:before {
    content: "";
}

.fa-check-square:before {
    content: "";
}

.fa-pencil-square:before {
    content: "";
}

.fa-external-link-square:before {
    content: "";
}

.fa-share-square:before {
    content: "";
}

.fa-compass:before {
    content: "";
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "";
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "";
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "";
}

.fa-eur:before,
.fa-euro:before {
    content: "";
}

.fa-gbp:before {
    content: "";
}

.fa-dollar:before,
.fa-usd:before {
    content: "";
}

.fa-inr:before,
.fa-rupee:before {
    content: "";
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "";
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "";
}

.fa-krw:before,
.fa-won:before {
    content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "";
}

.fa-file:before {
    content: "";
}

.fa-file-text:before {
    content: "";
}

.fa-sort-alpha-asc:before {
    content: "";
}

.fa-sort-alpha-desc:before {
    content: "";
}

.fa-sort-amount-asc:before {
    content: "";
}

.fa-sort-amount-desc:before {
    content: "";
}

.fa-sort-numeric-asc:before {
    content: "";
}

.fa-sort-numeric-desc:before {
    content: "";
}

.fa-thumbs-up:before {
    content: "";
}

.fa-thumbs-down:before {
    content: "";
}

.fa-youtube-square:before {
    content: "";
}

.fa-youtube:before {
    content: "";
}

.fa-xing:before {
    content: "";
}

.fa-xing-square:before {
    content: "";
}

.fa-youtube-play:before {
    content: "";
}

.fa-dropbox:before {
    content: "";
}

.fa-stack-overflow:before {
    content: "";
}

.fa-instagram:before {
    content: "";
}

.fa-flickr:before {
    content: "";
}

.fa-adn:before {
    content: "";
}

.fa-bitbucket:before {
    content: "";
}

.fa-bitbucket-square:before {
    content: "";
}

.fa-tumblr:before {
    content: "";
}

.fa-tumblr-square:before {
    content: "";
}

.fa-long-arrow-down:before {
    content: "";
}

.fa-long-arrow-up:before {
    content: "";
}

.fa-long-arrow-left:before {
    content: "";
}

.fa-long-arrow-right:before {
    content: "";
}

.fa-apple:before {
    content: "";
}

.fa-windows:before {
    content: "";
}

.fa-android:before {
    content: "";
}

.fa-linux:before {
    content: "";
}

.fa-dribbble:before {
    content: "";
}

.fa-skype:before {
    content: "";
}

.fa-foursquare:before {
    content: "";
}

.fa-trello:before {
    content: "";
}

.fa-female:before {
    content: "";
}

.fa-male:before {
    content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "";
}

.fa-sun-o:before {
    content: "";
}

.fa-moon-o:before {
    content: "";
}

.fa-archive:before {
    content: "";
}

.fa-bug:before {
    content: "";
}

.fa-vk:before {
    content: "";
}

.fa-weibo:before {
    content: "";
}

.fa-renren:before {
    content: "";
}

.fa-pagelines:before {
    content: "";
}

.fa-stack-exchange:before {
    content: "";
}

.fa-arrow-circle-o-right:before {
    content: "";
}

.fa-arrow-circle-o-left:before {
    content: "";
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "";
}

.fa-dot-circle-o:before {
    content: "";
}

.fa-wheelchair:before {
    content: "";
}

.fa-vimeo-square:before {
    content: "";
}

.fa-try:before,
.fa-turkish-lira:before {
    content: "";
}

.fa-plus-square-o:before {
    content: "";
}

.fa-space-shuttle:before {
    content: "";
}

.fa-slack:before {
    content: "";
}

.fa-envelope-square:before {
    content: "";
}

.fa-wordpress:before {
    content: "";
}

.fa-openid:before {
    content: "";
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "";
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "";
}

.fa-yahoo:before {
    content: "";
}

.fa-google:before {
    content: "";
}

.fa-reddit:before {
    content: "";
}

.fa-reddit-square:before {
    content: "";
}

.fa-stumbleupon-circle:before {
    content: "";
}

.fa-stumbleupon:before {
    content: "";
}

.fa-delicious:before {
    content: "";
}

.fa-digg:before {
    content: "";
}

.fa-pied-piper-pp:before {
    content: "";
}

.fa-pied-piper-alt:before {
    content: "";
}

.fa-drupal:before {
    content: "";
}

.fa-joomla:before {
    content: "";
}

.fa-language:before {
    content: "";
}

.fa-fax:before {
    content: "";
}

.fa-building:before {
    content: "";
}

.fa-child:before {
    content: "";
}

.fa-paw:before {
    content: "";
}

.fa-spoon:before {
    content: "";
}

.fa-cube:before {
    content: "";
}

.fa-cubes:before {
    content: "";
}

.fa-behance:before {
    content: "";
}

.fa-behance-square:before {
    content: "";
}

.fa-steam:before {
    content: "";
}

.fa-steam-square:before {
    content: "";
}

.fa-recycle:before {
    content: "";
}

.fa-automobile:before,
.fa-car:before {
    content: "";
}

.fa-cab:before,
.fa-taxi:before {
    content: "";
}

.fa-tree:before {
    content: "";
}

.fa-spotify:before {
    content: "";
}

.fa-deviantart:before {
    content: "";
}

.fa-soundcloud:before {
    content: "";
}

.fa-database:before {
    content: "";
}

.fa-file-pdf-o:before {
    content: "";
}

.fa-file-word-o:before {
    content: "";
}

.fa-file-excel-o:before {
    content: "";
}

.fa-file-powerpoint-o:before {
    content: "";
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "";
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "";
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "";
}

.fa-file-code-o:before {
    content: "";
}

.fa-vine:before {
    content: "";
}

.fa-codepen:before {
    content: "";
}

.fa-jsfiddle:before {
    content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "";
}

.fa-circle-o-notch:before {
    content: "";
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: "";
}

.fa-empire:before,
.fa-ge:before {
    content: "";
}

.fa-git-square:before {
    content: "";
}

.fa-git:before {
    content: "";
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: "";
}

.fa-tencent-weibo:before {
    content: "";
}

.fa-qq:before {
    content: "";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "";
}

.fa-paper-plane:before,
.fa-send:before {
    content: "";
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "";
}

.fa-history:before {
    content: "";
}

.fa-circle-thin:before {
    content: "";
}

.fa-header:before {
    content: "";
}

.fa-paragraph:before {
    content: "";
}

.fa-sliders:before {
    content: "";
}

.fa-share-alt:before {
    content: "";
}

.fa-share-alt-square:before {
    content: "";
}

.fa-bomb:before {
    content: "";
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "";
}

.fa-tty:before {
    content: "";
}

.fa-binoculars:before {
    content: "";
}

.fa-plug:before {
    content: "";
}

.fa-slideshare:before {
    content: "";
}

.fa-twitch:before {
    content: "";
}

.fa-yelp:before {
    content: "";
}

.fa-newspaper-o:before {
    content: "";
}

.fa-wifi:before {
    content: "";
}

.fa-calculator:before {
    content: "";
}

.fa-paypal:before {
    content: "";
}

.fa-google-wallet:before {
    content: "";
}

.fa-cc-visa:before {
    content: "";
}

.fa-cc-mastercard:before {
    content: "";
}

.fa-cc-discover:before {
    content: "";
}

.fa-cc-amex:before {
    content: "";
}

.fa-cc-paypal:before {
    content: "";
}

.fa-cc-stripe:before {
    content: "";
}

.fa-bell-slash:before {
    content: "";
}

.fa-bell-slash-o:before {
    content: "";
}

.fa-trash:before {
    content: "";
}

.fa-copyright:before {
    content: "";
}

.fa-at:before {
    content: "";
}

.fa-eyedropper:before {
    content: "";
}

.fa-paint-brush:before {
    content: "";
}

.fa-birthday-cake:before {
    content: "";
}

.fa-area-chart:before {
    content: "";
}

.fa-pie-chart:before {
    content: "";
}

.fa-line-chart:before {
    content: "";
}

.fa-lastfm:before {
    content: "";
}

.fa-lastfm-square:before {
    content: "";
}

.fa-toggle-off:before {
    content: "";
}

.fa-toggle-on:before {
    content: "";
}

.fa-bicycle:before {
    content: "";
}

.fa-bus:before {
    content: "";
}

.fa-ioxhost:before {
    content: "";
}

.fa-angellist:before {
    content: "";
}

.fa-cc:before {
    content: "";
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "";
}

.fa-meanpath:before {
    content: "";
}

.fa-buysellads:before {
    content: "";
}

.fa-connectdevelop:before {
    content: "";
}

.fa-dashcube:before {
    content: "";
}

.fa-forumbee:before {
    content: "";
}

.fa-leanpub:before {
    content: "";
}

.fa-sellsy:before {
    content: "";
}

.fa-shirtsinbulk:before {
    content: "";
}

.fa-simplybuilt:before {
    content: "";
}

.fa-skyatlas:before {
    content: "";
}

.fa-cart-plus:before {
    content: "";
}

.fa-cart-arrow-down:before {
    content: "";
}

.fa-diamond:before {
    content: "";
}

.fa-ship:before {
    content: "";
}

.fa-user-secret:before {
    content: "";
}

.fa-motorcycle:before {
    content: "";
}

.fa-street-view:before {
    content: "";
}

.fa-heartbeat:before {
    content: "";
}

.fa-venus:before {
    content: "";
}

.fa-mars:before {
    content: "";
}

.fa-mercury:before {
    content: "";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "";
}

.fa-transgender-alt:before {
    content: "";
}

.fa-venus-double:before {
    content: "";
}

.fa-mars-double:before {
    content: "";
}

.fa-venus-mars:before {
    content: "";
}

.fa-mars-stroke:before {
    content: "";
}

.fa-mars-stroke-v:before {
    content: "";
}

.fa-mars-stroke-h:before {
    content: "";
}

.fa-neuter:before {
    content: "";
}

.fa-genderless:before {
    content: "";
}

.fa-facebook-official:before {
    content: "";
}

.fa-pinterest-p:before {
    content: "";
}

.fa-whatsapp:before {
    content: "";
}

.fa-server:before {
    content: "";
}

.fa-user-plus:before {
    content: "";
}

.fa-user-times:before {
    content: "";
}

.fa-bed:before,
.fa-hotel:before {
    content: "";
}

.fa-viacoin:before {
    content: "";
}

.fa-train:before {
    content: "";
}

.fa-subway:before {
    content: "";
}

.fa-medium:before {
    content: "";
}

.fa-y-combinator:before,
.fa-yc:before {
    content: "";
}

.fa-optin-monster:before {
    content: "";
}

.fa-opencart:before {
    content: "";
}

.fa-expeditedssl:before {
    content: "";
}

.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
    content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "";
}

.fa-mouse-pointer:before {
    content: "";
}

.fa-i-cursor:before {
    content: "";
}

.fa-object-group:before {
    content: "";
}

.fa-object-ungroup:before {
    content: "";
}

.fa-sticky-note:before {
    content: "";
}

.fa-sticky-note-o:before {
    content: "";
}

.fa-cc-jcb:before {
    content: "";
}

.fa-cc-diners-club:before {
    content: "";
}

.fa-clone:before {
    content: "";
}

.fa-balance-scale:before {
    content: "";
}

.fa-hourglass-o:before {
    content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "";
}

.fa-hourglass:before {
    content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "";
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: "";
}

.fa-hand-scissors-o:before {
    content: "";
}

.fa-hand-lizard-o:before {
    content: "";
}

.fa-hand-spock-o:before {
    content: "";
}

.fa-hand-pointer-o:before {
    content: "";
}

.fa-hand-peace-o:before {
    content: "";
}

.fa-trademark:before {
    content: "";
}

.fa-registered:before {
    content: "";
}

.fa-creative-commons:before {
    content: "";
}

.fa-gg:before {
    content: "";
}

.fa-gg-circle:before {
    content: "";
}

.fa-tripadvisor:before {
    content: "";
}

.fa-odnoklassniki:before {
    content: "";
}

.fa-odnoklassniki-square:before {
    content: "";
}

.fa-get-pocket:before {
    content: "";
}

.fa-wikipedia-w:before {
    content: "";
}

.fa-safari:before {
    content: "";
}

.fa-chrome:before {
    content: "";
}

.fa-firefox:before {
    content: "";
}

.fa-opera:before {
    content: "";
}

.fa-internet-explorer:before {
    content: "";
}

.fa-television:before,
.fa-tv:before {
    content: "";
}

.fa-contao:before {
    content: "";
}

.fa-500px:before {
    content: "";
}

.fa-amazon:before {
    content: "";
}

.fa-calendar-plus-o:before {
    content: "";
}

.fa-calendar-minus-o:before {
    content: "";
}

.fa-calendar-times-o:before {
    content: "";
}

.fa-calendar-check-o:before {
    content: "";
}

.fa-industry:before {
    content: "";
}

.fa-map-pin:before {
    content: "";
}

.fa-map-signs:before {
    content: "";
}

.fa-map-o:before {
    content: "";
}

.fa-map:before {
    content: "";
}

.fa-commenting:before {
    content: "";
}

.fa-commenting-o:before {
    content: "";
}

.fa-houzz:before {
    content: "";
}

.fa-vimeo:before {
    content: "";
}

.fa-black-tie:before {
    content: "";
}

.fa-fonticons:before {
    content: "";
}

.fa-reddit-alien:before {
    content: "";
}

.fa-edge:before {
    content: "";
}

.fa-credit-card-alt:before {
    content: "";
}

.fa-codiepie:before {
    content: "";
}

.fa-modx:before {
    content: "";
}

.fa-fort-awesome:before {
    content: "";
}

.fa-usb:before {
    content: "";
}

.fa-product-hunt:before {
    content: "";
}

.fa-mixcloud:before {
    content: "";
}

.fa-scribd:before {
    content: "";
}

.fa-pause-circle:before {
    content: "";
}

.fa-pause-circle-o:before {
    content: "";
}

.fa-stop-circle:before {
    content: "";
}

.fa-stop-circle-o:before {
    content: "";
}

.fa-shopping-bag:before {
    content: "";
}

.fa-shopping-basket:before {
    content: "";
}

.fa-hashtag:before {
    content: "";
}

.fa-bluetooth:before {
    content: "";
}

.fa-bluetooth-b:before {
    content: "";
}

.fa-percent:before {
    content: "";
}

.fa-gitlab:before {
    content: "";
}

.fa-wpbeginner:before {
    content: "";
}

.fa-wpforms:before {
    content: "";
}

.fa-envira:before {
    content: "";
}

.fa-universal-access:before {
    content: "";
}

.fa-wheelchair-alt:before {
    content: "";
}

.fa-question-circle-o:before {
    content: "";
}

.fa-blind:before {
    content: "";
}

.fa-audio-description:before {
    content: "";
}

.fa-volume-control-phone:before {
    content: "";
}

.fa-braille:before {
    content: "";
}

.fa-assistive-listening-systems:before {
    content: "";
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: "";
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: "";
}

.fa-glide:before {
    content: "";
}

.fa-glide-g:before {
    content: "";
}

.fa-sign-language:before,
.fa-signing:before {
    content: "";
}

.fa-low-vision:before {
    content: "";
}

.fa-viadeo:before {
    content: "";
}

.fa-viadeo-square:before {
    content: "";
}

.fa-snapchat:before {
    content: "";
}

.fa-snapchat-ghost:before {
    content: "";
}

.fa-snapchat-square:before {
    content: "";
}

.fa-pied-piper:before {
    content: "";
}

.fa-first-order:before {
    content: "";
}

.fa-yoast:before {
    content: "";
}

.fa-themeisle:before {
    content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "";
}

.fa-handshake-o:before {
    content: "";
}

.fa-envelope-open:before {
    content: "";
}

.fa-envelope-open-o:before {
    content: "";
}

.fa-linode:before {
    content: "";
}

.fa-address-book:before {
    content: "";
}

.fa-address-book-o:before {
    content: "";
}

.fa-address-card:before,
.fa-vcard:before {
    content: "";
}

.fa-address-card-o:before,
.fa-vcard-o:before {
    content: "";
}

.fa-user-circle:before {
    content: "";
}

.fa-user-circle-o:before {
    content: "";
}

.fa-user-o:before {
    content: "";
}

.fa-id-badge:before {
    content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "";
}

.fa-quora:before {
    content: "";
}

.fa-free-code-camp:before {
    content: "";
}

.fa-telegram:before {
    content: "";
}

.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
    content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "";
}

.fa-shower:before {
    content: "";
}

.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
    content: "";
}

.fa-podcast:before {
    content: "";
}

.fa-window-maximize:before {
    content: "";
}

.fa-window-minimize:before {
    content: "";
}

.fa-window-restore:before {
    content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "";
}

.fa-bandcamp:before {
    content: "";
}

.fa-grav:before {
    content: "";
}

.fa-etsy:before {
    content: "";
}

.fa-imdb:before {
    content: "";
}

.fa-ravelry:before {
    content: "";
}

.fa-eercast:before {
    content: "";
}

.fa-microchip:before {
    content: "";
}

.fa-snowflake-o:before {
    content: "";
}

.fa-superpowers:before {
    content: "";
}

.fa-wpexplorer:before {
    content: "";
}

.fa-meetup:before {
    content: "";
}

.slick-slider {
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.timeline__year,
hr {
    box-sizing: content-box;
}

.btn,
select {
    -ms-user-select: none;
}

.slick-list {
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body,
figure {
    margin: 0;
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.smartcity-park-ocean .slick-initialized .slick-slide {
    display: block;
    width: 4.4% !important;
    font-size: 14px;
    text-align: center;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden,
[hidden],
template {
    display: none;
}

hr,
img {
    border: 0;
}


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

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

a {
    background-color: transparent;
}

b,
optgroup,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
}

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

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

hr {
    height: 0;
}

pre,
textarea {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    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[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-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

td,
th {
    padding: 0;
}


@media print {

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

    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

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

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

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    blockquote,
    pre {
        border: 1px solid #999;
    }

    thead {
        display: table-header-group;
    }

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

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

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important;
    }
}

.img-thumbnail,
body {
    background-color: #fff;
    line-height: 1.42857143;
}

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

html {
    font-size: 10px;
}

body {
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline;
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.dropdown-menu .divider,
.nav .nav-divider,
.sr-only {
    height: 1px;
    overflow: hidden;
}

.img-circle {
    border-radius: 50%;
}

hr {
    border-top: 1px solid #ddd;
}

.sr-only {
    position: absolute;
    width: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

code,
kbd {
    padding: 2px 4px;
    font-size: 90%;
}

.sr-only-focusable.nice-select.open,
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role=button] {
    cursor: pointer;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none;
}

pre {
    display: block;
    padding: 10.5px;
    margin: 0 0 11px;
    font-size: 15px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.container-fluid:after,
.container-fluid:before,
.container-subpage:after,
.container-subpage:before,
.container:after,
.container:before,
.row:after,
.row:before {
    display: table;
    content: " ";
}

.container,
.container-fluid,
.container-subpage {
    margin-right: auto;
    margin-left: auto;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

.container.container1>.row {
    margin-top: 0px;
    margin-bottom: 0px;
}

.container.container1>.row>.col-md-6 .row1 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.container1 .row1 {
    border: 1px solid rgba(237, 237, 237, 1);
    border-radius: 4px;
}

.container1 .row1 {
    width: 97%;
    margin: 1.5%;
}

.container1 .row1 .col-md-3 {
    text-align: right;
    padding-top: 30px;
}

.container1 .row1 .col-md-9 .row:first-child {
    color: #06385B;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}

.container1 .row1 .col-md-9 .row:last-child {
    color: 4F4F4F;
    margin-top: 15px;
}

@media (max-width:768px) {
    .container {
        max-width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}

@media (max-width:1199px) {

    .navbar-header,
    .nav-tablet .collapse {
        zoom: .9;
    }
}

.container.constrained {
    max-width: 775px;
    position: relative;
}

.container.constrained-product {
    max-width: 970px;
    position: relative;
}

.container-subpage {
    padding: 25px 15px;
}

@media (min-width:768px) {
    .container-subpage {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container-subpage {
        width: 750px;
        padding-top: 25px;
        padding-bottom: 50px;
    }
}

@media (min-width:1200px) {
    .container-subpage {
        width: 750px;
        padding-top: 25px;
        padding-bottom: 50px;
    }
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width:767px) {
    .row {
        margin-left: -8px;
        margin-right: -8px;
    }
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (max-width:767px) {
    [class^=col-xs-] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .benefit-col.col-md-6 {
        width: 45%;
        margin: 15px;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

.h2,
.h3,
.h4,
.h5,
.h6,
h2,
h3,
h4,
h5,
h6 {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.1;
    color: #00517c;
}

.h1,
h1 {
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #00517c;
    font-size: 24px;
}

.bold,
.section-title {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media only screen and (min-width:768px) {

    .h1,
    h1 {
        font-size: 36px;
    }
}

.h2,
h2 {
    font-size: 23px;
}

@media only screen and (min-width:768px) {

    .h2,
    h2 {
        font-size: 26px;
    }

    .h3,
    h3 {
        font-size: 22px;
    }
}

.h3,
h3 {
    font-size: 22px;
}

.h4,
h4 {
    font-size: 20px;
}

@media only screen and (min-width:768px) {

    .h4,
    h4 {
        font-size: 20px;
    }

    .h5,
    h5 {
        font-size: 18px;
    }
}

.h5,
h5 {
    font-size: 18px;
}

.h6,
h6 {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 1.4;
}

@media only screen and (min-width:768px) {

    .h6,
    h6 {
        font-size: 16px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 25px;
    }
}

.section-title {
    font-size: 24px;
    color: #444;
}


@media only screen and (min-width:768px) {
    .section-title {
        font-size: 26px;
    }
}

p {
    margin: 0 0 25px;
    line-height: 1.6;
}

.small,
small {
    font-size: 87%;
}

.mark,
mark {
    background-color: #fcf8e3;
    padding: .2em;
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.text-left {
    text-align: left;
}

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

.image-showcase,
.text-center,
.video-content {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-lowercase {
    text-transform: lowercase;
}

.initialism,
.text-uppercase {
    text-transform: uppercase;
}

.breadcrumb,
.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-narrow {
    margin-bottom: 5px;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:focus,
a.text-success:hover {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:focus,
a.text-info:hover {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:focus,
a.text-warning:hover {
    color: #66512c;
}

.text-danger {
    color: #c30004;
}

a.text-danger:focus,
a.text-danger:hover {
    color: #900003;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 10px;
    margin: 44px 0 22px;
    border-bottom: 1px solid #eee;
}

dl,
ol,
ul {
    margin-top: 0;
}

.list-narrow>li,
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}

ol,
ul {
    margin-bottom: 11px;
}

.list-inline {
    margin-left: -5px;
    text-align: right;
}

.list-inline>li {
    display: inline-block;
    padding-left: 10px;
    /* padding-right: 5px; */
}

address,
dl {
    margin-bottom: 22px;
}

dd,
dt {
    line-height: 1.42857143;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:after,
.dl-horizontal dd:before {
    content: " ";
    display: table;
}

@media (min-width:992px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

.caption-container,
.clearfix:after,
.dropdown-menu>li>a,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-header:after,
.navbar:after,
.nice-select,
.panel-body:after,
.section-about .solutions:after,
.tabgrid:after,
select {
    clear: both;
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
}

blockquote {
    position: relative;
    padding: 65px 20px 20px;
    margin: 0 0 20px;
    box-shadow: 0 0 30px 3px rgba(0, 81, 124, .08);
    font-family: "HuaweiSans-Light", "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
}

blockquote:before {
    content: '\201C';
    position: absolute;
    top: -25px;
    left: 20px;
    font: 120px Eczar, serif;
    color: #f39700;
}

blockquote .quote_by {
    font-size: 16px;
    font-style: italic;
    margin-top: 20px;
}

@media only screen and (min-width:768px) {
    blockquote:before {
        top: -10px;
    }

    blockquote {
        position: relative;
        min-height: 1px;
        padding: 35px 35px 35px 95px;
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 28px;
    }
}

@media only screen and (min-width:768px) and (min-width:992px) {
    blockquote {
        float: left;
        width: 83.33333333%;
        margin-left: 8.33333333%;
    }
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777;
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right;
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: '';
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: '\00A0 \2014';
}

address {
    font-style: normal;
    line-height: 1.42857143;
}

.caption,
figcaption {
    font: 14px "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    text-decoration: none;
    color: #00a7ea;
}

a:hover {
    color: #0083b7;
}

figcaption {
    padding: 15px 0;
    color: #666;
    line-height: 1.5;
    text-align: center;
}

/* body>main{
    min-height: 100%;
} */

main>hr {
    width: calc(100% - 30px);
    margin-top: 50px;
    margin-bottom: 50px;
}

@media only screen and (min-width:768px) {
    main>hr {
        width: calc($screen-sm - 30px);
    }
}

@media only screen and (min-width:992px) {
    main>hr {
        width: calc($screen-md - 30px);
    }
}

@media only screen and (min-width:1200px) {
    main>hr {
        width: 1200px;
    }
}

date {
    font: 14px "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666;
}

a[aria-label=previous],
a[aria-label=next],
label {
    font-weight: 700;
}

.popover,
.tooltip,
select {
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
    cursor: pointer;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00a7ea;
    border-radius: 4px;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
}

.product-text-container h3,
.publish {
    margin-bottom: 10px;
}

.publish__info {
    color: #999;
}

.publish__category {
    margin-top: 35px;
    color: #666;
}

.event__info {
    color: #999;
    font-size: 18px;
}

.event__info i {
    color: #f39700;
}

.event__category {
    /* margin-top: 35px; */
    color: #666;
}

.event h1 {
    margin-bottom: 15px;
}

.header--multiline {
    color: #999;
}

.header--multiline h1,
.header--multiline h2,
.header--multiline h3,
.header--multiline h4 {
    margin: 5px 0;
}

table {
    background-color: transparent;
}

caption {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #777;
    text-align: left;
}

th {
    text-align: left;
}

.table,
.table table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 22px;
}

.table table tr,
.table tr {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
}

.table table tr.row-hidden,
.table tr.row-hidden {
    display: none;
}

.table table td,
.table table th,
.table td,
.table th {
    padding: 15px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #ddd;
}

.table table td,
.table td {
    line-height: 1.42857143;
    vertical-align: top;
}

.table table>thead>tr>th,
.table>thead>tr>th {
    vertical-align: bottom;
}

.btn,
.caret,
.table-striped table td:nth-child(n+2),
.table-striped table th:nth-child(n+2),
.table-striped td:nth-child(n+2),
.table-striped th:nth-child(n+2) {
    vertical-align: middle;
}

.table table>caption+thead,
.table table>colgroup+thead,
.table table>tbody+tbody,
.table>caption+thead,
.table>colgroup+thead,
.table>tbody+tbody {
    border-top: 2px solid #ddd;
}

.table .table,
.table table .table {
    background-color: #fff;
}

.table-striped table tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(odd),
.table-striped-alt>tbody>tr:nth-of-type(even) {
    background-color: #f2fbfe;
}

.table-condensed table>tbody>tr>td,
.table-condensed table>tbody>tr>th,
.table-condensed table>tfoot>tr>td,
.table-condensed table>tfoot>tr>th,
.table-condensed table>thead>tr>td,
.table-condensed table>thead>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px;
}

@media only screen and (min-width:768px) {

    .table-bordered table td,
    .table-bordered table th,
    .table-bordered td,
    .table-bordered th {
        border-width: 1px 1px 0;
        border-style: solid;
        border-color: #ddd;
    }
}

.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5;
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell;
}

.nav-pills>li,
.nav-tabs>li,
select {
    float: left;
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8;
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8;
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6;
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7;
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3;
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3;
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc;
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede;
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc;
}

.table-responsive,
.table-responsive table {
    overflow-x: auto;
    min-height: .01%;
    width: 100%;
    margin-bottom: 16.5px;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive table>thead tr:first-child,
.table-responsive>thead tr:first-child {
    border-bottom-width: 3px;
    border-top: 0 none;
}

@media (max-width:768px) {

    .table-responsive table td,
    .table-responsive table th,
    .table-responsive td,
    .table-responsive th {
        font-size: 12px;
        vertical-align: middle;
    }
}

.table-responsive table td,
.table-responsive td {
    position: relative;
    text-align: left;
}

.table-responsive table.with__border td,
.table-responsive.with__border td {
    border: 1px solid #ddd;
}

.table-responsive-custom,
.table-responsive-custom table {
    border-width: 0;
}

.table-responsive-custom table td,
.table-responsive-custom td {
    position: relative;
    text-align: left;
}

@media only screen and (min-width:768px) {

    .table-responsive-custom,
    .table-responsive-custom table {
        border-width: 1px;
    }

    .table-responsive-custom table td,
    .table-responsive-custom td {
        display: table-cell;
        border-right: solid 1px #ddd;
        padding-left: 15px;
    }
}

fieldset,
legend {
    padding: 0;
    border: 0;
}

.table-responsive-custom table td:before,
.table-responsive-custom td:before {
    content: attr(data-th);
    display: inline-block;
    font-weight: 700;
    width: 50%;
    vertical-align: top;
}

@media only screen and (min-width:768px) {

    .table-responsive-custom table td:before,
    .table-responsive-custom td:before {
        display: none;
    }
}

.table-responsive-noth td,
.table-responsive-noth th {
    display: block;
}

@media only screen and (min-width:768px) {

    .table-responsive-noth td,
    .table-responsive-noth th {
        display: table-cell;
    }
}

.field-msg,
.table-responsive-noth td:before {
    display: none;
}

.show-hide-rows {
    text-align: center;
}

.field-msg {
    font-style: italic;
    font-size: 14px;
    margin: 3px 0 0;
}

input[type=file],
legend,
output,
select {
    display: block;
}

fieldset {
    margin: 0;
    min-width: 0;
}

legend {
    width: 100%;
    margin-bottom: 22px;
    font-size: 24px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

textarea {
    min-height: 140px;
    resize: none;
}

.input-group {
    margin-bottom: 15px;
}

.input-group .filter {
    width: 100%;
    margin: 0;
    position: relative;
}

input[type=search] {
    box-sizing: border-box;
    -webkit-appearance: none;
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

input[type=range] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

.form-control,
select {
    width: 100%;
    height: 48px;
    font-size: 16px;
    color: #222;
}

input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=file]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.dropdown-toggle:focus,
.form-control:focus,
.navbar-toggle:focus,
.open>a,
select {
    outline: 0;
}

output {
    padding-top: 13px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #222;
}

select {
    background: #fff;
    -moz-appearance: none;
    border-radius: 1px;
    border: 1px solid #00a7ea;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 400;
    line-height: 46px;
    padding-left: 18px;
    padding-right: 40px;
    position: relative;
    text-align: left !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

select::-ms-expand {
    display: none;
}

.form-control {
    display: block;
    padding: 12px 20px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #00a7ea;
    border-radius: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .field-msg,
.has-success .form-control-feedback,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #3c763d;
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type=date].form-control,
    input[type=time].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control {
        line-height: 48px;
    }

    .input-group-sm input[type=date],
    .input-group-sm input[type=time],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    input[type=date].input-sm,
    input[type=time].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm {
        line-height: 33px;
    }

    .input-group-lg input[type=date],
    .input-group-lg input[type=time],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    input[type=date].input-lg,
    input[type=time].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg {
        line-height: 49px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkbox label,
.radio label {
    min-height: 22px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9;
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px;
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
}

.form-control-feedback,
.has-error .field-msg,
.has-warning .field-msg,
.help-block {
    display: block;
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px;
}

.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 13px;
    padding-bottom: 13px;
    margin-bottom: 0;
    min-height: 38px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0;
}

.form-group-sm .form-control,
.input-sm {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
}

.input-sm {
    height: 33px;
    line-height: 1.5;
}

select.input-sm {
    height: 33px;
    line-height: 33px;
}

select[multiple].input-sm,
textarea.input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 33px;
    line-height: 1.5;
}

.form-group-lg .form-control,
.input-lg {
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 20px;
}

.form-group-sm select.form-control {
    height: 33px;
    line-height: 33px;
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 33px;
    min-height: 36px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.5;
}

.input-lg {
    height: 49px;
    line-height: 1.3333333;
}

select.input-lg {
    height: 49px;
    line-height: 49px;
}

select[multiple].input-lg,
textarea.input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 49px;
    line-height: 1.3333333;
}

.form-group-lg select.form-control {
    height: 49px;
    line-height: 49px;
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 49px;
    min-height: 42px;
    padding: 11px 16px;
    font-size: 20px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 60px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    pointer-events: none;
}

.collapsing,
.dropdown,
.dropup {
    position: relative;
}

.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-lg+.form-control-feedback {
    width: 49px;
    height: 49px;
    line-height: 49px;
}

.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-sm+.form-control-feedback {
    width: 33px;
    height: 33px;
    line-height: 33px;
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .field-msg {
    display: block;
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .field-msg,
.has-warning .form-control-feedback,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .field-msg,
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #c30004;
}

.has-error .form-control {
    border-color: #c30004;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .form-control:focus {
    border-color: #900003;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ff2a2e;
}

.has-error .input-group-addon {
    color: #c30004;
    border-color: #c30004;
    background-color: #f2dede;
}

.has-feedback label~.form-control-feedback {
    top: 27px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width:768px) {

    .form-inline .form-control-static,
    .form-inline .form-group {
        display: inline-block;
    }

    .form-inline .control-label,
    .form-inline .form-group {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto;
    }

    .form-inline .input-group>.form-control {
        width: 100%;
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0;
    }

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 13px;
    }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 13px;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 35px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

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

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 20px;
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 14px;
    }
}

.parsley-errors-list {
    color: red;
}

.form_bg--blue {
    overflow: hidden;
    background-color: #f2fbfe;
    margin-left: calc(50% - 50vw);
    background-repeat: repeat;
    width: 100vw;
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: .35s;
    transition-timing-function: ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
}

.dropdown-menu-right,
.dropdown-menu.pull-right {
    left: auto;
    right: 0;
}

.dropdown-header,
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    white-space: nowrap;
    line-height: 1.42857143;
}

.dropdown-menu .divider {
    margin: 10px 0;
    background-color: #e5e5e5;
}

.dropdown-menu>li>a {
    font-weight: 400;
    color: #333;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}

.dropdown-header,
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover,
.nav>li.disabled>a {
    color: #777;
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open>.dropdown-menu {
    display: block;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    font-size: 14px;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width:992px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

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

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

.nav>li,
.nav>li>a {
    display: block;
    position: relative;
}

.nav>li>a {
    padding: 10px 15px;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7;
}

.nav .nav-divider {
    margin: 10px 0;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

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

.nav-tabs>li {
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-justified>li,
.nav-stacked>li,
.nav-tabs.nav-justified>li {
    float: none;
}

.nav-pills>li>a {
    border-radius: 4px;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%;
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd;
}

@media (min-width:768px) {

    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }

    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff;
    }
}

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

.tab-content>.active {
    display: block;
}

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

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0;
    padding: 10px 0 0;
    border: 0;
    font-size: 18px;
}

@media (min-width:992px) {
    .navbar {
        border-radius: 0;
        padding: 15px 0;
    }

    .navbar-header {
        float: left;
    }
}

@media only screen and (max-width:992px) {
    .nav-tablet {
        width: 100%;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch;
}

.nav .navbar-search-open i.fa-search:before,
.navbar-auth i.fa-user-circle-o:before,
.navbar-contact i.fa-envelope-o:before,
.navbar-mobile__right .fa-search:before,
.navbar-search .input-group-btn button .fa-search:before,
.navbar-search-close i.fa-close:before {
    content: '';
}

.navbar-collapse:after {
    clear: both;
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width:992px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.modal,
.modal-open {
    overflow: hidden;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 100vh;
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: all .5s ease-in-out;
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 5px 15px 0;
    font-size: 20px;
    line-height: 22px;
    height: 50px;
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}

.navbar-brand>img {
    display: block;
    max-width: 190px;
    width: 100px;
}

@media (min-width:992px) {

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
        border-radius: 0;
    }

    .navbar-brand {
        padding: 0 15px;
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px;
    }

    .navbar-brand>img {
        max-width: none;
        margin-top: -3px;
        /* zoom: 1.1; */
    }

    .footer-logo>img{
        /* zoom: 1.1; */
        width: 100px;
    }
}

@media (max-width:768px) {
    .navbar-mobile__right .navbar-brand img{
        margin-top: -12px;
    }
    .footer-logo>img{
        /* zoom: 1.1; */
        width: 100px;
    }

}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 9.5px;
    margin-bottom: 9.5px;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
    position: relative;
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: .25s ease-in-out;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}

.navbar-toggle .icon-bar:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -5px;
}

.navbar-toggle .icon-bar:nth-child(2) {
    width: 0;
    opacity: 0;
}

.navbar-toggle .icon-bar:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar-toggle.collapsed .icon-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggle.collapsed .icon-bar:first-child {
    top: 0;
}

.navbar-toggle.collapsed .icon-bar:nth-child(2) {
    width: 100%;
    opacity: 1;
}

.navbar-nav {
    margin: 0 -15px;
    padding-top: 20px;
}

.navbar-nav li {
    margin-bottom: 0;
}

.navbar-nav>li>a {
    line-height: 1;
    transition: all .5s ease-in-out;
    padding: 16px 14px;
}

@media (min-width:992px) {
    .navbar-toggle {
        display: none;
    }

    .navbar-nav>li>a {
        font-size: 15px;
    }
}

@media (min-width:1200px) {
    .navbar-nav>li>a {
        font-size: 18px;
    }
}

@media (max-width:991px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 22px;
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none;
    }
}

@media (min-width:992px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-nav>li {
        float: left;
    }

    .navbar-nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.navbar-right {
    padding-top: 0;
    padding-bottom: 16px;
}

@media only screen and (min-width:992px) {
    .navbar-right {
        padding-top: 20px;
        padding-bottom: 0;
    }
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin: 1px -15px;
}

@media (min-width:768px) {

    .navbar-form .form-control-static,
    .navbar-form .form-group {
        display: inline-block;
    }

    .navbar-form .control-label,
    .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .navbar-form .input-group .form-control,
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto;
    }

    .navbar-form .input-group>.form-control {
        width: 100%;
    }

    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .checkbox label,
    .navbar-form .radio label {
        padding-left: 0;
    }

    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0;
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width:991px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0;
    }
}

@media (min-width:992px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
    }

    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-btn {
    margin-top: 1px;
    margin-bottom: 1px;
}

.navbar-btn.btn-sm {
    margin-top: 8.5px;
    margin-bottom: 8.5px;
}

.navbar-btn.btn-xs,
.navbar-text {
    margin-top: 14px;
    margin-bottom: 14px;
}

@media (min-width:992px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right;
        margin-right: -15px;
    }

    .navbar-right~.navbar-right {
        margin-right: -15px;
    }
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #e6e5e5;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #444;
}

@media only screen and (min-width:768px) {
    .navbar-default .navbar-text {
        color: #fff;
    }

    .navbar--search .navbar-left {
        display: none;
    }
}

.navbar-default .navbar-nav>li>a {
    color: #444;
}

@media only screen and (min-width:992px) {
    .navbar-default .navbar-nav>li>a {
        color: #fff;
    }
}

/* 下拉菜单 */
.container>.navbar-header {
    /* padding: 10px 0px; */
}

.navbar-nav.navbar-left,
.navbar-nav.navbar-right {
    padding-top: 10px;margin-left: 4%;
}

.navbar-default .navbar-nav>li {
    height: 40px;
}

.navbar-default .navbar-nav>li>a {
    padding: 10px 15px;
    height: 40px;
}

.navbar-default .navbar-nav>li.read>a {
    padding: 13px 7.5px;
    /* padding: 10px 7.5px; */
    background: rgba(255, 255, 255, .11);
}

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

/* @media (min-width:769px) { */
    #main-navigation li:hover{
        font-weight: bold;
    }

    .dropdown:hover {
        width: 150px;
        background: rgba(255, 255, 255, .75);
        border-radius: 4px 4px 0px 0px;
        box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .dropdown:hover>.dropdown-content {
        display: block;
    }

/* } */



.dropdown-content {
    width: 150px;
    z-index: 2;
    margin: auto;
    position: absolute;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1);
    display: none;
    text-align: center;
}


.dropdown-content a {
    padding: 5px 5px;
    text-decoration: none;
    display: block;
    font-size: 16px;
    color: #06385B;
    padding: 15px 10px;
}

.dropdown-content a:hover {
    color: #00A7EA;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width:768px) {
    .dropdown-content{
        background-color: rgba(255,255,255,1);
    }
}

.nav.navbar-right li {
    /* box-shadow:0px 5px 15px 0px rgba(141,69,216,0.1); */
}

.change img {
    margin-left: 15px;
}

.change {
    background: rgba(255, 255, 255, .11);
}

.navbar-default .navbar-nav>li.navbar-search-open>a {
    background: rgba(0, 28, 64, .1);
    border-radius: 5px 0px 0px 5px;
}

.login {
    color: #fff;
    background: rgba(255, 255, 255, .11);
    border-radius: 0px 5px 5px 0px;
}

.navbar-default .navbar-nav>li.login>a:first-child {
    padding: 10px 0px 10px 15px;
}

.navbar-default .navbar-nav>li.login>a:last-child {
    padding: 10px 15px 10px 0px;
    text-align: left;
    width: 100px;
}

.nav>li.login>a {
    display: inline-block;
}

.navbar.navbar-default.navbar-fixed-top {
    overflow: initial;
}


.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #06385B;
    /* color: #fcc700;  */
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: transparent;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: #555;
}

@media (max-width:991px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fcc700;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #fff;
}

.navbar-default .navbar-link:hover {
    color: #fcc700;
}

.navbar-default .btn-link {
    color: #fff;
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: #fcc700;
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc;
}

.navbar-inverse {
    background-color: #fff;
    border-color: #e6e5e5;
    box-shadow: 0 4px 10px -4px rgba(68, 68, 68, .4);
}

.navbar-inverse .change,
.navbar-inverse .login {
    background: rgba(70, 52, 52, .1);
    color: #444;
}

.navbar-inverse .login a {
    color: #444 !important;
}

.navbar-inverse .login a:hover {
    color: #0083b7 !important;
}

.navbar-inverse .read {
    background: rgba(70, 52, 52, .1);
}

.navbar-inverse .navbar-nav>li.navbar-search-open>a {
    background: rgba(0, 28, 64, 0.15);
}

.navbar-inverse .navbar-nav>li.login>a:first-child {}

.navbar-inverse .navbar-nav>li.login>a:last-child {}

.navbar-inverse .nav>li.login>a {
    display: inline-block;
    color: #fff;
}

.navbar-inverse .navbar-brand {
    color: #444;
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-text {
    color: #444;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #0083b7;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #00517c;
    background-color: #e6e5e5;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #444;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #ededed;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #e6e5e5;
    color: #00517c;
}

@media (max-width:991px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #e6e5e5;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #e6e5e5;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #444;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #00517c;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #00517c;
        background-color: #e6e5e5;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #444;
}

.navbar-inverse .navbar-link:hover {
    color: #00517c;
}

.navbar-inverse .btn-link {
    color: #444;
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
    color: #00517c;
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444;
}

.navbar-inverse .navbar-contact i.fa-envelope-o {
    background: url(../image/ico_envelope_black.png) left center no-repeat;
}

.navbar-inverse .navbar-auth i.fa-user-circle-o {
    background: url(../image/ico_user_black.png) left center no-repeat;
}

.navbar-inverse .navbar-search-open i.fa-search {
    background: url(../image/ico_search_black.png) left center no-repeat !important;
}

.navbar-inverse .navbar-mobile__right .fa-search {
    background: url(../image/ico_search_black.png) left center no-repeat;
    background-size: cover;
}

.navbar--search #navbar-search__desktop {
    display: block;
    float: left;
    margin-left: 5%;
}

.navbar--search .nav .navbar-search-open {
    display: none;
}

.navbar-fixed-top .navbar-search {
    background: #fff;
}

.navbar-fixed-top.navbar--search .navbar-search {
    background: 0 0;
}

.navbar-collapse {
    background: #fff;
}

.navbar-search {
    margin: 0 -15px;
    padding: 30px 15px 20px;
    position: relative;
}

@media only screen and (min-width:992px) {
    .navbar-collapse {
        background: 0 0;
    }

    .navbar-search {
        display: none;
        max-width: 555px;
        width: 100%;
        background: 0 0;
        padding: 8px 25px 0;
    }
}

@media only screen and (min-width:1200px) {
    .navbar-search {
        /* max-width: 745px; */
        max-width: 650px;
        margin-top: 3px;
    }
}

@media (max-width:768px) {

    .navbar--search #navbar-search__desktop,
    .navbar-search {
        display: none;
    }
}

.navbar-search .navbar-form {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

.navbar-search .input-group {
    width: 100%;
    display: inline-table;
    margin-bottom: 0;
}

.navbar-search input {
    padding: 0 10px;
    height: 38px;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    float: left;
    line-height: 38px;
}

.navbar-search input:focus {
    box-shadow: none;
}

.navbar-search .input-group-btn {
    display: table-cell;
    width: 1% !important;
}

.navbar-search .input-group-btn button {
    margin-top: 1px;
    border-radius: 0 4px 4px 0;
    padding: 0 14px;
    height: 38px;
    background: #fff;
    color: #00a7ea;
    border: 1px solid #00a7ea;
    border-left: 0;
    float: left;
}

@media (max-width:768px) {
    .navbar-search .input-group-btn button {
        margin-top: 0;
    }
}

.navbar-search .input-group-btn button .fa-search {
    width: 19px;
    height: 36px;
    background: url(../image/ico_search_blue.png) left center no-repeat;
}

.nav .navbar-search-open i.fa-search,
.navbar-search .input-group-btn button:hover .fa-search {
    background: url(../image/ico_search.png) left center no-repeat;
}

.navbar-search .input-group-btn button:hover {
    border-color: #007bad;
}

@media only screen and (min-width:768px) {
    .navbar-search .input-group-btn button {
        margin-top: 0;
    }
}

.navbar-search .input-group-btn button:before {
    border-radius: 0;
}

.nav .navbar-search-open {
    display: none;
}

@media only screen and (min-width:992px) {
    .nav .navbar-search-open {
        display: block;
    }
}

.nav .navbar-search-open i.fa-search {
    width: 19px;
    height: 19px;
}

.nav .navbar-search-open i.fa-search:hover {
    background: url(../image/ico_search_hover.png) left center no-repeat !important;
}

.navbar-search-close {
    display: none;
}

.navbar-search-close i.fa-close {
    width: 9px;
    height: 9px;
    background: url(../image/ico_close.png) left center no-repeat;
    background-size: cover;
}

@media only screen and (min-width:992px) {
    .navbar-search-close {
        display: block;
        color: #fff;
        float: right;
        font-size: 12px;
        margin-top: 5px;
        cursor: pointer;
        position: absolute;
        right: 25px;
    }
}

.navbar-inverse .navbar-search-close {
    background: #00a7ea;
    padding: 8px 16px;
    line-height: 1;
    border-radius: 99em;
}

.navbar-auth .navbar-auth-pane {
    display: inline-block;
}

@media only screen and (min-width:992px) {
    .navbar-auth .navbar-auth-pane {
        display: none;
    }
}

.navbar-auth--open .navbar-auth-pane {
    display: block;
}

.navbar-auth--open .navbar-auth-pane span {
    display: none;
}

.navbar-auth-pane,
.navbar-auth-pane #logout-btn,
.navbar-auth-toggle {
    display: inline-block;
}

.navbar-auth i.fa-user-circle-o {
    width: 19px;
    height: 19px;
    background: url(../image/ico_user.png) left center no-repeat;
}

@media (max-width:768px) {
    .navbar-auth i.fa-user-circle-o {
        background: url(../image/ico_user_black.png) left center no-repeat;
    }
}

.navbar-auth i.fa-user-circle-o:hover {
    background: url(../image/ico_user_hover.png) left center no-repeat;
}

.navbar-auth-toggle {
    padding: 0 0 0 15px;
    vertical-align: top;
    margin-right: 6px;
    cursor: pointer;
}

.navbar-auth-toggle .fa-user-circle-o {
    margin-top: 7px;
}

.navbar-auth-toggle .fa-user-circle-o:hover {
    color: #fcc700;
}

@media only screen and (min-width:992px) {
    .navbar-auth-toggle .fa-user-circle-o {
        margin-top: 2px;
    }

    .navbar-auth-toggle {
        padding-right: 15px;
        color: #fff;
        font-size: 16px;
        margin-top: 0;
    }

    .navbar-auth-pane #logout-btn {
        display: block;
    }
}

.navbar-inverse .navbar-auth-toggle {
    color: #333;
}

@media screen and (max-width:992px) {
    .navbar-auth-pane a#login-btn:before {
        background: 0 0;
    }

    .navbar-auth-pane #login-btn {
        padding-right: 10px;
    }

    .navbar-auth-pane #login-btn:hover {
        color: #00a7ea;
        box-shadow: none;
        text-decoration: underline;
        background: 0 0;
    }
}

.navbar-auth-pane #logged-in {
    padding-top: 4px;
}

.navbar-auth-pane a:first-child {
    padding-left: 0;
}

@media only screen and (min-width:992px) {
    .navbar-auth-pane #logged-in {
        padding-top: 0;
    }

    .navbar-auth-pane a:first-child {
        padding-left: 10px;
    }

    .navbar-auth-pane {
        position: absolute;
        background: #fff;
        padding: 20px;
        box-shadow: 0 0 20px rgba(0, 81, 124, .1);
        width: 160px;
        left: 0;
        margin-top: 24px;
        margin-left: -54px;
        text-align: left;
        border-radius: 4px;
        border: 1px solid rgba(0, 81, 124, .1);
        line-height: 2;
        font-size: 16px;
    }

    .navbar-auth-pane:after,
    .navbar-auth-pane:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        left: 50%;
    }

    .navbar-auth-pane:before {
        top: -30px;
        border: 14px solid transparent;
        border-bottom: 16px solid #e5edf2;
        z-index: 2;
        margin-left: -17px;
    }

    .navbar-auth-pane:after {
        top: -28px;
        border: 13px solid transparent;
        border-bottom: 15px solid #fff;
        z-index: 3;
        margin-left: -16px;
    }
}

.btn,
.label {
    text-align: center;
    white-space: nowrap;
}

.navbar-auth-pane .btn {
    color: #333;
    font-size: 18px;
}

.navbar-auth-pane .btn.nice-select.open,
.navbar-auth-pane .btn:active,
.navbar-auth-pane .btn:hover {
    color: #00a7ea;
    box-shadow: none;
    text-decoration: underline;
}

.btn-btt,
.navbar-auth-pane .btn-default:hover {
    text-decoration: none;
}

.text-center .btn-default {
    margin: 10px;
}

.navbar-auth-pane .btn[data-toggle] {
    background: 0 0;
}

@media only screen and (min-width:992px) {
    .navbar-auth-pane .btn {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .navbar-auth-pane .btn[data-toggle] {
        background: #00a7ea;
        border-radius: 99em;
        color: #fff;
        width: 100%;
        padding: 11px 28px;
    }

    .navbar-contact span {
        display: none;
    }
}

.navbar-auth-pane .btn-default {
    border-radius: 999em;
    padding: 8px 40px;
}

@media (max-width:768px) {
    .navbar-auth-pane .btn-default {
        background: 0 0;
        padding: 5px 10px;
    }
}

.navbar-contact i.fa-envelope-o {
    width: 19px;
    height: 18px;
    background: url(../image/ico_envelope.png) left center no-repeat;
}

@media (max-width:768px) {
    .navbar-contact i.fa-envelope-o {
        background: url(../image/ico_envelope_black.png) left center no-repeat;
    }
}

.navbar-contact i.fa-envelope-o:hover {
    background: url(../image/ico_envelope_hover.png) left center no-repeat;
}

.navbar-contact span {
    margin-left: 10px;
}

.navbar-mobile__right {
    float: right;
}

.navbar-mobile__right .fa-search {
    display: none;
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 17px;
    margin-right: 5px;
    background: url(../image/ico_search_white.png) left center no-repeat;
    background-size: cover;
}

@media (max-width:768px) {
    .navbar-mobile__right .fa-search {
        display: block;
    }
}

#navbar-search__mobile {
    background: 0 0;
    margin: 55px 0 10px;
    padding: 0 15px;
}

.breadcrumb,
.breadcrumb>li,
.btn {
    margin-bottom: 0;
}

#navbar-search__mobile.display {
    display: none;
}

@media (max-width:768px) {
    #navbar-search__mobile.display {
        display: block;
    }
}

.breadcrumb {
    padding: 14px 0;
    display: none;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

@media only screen and (min-width:768px) {
    .breadcrumb {
        display: block;
    }
}

.breadcrumb>li {
    display: inline-block;
    font-size: 14px;
}

.breadcrumb>li a {
    color: #00a7ea;
    font-size: 14px;
}

.breadcrumb>li+li:before {
    content: "> ";
    padding: 0 5px;
    color: #00a7ea;
}

.breadcrumb>.active {
    color: #666;
}

.btn-btt {
    position: fixed;
    z-index: 9999;
    background: #00a7ea;
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 35px;
    display: none;
    opacity: .9;
}

.btn-btt i,
.btn-default {
    position: relative;
    color: #fff;
}

@media only screen and (min-width:768px) {
    .btn-btt {
        bottom: 30px;
        right: 30px;
    }
}

.btn-btt i {
    margin: 0;
    left: 16px;
    top: 13px;
    font-size: 18px;
    transition: all .3s ease;
}

.btn-btt:hover i {
    top: 5px;
}

.btn {
    display: inline-block;
    font-weight: 400;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0;
    padding: 12px 28px;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.btn-default:not([disabled]):before,
.btn-secondary:not([disabled]):before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus.nice-select.open,
.btn.nice-select.open:focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #fff;
    text-decoration: none;
}

.btn.active,
.btn.nice-select.open,
.btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    background-color: #ddd;
    box-shadow: none;
}

.btn[type=submit] {
    margin-top: 25px;
}

.btn-default {
    background-color: #00a7ea;
    border-color: #ccc;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    /* margin: 0 10px; */
}

.btn-default.active,
.btn-default.nice-select.open,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #0083b7;
    border-color: #adadad;
    background-image: none;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.focus.nice-select.open,
.btn-default.nice-select.open:focus,
.btn-default.nice-select.open:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
    color: #fff;
    background-color: #006993;
    border-color: #8c8c8c;
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #00a7ea;
    border-color: #ccc;
}

.btn-default .badge {
    color: #00a7ea;
    background-color: #fff;
}

.btn-default:not([disabled]):before {
    position: absolute;
    background: #007bad;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.btn-default.nice-select.open:not([disabled]),
.btn-default:not([disabled]):active,
.btn-default:not([disabled]):focus,
.btn-default:not([disabled]):hover {
    color: #fff;
}

.btn-default.nice-select.open:not([disabled]):before,
.btn-default:not([disabled]):active:before,
.btn-default:not([disabled]):focus:before,
.btn-default:not([disabled]):hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn-secondary,
.card--career-cam {
    -webkit-transform: perspective(1px) translateZ(0);
}

.btn-secondary {
    color: #fff;
    background-color: #666;
    border-color: #2e6da4;
    transform: perspective(1px) translateZ(0);
    position: relative;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.btn-secondary.active,
.btn-secondary.nice-select.open,
.btn-secondary:active,
.open>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #4d4c4c;
    border-color: #204d74;
    background-image: none;
}

.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary.focus.nice-select.open,
.btn-secondary.nice-select.open:focus,
.btn-secondary.nice-select.open:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open>.btn-secondary.dropdown-toggle.focus,
.open>.btn-secondary.dropdown-toggle:focus,
.open>.btn-secondary.dropdown-toggle:hover {
    color: #fff;
    background-color: #3b3b3b;
    border-color: #122b40;
}

.btn-secondary.disabled.focus,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
fieldset[disabled] .btn-secondary.focus,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:hover {
    background-color: #666;
    border-color: #2e6da4;
}

.btn-secondary .badge {
    color: #666;
    background-color: #fff;
}

.btn-secondary:not([disabled]):before {
    position: absolute;
    background: #474747;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.btn-secondary.nice-select.open:not([disabled]),
.btn-secondary:not([disabled]):active,
.btn-secondary:not([disabled]):focus,
.btn-secondary:not([disabled]):hover {
    color: #fff;
}

.btn-secondary.nice-select.open:not([disabled]):before,
.btn-secondary:not([disabled]):active:before,
.btn-secondary:not([disabled]):focus:before,
.btn-secondary:not([disabled]):hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success.active,
.btn-success.nice-select.open,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
    background-image: none;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus.nice-select.open,
.btn-success.nice-select.open:focus,
.btn-success.nice-select.open:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info.active,
.btn-info.nice-select.open,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
    background-image: none;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus.nice-select.open,
.btn-info.nice-select.open:focus,
.btn-info.nice-select.open:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning.active,
.btn-warning.nice-select.open,
.btn-warning:active,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
    background-image: none;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus.nice-select.open,
.btn-warning.nice-select.open:focus,
.btn-warning.nice-select.open:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #c30004;
    border-color: #aa0003;
}

.btn-danger.active,
.btn-danger.nice-select.open,
.btn-danger:active,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #900003;
    border-color: #6c0002;
    background-image: none;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus.nice-select.open,
.btn-danger.nice-select.open:focus,
.btn-danger.nice-select.open:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #6c0002;
    border-color: #2a0001;
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #c30004;
    border-color: #aa0003;
}

.btn-danger .badge {
    color: #c30004;
    background-color: #fff;
}

.btn-play,
.btn-play.nice-select.open,
.btn-play:active,
.btn-play:focus,
.btn-play:hover {
    color: #fff;
    text-decoration: none;
}

.btn-play {
    padding: 17px 13px 13px 17px;
    height: 70px;
    width: 70px;
    border: 3px solid #fff;
    border-radius: 50%;
    font-size: 30px;
    background: 0 0;display: none;
}

.btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%;
}

.btn-link {
    color: #337ab7;
    font-weight: 400;
    border-radius: 0;
}

.btn-link,
.btn-link.active,
.btn-link.nice-select.open,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
}

.btn-link,
.btn-link.nice-select.open,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent;
}

.btn-link:focus,
.btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm,
.btn-xs {
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-sm {
    padding: 5px 10px;
}

.btn-xs {
    padding: 1px 5px;
}

.btn-wide {
    min-width: 220px;
}

.btn-block {
    display: block;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

.btn-share {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url(../image/sprite-social.png);
    background-size: 100%;
    margin-bottom: .5em;
    cursor: pointer;
}

@media (min-width:1024px) {
    .btn-share {
        margin: .75em 0;
    }
}

.btn-share--fb:hover {
    background-image: url(../image/icon_facebook_hover.png);
}

.btn-share--tw {
    background-position: 0 -80px;
}

.btn-share--tw:hover {
    background-image: url(../image/icon_twitter_hover.png);
}

.btn-share--in {
    background-position: 0 -40px;
}

.btn-share--in:hover {
    background-image: url(../image/icon_linkedin_hover.png);
}

.btn-share--wechat {
    background-position: 0 -120px;
}

.btn-share--wechat:hover {
    background-image: url(../image/icon_wechat_hover.png);
}

.btn-dismiss {
    background: #666;
    color: #fff;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    vertical-align: baseline;
    border-radius: .25em;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label-default {
    background-color: #777;
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: #5e5e5e;
}

.label-primary {
    background-color: #337ab7;
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #286090;
}

.label-success {
    background-color: #5cb85c;
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #449d44;
}

.label-info {
    background-color: #5bc0de;
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #31b0d5;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #ec971f;
}

.label-danger {
    background-color: #c30004;
}

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #900003;
}

.media {
    margin-top: 15px;
}

.media:first-child,
.panel-title {
    margin-top: 0;
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-object.img-thumbnail {
    max-width: none;
}

.media-right,
.media>.pull-right {
    padding-left: 10px;
}

.media-left,
.media>.pull-left {
    padding-right: 10px;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.icon-cs,
.media-middle,
.stat__ring {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

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

.panel {
    margin-bottom: 22px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-title,
.panel>.list-group,
.panel>.panel-collapse>.list-group,
.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0;
}

.panel-body {
    padding: 15px;
}

.panel-body:after,
.panel-body:before {
    content: " ";
    display: table;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    font-size: 18px;
    color: #222;
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel-group .panel-heading,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.list-group+.panel-footer,
.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
    padding-left: 15px;
    padding-right: 15px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd;
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0;
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0;
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 22px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}

@media (min-width:768px) {
    .panel-group--compact .panel-body {
        margin: 0 auto;
    }
}

.panel-default {
    border-color: #ddd;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #c30004;
}

.panel-danger>.panel-heading {
    color: #c30004;
    background-color: #f2dede;
    border-color: #c30004;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #c30004;
}

.panel-icon,
.panel-icon .panel-heading+.panel-collapse>.list-group,
.panel-icon .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #c30004;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #c30004;
}

.panel-icon {
    border: 0;
    border-right: 0;
    border-bottom: solid 1px #00a7ea;
    border-left: 0;
}

.panel-icon.panel {
    border-radius: 0;
    box-shadow: none;
}

.panel-icon .panel-title a {
    position: relative;
    display: block;
    padding-right: 50px;
}

.panel-icon .panel-title a:focus,
.panel-icon .panel-title a:hover {
    text-decoration: none;
}

.panel-icon .panel-title a:hover {
    color: #00a7ea;
}

.panel-icon .panel-title a:after {
    content: '\2013';
    position: absolute;
    top: -6px;
    right: 5px;
    font: 30px "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1;
}

.modal,
.modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.panel-icon .panel-title a.collapsed:after {
    content: '+';
}

.close {
    float: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.popover,
.tooltip {
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    text-decoration: none;
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.modal-content,
.popover {
    background-clip: padding-box;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

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

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    text-align: left;
    text-align: start;
    font-size: 14px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    margin-bottom: -5px;
}

.tooltip.top-right .tooltip-arrow {
    left: 5px;
    margin-bottom: -5px;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    top: 0;
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px;
}

.tooltip.bottom-left .tooltip-arrow {
    right: 5px;
    margin-top: -5px;
}

.tooltip.bottom-right .tooltip-arrow {
    left: 5px;
    margin-top: -5px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    text-align: start;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.card__image img,
.image-showcase__full img {
    max-width: 100%;
}

.carousel-caption,
.carousel-control {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    text-align: center;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 16px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.carousel,
.carousel-inner {
    position: relative;
}

.popover>.arrow {
    border-width: 11px;
}

.popover>.arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px;
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff;
}

.popover.left>.arrow:after,
.popover.right>.arrow:after {
    content: " ";
    bottom: -10px;
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
}

.popover.right>.arrow:after {
    left: 1px;
    border-left-width: 0;
    border-right-color: #fff;
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px;
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}

.popover.left>.arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
}

.carousel-inner>.item {
    display: none;
    position: relative;
    transition: .6s ease-in-out left;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0;
    }

    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0;
    }

    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

.card:hover,
.figure--animated {
    -webkit-backface-visibility: hidden;
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner>.next {
    left: 100%;
}

.carousel-inner>.prev {
    left: -100%;
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.active.left {
    left: -100%;
}

.carousel-inner>.active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 36px;
    color: #00a7ea;
    background-color: transparent;
}

.carousel-control.right {
    left: auto;
    right: 0;
}

.carousel-control:focus,
.carousel-control:hover {
    outline: 0;
    color: #00a7ea;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90);
}

.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block;
}

.carousel-control .fa-angle-left,
.carousel-control .icon-prev {
    left: 15px;
}

.carousel-control .fa-angle-right,
.carousel-control .icon-next {
    right: 15px;
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif;
}

.carousel-control .icon-prev:before {
    content: '\2039';
}

.carousel-control .icon-next:before {
    content: '\203a';
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000;
    background-color: transparent;
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

.carousel-caption .btn,
.text-hide {
    text-shadow: none;
}

@media screen and (min-width:768px) {

    .carousel-control .fa-angle-left,
    .carousel-control .fa-angle-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 54px;
        height: 54px;
        margin-top: -18px;
        font-size: 54px;
    }

    .carousel-control .fa-angle-left,
    .carousel-control .icon-prev {
        margin-left: -18px;
    }

    .carousel-control .fa-angle-right,
    .carousel-control .icon-next {
        margin-right: -18px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}
@media (min-width:769px) {
    .banner.swiper-container{
        max-height: 910px;
    }
}
.hero .slick-slider .slick-list,
.hero .slick-slider .slick-track {
    -webkit-transform: none;
    transform: none;
}

.slick-slide {
    position: relative;
}

.slick-slide img {
    width: 100%;
}

@media (max-width:768px) {
    .carousel-inner .item-caption {
        font-size: 10px;
        padding: 8px;
    }
}

.carousel-inner-nav img {
    padding: 10px;
}

.slick-next,
.slick-prev {
    width: 40px !important;
    height: 40px !important;
}

.image-showcase img,
video {
    width: 100%;
}

@media only screen and (min-width:768px) {

    .slick-next,
    .slick-prev {
        display: none;
    }
}

.slick-next:before,
.slick-prev:before {
    color: #00a7ea !important;
    font-family: FontAwesome !important;
    font-size: 40px !important;
}

.slick-prev:before {
    content: '\f104' !important;
}

.slick-next:before {
    content: '\f105' !important;
}

.slick-prev {
    left: 25px !important;
    z-index: 1;
}

.slick-next {
    right: 25px !important;
}

.card-grid__carousel .slick-prev {
    left: -35px !important;
    top: calc(50% - 15px);
}

.card-grid__carousel .slick-next {
    right: -35px !important;
    top: calc(50% - 15px);
}

@media (max-width:768px) {

    .card-grid__carousel .slick-next,
    .card-grid__carousel .slick-prev {
        display: none !important;
    }
}

.clearfix:after,
.clearfix:before,
.section-about .solutions:after,
.section-about .solutions:before,
.tabgrid:after,
.tabgrid:before {
    content: " ";
    display: table;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.hero__video-img,
.hidden,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important;
    }

    .hero__video-img,
    .visible-xs-block {
        display: block !important;
    }

    .visible-xs-inline {
        display: inline !important;
    }

    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important;
    }

    .visible-sm-block {
        display: block !important;
    }

    .visible-sm-inline {
        display: inline !important;
    }

    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important;
    }

    .visible-md-block {
        display: block !important;
    }

    .visible-md-inline {
        display: inline !important;
    }

    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important;
    }

    .visible-lg-block {
        display: block !important;
    }

    .visible-lg-inline {
        display: inline !important;
    }

    .visible-lg-inline-block {
        display: inline-block !important;
    }

    .hidden-lg {
        display: none !important;
    }
}

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

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }

    .hidden-print {
        display: none !important;
    }
}

::-moz-selection {
    background: #00a7ea;
    color: #fff;
}

::selection {
    background: #00a7ea;
    color: #fff;
}

.browserupgrade {
    font-size: 18px;
    padding: 12px;
    margin: 0;
    text-align: center;
    color: #fff;
    background-color: #c30004;
}

.browserupgrade a {
    text-decoration: underline;
    color: #fff;
}

body {
    overflow-x: hidden;
    -ms-overflow-style: scrollbar;
}

li {
    margin-bottom: 25px;
}

/* experience */
.experience-detail li {
    margin-bottom: 10px;
}

.experience-detail h4 {
    margin-bottom: 0px;
}

video {
    height: auto;
    -o-object-fit: initial;
    object-fit: initial;
}

hr {
    margin-top: 32px;
    margin-bottom: 32px;
}

main>article,
main>header {
    padding-top: 40px;
}

@media (max-width:768px) {
    main>header {
        padding-top: 0;
    }
}

.list-inline li {
    margin-bottom: 0;
}

.relative {
    position: relative;
}

.content-home,
.content-subpage {
    position: relative;
    z-index: 3;
}

.content-home:before,
.content-subpage:before {
    content: '';
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
}

@media only screen and (min-width:768px) {
    main>header {
        padding-top: 0;
    }

    .content-home:before,
    .content-subpage:before {
        background-position: top center;
    }
}

.content-home:before {
    height: 79px;
    top: -78px;
    background-image: url(../image/home_curve.png);
}

.content-subpage:before {
    height: 80px;
    top: -60px;
    background-image: url(../image/subpage_curve1.jpg);
}

.page-info {
    padding-top: 20px;
}

.page-info h1 {
    margin-top: 0;
}

.image-showcase {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media only screen and (min-width:768px) {
    .image-showcase {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width:768px) and (min-width:992px) {
    .image-showcase {
        float: left;
        width: 83.33333333%;
        margin-left: 8.33333333%;
    }
}

.image-showcase__full {
    width: 100%;
    text-align: center;
}

.video-content {
    margin-top: 35px;
    margin-bottom: 35px;
}

@media only screen and (min-width:768px) and (min-width:992px) {
    .video-content {
        float: left;
        width: 83.33333333%;
        margin-left: 8.33333333%;
    }
}

.image-thumbnail img,
.video-content video {
    width: 100%;
}

.landing-content {
    margin-top: 30px;
}

@media only screen and (min-width:768px) {
    .video-content {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .landing-content {
        margin-top: 0;
    }

    .image-thumbnail {
        position: relative;
        min-height: 1px;
    }
}

.landing-content>h3 {
    margin-top: 0;
}

@media (min-width:1200px) {
    .landing-content>h3 {
        margin-bottom: 15px;
    }
}

.image-thumbnail {
    text-align: center;
}

@media only screen and (min-width:768px) and (min-width:992px) {
    .image-thumbnail {
        margin: 0 8.33333333%;
        float: left;
        width: 83.33333333%;
    }
}

.container-landing .row:nth-child(4n+1) .image-thumbnail {
    float: right;
}

ul.abbreviation-list {
    list-style: none;
}

ul.abbreviation-list.right {
    text-align: right;
}

ul.abbreviation-list.left {
    text-align: left;
}

@media only screen and (max-width:768px) {

    ul.abbreviation-list.left,
    ul.abbreviation-list.right {
        text-align: left;
        margin-bottom: 0;
    }
}

.caption-container {
    background-color: #f2fbfe;
    padding: 15px;
    overflow: hidden;
}

.caption-container .caption-header {
    text-align: left;
    padding: 5 15 15px;
    font-size: 14px;
    font-weight: 700;
}

.caption-container p {
    text-align: left;
    padding: 0 15px;
    font-weight: 700;
}

.caption-container li {
    margin-bottom: 5px;
    font-size: 13px;
}

.dark-overlay {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 4;
    position: fixed;
    top: 0;
    left: 0;
}

.iCare,
.timeline__year {
    background: #00a7ea;
    text-align: center;
}

.breadcrumb+h1 {
    margin-top: 0;
}

.similar-articles .figures.figure--animated {
    min-height: 128px !important;
}

.figures {
    margin-bottom: 25px;
}

.sharer {
    text-align: center;
}

@media (min-width:1024px) {
    .sharer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 0;
    }
}

.share__label {
    display: block;
    text-transform: uppercase;
    margin-bottom: .5em;
    color: #ccc;
    font-size: 13px;
}

.timeline__year,
.timeline__year:before {
    display: inline-block;
    content: "";
}

.share__icons {
    text-align: center;
}

@media (min-width:1024px) {
    .share__label {
        width: 56px;
        display: inline-block;
    }

    .share__icons {
        width: 56px;
        margin-left: -90px;
    }
}

.icon-sticky {
    position: fixed;
}

.article.addTopMargin {
    margin-top: 40px;
}

.article__thumb {
    margin-bottom: 25px;
}

.article__container h4 {
    margin-top: 10px;
}

.timeline h5 {
    margin-top: 0;
    margin-bottom: 12px;
}

.timeline__year {
    height: 22px;
    position: relative;
    cursor: pointer;
    margin: 0 13px 20px 0;
    padding: 10px 20px;
    border: none;
    border-radius: 4px 1px 1px 4px;
    color: #fff;
    text-transform: uppercase;
    text-overflow: ellipsis;
}

.nice-select,
.nice-select .list {
    box-sizing: border-box;
    background-color: #fff;
}

@media only screen and (min-width:992px) {
    .timeline__year {
        margin: 0;
    }
}

.timeline__year h4 {
    font-size: 18px;
    color: #fff;
    margin-top: 0;
}

.timeline__year:before {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-left: 20px solid #00a7ea;
    border-bottom: 21px solid transparent;
    top: 0;
    right: -20px;
}

.search__result h5,
.search__result p {
    margin-bottom: 10px;
}

.search__result+hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

.search__query {
    color: #00a7ea;
}

.modal input {
    height: 42px;
    border-radius: 4px;
}

.modal .btn {
    margin: 0 10px;
    min-width: 150px;
}

.image-showcase>img,
.text-center>img,
.video-content>img {
    margin: 0 auto;
}

.mapinfo {
    padding-top: 25px;
}

.mapinfo .figure {
    cursor: pointer;
}

.search__container {
    display: table;
    width: 100%;
}

.search__container .search__bar,
.search__container .search__text {
    display: block;
}

.search__container .search__text {
    width: 100%;
    color: #666;
}

@media only screen and (min-width:992px) {

    .search__container .search__bar,
    .search__container .search__text {
        display: table-cell;
    }

    .search__container .search__text {
        width: 20%;
    }
}

.search__container .search__bar {
    width: 100%;
}

@media only screen and (min-width:992px) {
    .search__container .search__bar {
        width: 80%;
    }
}

.search__container .navbar-search {
    display: block;
    padding: 0;
    margin: 0;
}

.search__info {
    color: #666;
    margin-bottom: 0;
    margin-top: 30px;
}

.search__info hr {
    margin-top: 15px;
}

.search__header {
    font-size: 18px;
}

.has-error select,
.nice-select.has-error {
    border-color: #c30004;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.iCare {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: fixed;
    right: -40px;
    bottom: 300px;
    color: #fff;
    padding: 12px 28px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-width: 120px;
    z-index: 999;
}

.iCare:hover {
    background: #23527c;
}

.bg--watercolor {
    background: url(../image/watercolor_1.png) top left no-repeat, url(../image/watercolor_2.png) bottom right no-repeat;
    background-size: 10%;
}

.full--width {
    width: 100%;
}

.no--padding {
    padding: 0;
}

.bg-page__grey {
    background: #f7f7f7;
}

.case-study__section {
    background: #004c78;
    margin: 2em 0;
}

.case-study__section .case-study__section-img {
    width: 100%;
    padding: 0;
}

@media only screen and (min-width:992px) {
    .case-study__section .case-study__section-img {
        position: relative;
        min-height: 1px;
        padding: 0;
    }
}

@media only screen and (min-width:992px) and (min-width:992px) {
    .case-study__section .case-study__section-img {
        float: left;
        width: 50%;
    }
}

.case-study__section .col-md-6 img,
.hero__video-img {
    width: 100%;
}

.case-study__section .col-md-11 h4 {
    margin-top: 2vw;
    font-size: 2vw;
    color: #fff;
}

.case-study__section .col-md-11 p {
    margin-top: 3vw;
    color: #fff;
}


@media (max-width:768px) {
    .case-study__section .col-md-11 h4 {
        font-size: 1.5em;
    }

    .case-study__section .col-md-11 p {
        font-size: 1em;
    }

    .component--section {
        margin: 1em auto;
    }

    .text-center-xs {
        text-align: center;
    }
}

.component--section .title {
    color: #00517c;
    font-size: 1.2em;
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 1.5em;
}

.component--section .description {
    color: #0083b7;
    font-weight: 300;
    font-size: 1em;
}

.component--section .description.grey {
    color: #989898;
    margin-bottom: 25px;
}

.component--section .text {
    font-size: .9em;
}

.container .text {
    font-size: .9em;
}

@media (max-width:768px) {
    .container .text p>img,
    .container .text p>span>img,
    .col-sm-10 .col-sm-10,
    h3>img,
    section section,
    section section div,
    section section ul,
    .text div ul{
        width: 100% !important;
    }
}

.component--section .media {
    margin: 2em 3em;
    text-align: center;
}

@media only screen and (max-width:991px) {
    .component--section .media {
        margin: 0;
    }

    .component--section .media img {
        max-width: 100%;
    }
}

.component--section .media .description {
    margin-top: 1em;
    font-size: .9em;
    color: #000;
}

.component--section .media .heavy_description,
.component--section .media .multiple .description {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f39700;
}

.component--section .media .heavy_description {
    margin-top: 2em;
}

.component--section .media .multiple {
    margin-top: 1em;
}

.component--section .media .multiple .description {
    margin-bottom: 3rem;
}

@media (min-width:992px) {
    .vertical-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width:1200px) {
    .hide-in-mobile {
        display: none;
    }

    .hide-in-desktop {
        display: block !important;
    }
}

.hero__overlay #hero-carousel ul.slick-dots li,
.icon-cs {
    display: inline-block;
}

.hero__overlay #hero-carousel .hidden-xs {
    width: 100%;
    /* min-width: 1920px;
    width: auto;
    height: 100%; */
    height: auto;
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
}

.error--page h1 {
    font-size: 11rem;
    font-weight: 700;
}

.error--page h5 {
    font-size: 2rem;
    margin-top: -55px;
}

.error--page p.copy-error {
    margin-top: 40px;
}

.hero .btn,
.hero .btn-play,
.map-notice {
    margin-top: 25px;
}

@media (min-width:1200px) {
    .error-page--footer {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}

.modal--close {
    position: absolute;
    top: 35px;
    right: 50px;
    color: #00517c;
    font-size: 2rem;
    z-index: 999;
}

.hero,
.hero__overlay {
    position: relative;
    /* height: 100vh; */
    width: 100%;
    /* overflow: hidden; */
    /* width: 100vw; */
    height: auto;
}

.modal--close:hover {
    text-decoration: none;
    cursor: pointer;
}

.figure__info em {
    font-style: normal;
    color: #00a7ea;
}

table td p {
    max-height: 45px;
    overflow: hidden;
    margin-bottom: 0;
}

table a {
    white-space: nowrap;
}

.map-notice {
    padding: 5px;
    text-align: center;
    color: #666;
}

.map-notice a {
    text-decoration: underline;
}

.hero {
    /* min-height: 765px; */
    background-color: #5b8ea8;
}

@media (max-width:1199px) {
    .hero {
        min-height: 500px;
    }
}

.hero__overlay #hero-carousel .slick-slide img {
    width: initial;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width:768px) {
    .modal--close {
        right: 25px;
    }

    table td {
        max-height: auto;
    }

    .hero__overlay #hero-carousel .slick-slide img {
        width: 100%;
    }
}

.hero__overlay #hero-carousel ul.slick-dots {
    list-style: none;
    position: absolute;
    bottom: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 500;
    text-align: center;
    padding: 0;
}

.hero__overlay #hero-carousel ul.slick-dots li:nth-child(2) {
    margin: 0 15px;
}

.hero__overlay #hero-carousel ul.slick-dots .slick-active button {
    background: #f39700;
}

.hero__overlay #hero-carousel ul.slick-dots button {
    border-radius: 10px;
    height: 10px;
    width: 10px;
    padding: 0;
    box-shadow: none;
    background: #fff;
    border: none;
    font-size: 0;
}

.hero__overlay:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 81, 124, .6);
    z-index: 1;
}

.hero__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 300px;
    margin: auto;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.hero__intro-title {
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
}

.card,
.card--career .card__body {
    color: #444;
}

@media only screen and (min-width:768px) {
    .hero__intro-title {
        font-family: "HuaweiSans-Light", "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

.icon-cs {
    width: 26px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-right: 8px;
}

.icon-cs--repeatered {
    background-image: url(../image/icon-cs-repeatered.png);
}

.icon-cs--unrepeatered {
    background-image: url(../image/icon-cs-unrepeatered.png);
}

.icon-cs--others {
    background-image: url(../image/icon-cs-others.png);
}

.icon-cs--turnkey {
    background-image: url(../image/icon-cs-turnkey.png);
}

.icon-cs--upgrade {
    background-image: url(../image/icon-cs-upgrade.png);
}

.card {
    padding: 35px 20px 30px;
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.card--career-cam:after,
.card--career-cam:before,
.card--career-exp:after,
.card--career-exp:before {
    content: "";
    z-index: -1;
    height: 5px;
    transition: left .3s ease-in-out, right .3s ease-in-out;
    bottom: 0;
}

.card:hover {
    backface-visibility: hidden;
    box-shadow: 0 0 18px 4px rgba(0, 81, 124, .1);
    border: 1px solid rgba(0, 81, 124, .3);
    -webkit-transform: translateZ(0) scale(1.01);
    transform: translateZ(0) scale(1.01);
}

.card.no-hover:hover {
    box-shadow: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.card--landscape,
.card--list {
    box-shadow: 0 0 15px 3px rgba(0, 81, 124, .05);
}

.card__body,
.card__title {
    margin-bottom: 15px;
}

.card__title {
    font: 22px "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.agenda__container .venue-title,
.card__cta {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.card__action {
    margin: 32px 0 16px;
    text-align: center;
}

.card--career {
    padding-left: 32px;
    padding-right: 32px;
}

.card--career:hover {
    border: 0;
}

@media (min-width:1024px) {
    .card--career {
        margin-top: 0;
    }
}

.card--career-cam {
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
}

.card--career-cam .card__title {
    color: #f39700;
}

.card--career-cam:after,
.card--career-cam:before {
    position: absolute;
    left: 50%;
    right: 50%;
    background: #f39700;
}

.card--career-cam.nice-select.open:after,
.card--career-cam:active:after,
.card--career-cam:before,
.card--career-cam:focus:after,
.card--career-cam:hover:after {
    left: 0;
    right: 0;
}

.card--career-cam:after {
    background: #ffad27;
}

.card--career-exp {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
}

.card--career-exp .card__title {
    color: #00517c;
}

.card--career-exp:after,
.card--career-exp:before {
    position: absolute;
    left: 50%;
    right: 50%;
    background: #00517c;
}

.news,
.news__overlay {
    position: relative;
}

.card--career-exp.nice-select.open:after,
.card--career-exp:active:after,
.card--career-exp:before,
.card--career-exp:focus:after,
.card--career-exp:hover:after {
    right: 0;
    left: 0;
}

.card--career-exp:after {
    background: #0072af;
}

.card--landscape {
    padding: 20px 20px 0;
    border-radius: 4px;
    border: 1px solid rgba(0, 81, 124, .1);
}

.card--landscape h3,
.card--landscape h4,
.card--landscape h5 {
    margin: 5px 0;
}

.card__image {
    padding-right: 15px;
    padding-left: 15px;
}

.card__info {
    padding-right: 15px;
    overflow: auto;
}

.card--list {
    border-radius: 4px;
    border: 1px solid rgba(0, 81, 124, .1);
}

.card--nopad {
    padding: 0;
}

.card__content {
    padding: 25px 25px 0;
    display: block;
    color: #444;
}

@media (max-width:768px) {
    .card__content {
        padding-top: 0;
    }
}

.card__content:focus,
.card__content:hover {
    color: #444;
    text-decoration: none;
}

@media (min-width:1200px) {
    .card__content {
        padding-top: 0;
    }

    .card__content--split {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .card__content--split .card__image {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0;
    }

    .card__content--split .card__info {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3;
        padding: 0 0 0 20px;
    }
}

.card__content h3,
.card__content h4,
.card__content h5 {
    margin-top: 25px;
    margin-bottom: 10px;
    color: #00a7ea;
}

.card-border {
    border: 1px solid #ddd;
}

.no-shadow {
    box-shadow: none;
}

.feat-news-wrapper {
    overflow-x: auto;
    margin-bottom: 25px;
    margin-top: -78px;
    margin-right: -15px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.feat-news-wrapper::-webkit-scrollbar {
    display: none;
}

.feat-news-swipe {
    width: 650px;
}

.news img,
.news__img {
    width: 100%;
}

.featured__news {
    padding: 70px 0;
    height: 350px;
    text-align: center;
}

.featured__news date,
.featured__news h3 {
    color: #fff;
}

.featured__news h3 {
    font-size: 26px;
    max-width: 410px;
    margin: 10px auto 25px;
}

.news:hover {
    box-shadow: 0 0 18px 4px rgba(0, 81, 124, .1);
    border: 1px solid rgba(0, 81, 124, .3);
    -webkit-transform: translateZ(0) scale(1.01);
    transform: translateZ(0) scale(1.01);
}

.event-card,
.subscribe--section form {
    box-shadow: none;
}

@media only screen and (min-width:1200px) {
    .news--tall {
        min-height: 300px;
        /* background: #eee; */
        border-radius: 15px;
    }
}

@media only screen and (min-width:768px) {
    .feat-news-wrapper {
        overflow: hidden;
    }

    .feat-news-swipe {
        width: 100%;
    }

    .news {
        height: auto;
    }

    .news--tall {
        max-height: 350px;
    }

    .news--short {
        max-height: 247px;
        margin-bottom: 18px;
    }
}

@media only screen and (min-width:992px) {
    .news--short .news__title {
        font-size: 22px;
    }

    .news--short {
        margin-bottom: 30px;
    }
}

.news__overlay {
    border-radius: 4px;
    overflow: hidden;
    max-height: 350px;
}

.news__img {
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
}

.news__title {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 15px 15px 12px;
    font-size: 18px;
    color: #fff;
}

.news__title.bg__opaqueBlack {
    background: rgba(0, 0, 0, .3);
}

.news__title .text__overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    overflow: hidden;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .2) 100%, transparent 70%);
}

@media only screen and (min-width:992px) {
    .news__title {
        font-size: 22px;
    }
}

.news__category {
    position: absolute;
    top: 30px;
    left: 0;
    padding: 3px 15px;
    font-size: 12px;
    text-transform: capitalize;
    background: #fff;
    color: #333;
}

.news__category:after {
    content: "";
    width: .3em;
    bottom: 0;
    top: 0;
    position: absolute;
    display: block;
    border: 1em solid #fff;
    z-index: 2;
    right: -1.35em;
    border-left-width: 1em;
    border-right-color: transparent;
}

.social,
article.article .article__content img {
    width: 100%;
}

.news__category--news {
    border-left: 10px solid #f39700;
}

.news__category--event {
    border-left: 10px solid #0083b7;
}

.news__category--case {
    border-left: 10px solid #fcc700;
    color: #222;
}

.news__category--webinar {
    background-color: #00a7ea;
}

.nice-select .list {
    display: inline-block;
    white-space: pre-wrap;
}

.nice-select .option {
    line-height: 20px !important;
    min-height: 0 !important;
    padding: 15px 18px;
}

article.article .article__content h4 {
    font-size: 22px;
}

footer,
footer small {
    font-size: 14px;
}

footer {
    padding: 30px 0 25px;
    background: #222;
    color: #aaa;
}

.copyright,
.social {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

footer nav {
    margin: 35px 0 20px;
}

@media only screen and (min-width:768px) {
    .news__category {
        bottom: auto;
        top: 30px;
    }

    footer nav {
        margin: 10px 0 20px;
    }
}

footer nav li:last-child,
footer nav ul {
    margin-bottom: 0;
}

footer nav li {
    list-style: none;
    margin-bottom: 10px;
}

footer nav a {
    color: #aaa;
    text-transform: capitalize;
}

.social {
    float: left;
    margin: 20px 0 30px;
}

@media only screen and (min-width:768px) {
    .social {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        float: right !important;
        margin: 20px 0 0;
        text-align: right;
        white-space: nowrap;
    }
}

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

.social a {
    margin-right: 15px;
}

.social a:last-child {
    margin-right: 6px;
}

.social-icon {
    width: 26px;
}

.copyright {
    float: left;
    width: 100%;
}

@media only screen and (min-width:768px) {
    .copyright {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        float: right !important;
        margin: 20px 0 0;
    }
}

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

.event-card {
    transition: none;
}

.event-card:hover {
    box-shadow: none;
    border: none;
    -webkit-transform: none;
    transform: none;
}

.event-card .event__thumbnail {
    width: 25%;
    float: left;
}

.event-card .event__thumbnail img {
    width: 100%;
}

.event-card .event__content {
    width: 75%;
    float: left;
    padding-left: 30px;
}

.event-card .event__info p {
    color: #333;
    margin-bottom: 15px;
}

.agenda__container {
    position: relative;
    display: none;
}

.agenda__container.active {
    display: block;
}

.agenda__container .content,
.agenda__container .row {
    position: relative;
}

.agenda__container .row .content-right {
    float: right;
    width: 50%;
    padding-left: 30px;
    min-height: 100px;
}

.agenda__container .rowlast-child .content-right:before {
    display: none;
}

.agenda__container .row:not(:last-child) .content-right:before {
    content: "";
    width: 2px;
    height: 100%;
    z-index: 1;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background-color: #f39700;
}

.agenda__container .time {
    padding: 0;
    text-align: right;
}

.agenda__container .venue,
.agenda__container .venue-title {
    font-size: .9em;
}

.agenda__container .content-left {
    width: 50%;
    padding-right: 30px;
    float: left;
    text-align: right;
}

.agenda__container h4 {
    margin-top: 0;
    line-height: 1.1;
}

.agenda__container h4 .venue,
.agenda__container h4 .venue-title {
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px !important;
    color: #000 !important;
}

.agenda__container h4 .venue-title {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.agenda__container .circle {
    z-index: 2;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 2px solid #f39700;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    position: absolute;
    left: -10px;
}

.item-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: rgba(0, 0, 0, .4);
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}

.event .event__date {
    background: url(../image/ico_calendar.png) left center no-repeat;
    padding-left: 20px;
}

.event .event__location {
    background: url(../image/ico_marker.png) left center no-repeat;
    padding-left: 22px;
}

.page-background,
.page-background:before,
.section-about,
.section-careers,
.section-partners,
.section-testimonials {
    background-repeat: no-repeat;
}

.page-background {
    background-size: cover;
    background-position: bottom center;
    min-height: 140px;
    position: relative;
    overflow: hidden;
    background-color: #5b8ea8;
}

.page-background:before {
    content: '';
    display: block;
    height: 80px;
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    background-image: url('../image/subpage_curve.svg');
    background-position: 0 top;
    background-size: auto 140%;
}
.page-background.section-with-bg::before{
    content: '';
    display: block;
    height: 80px;
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    background-position: 0 top;
    background-size: auto 140%;
    top: 100px;
    background-size: auto;
    background-position: 50% 0;
}

.page-head {
    padding-top: 40px;
}

@media only screen and (min-width:768px) {
    .page-background:before {
        top: 100px;
        background-size: auto;
        background-position: 50% 0;
    }

    .page-head {
        padding-top: 0;
    }
}

.section-featured-news {
    padding-bottom: 50px;
}

.section-about {
    padding-bottom: 23%;
    background-size: 70%;
    background-position: right bottom;
}

@media only screen and (min-width:768px) {
    .section-about {
        background-position: right 20%;
        background-size: 50%;
        padding-bottom: 50px;
    }

    .section-about .solutions {
        margin: 0;
    }
}

@media only screen and (min-width:992px) {
    .section-about {
        background-position: right 10%;
        background-size: initial;
        padding-bottom: 50px;
    }
}

.section-about header h1 {
    line-height: 1.25;
    color: #444;
}

.section-about header h3 {
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666;
}

.benefit--section .benefit-content_right ul li span,
.section-about .solution__type,
.section-careers .careers-type {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.section-about .solutions {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-about .solution {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    padding: 8px;
    max-width: 50%;
}

.section-about .solution:hover {
    text-decoration: none;
}

.section-about .solution:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-order: 1;
}

.section-about .solution:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-order: 2;
}

.section-about .solution:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-order: 3;
}

.section-about .solution:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -webkit-order: 4;
}

.section-about .solution:nth-child(5) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    -webkit-order: 5;
}

.section-about .solution:nth-child(6) {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    -webkit-order: 6;
}

@media (min-width:768px) {
    .section-about .solution {
        padding: 8px;
    }

    .section-about .solution__type {
        line-height: 1.3;
    }
}

@media (min-width:1024px) {
    .section-about .solution {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        border-bottom: 0 none;
        border-right: solid 1px #ddd;
        padding: 7px 12px;
    }
}

@media (min-width:1200px) {
    .section-about .solution {
        padding-left: 22px;
        padding-right: 22px;
    }
}

.section-about .solution:nth-child(even) {
    padding-right: 0;
}

.section-about .solution:nth-last-child(1) {
    border-bottom: 0;
}

@media (min-width:1024px) {
    .section-about .solution:nth-child(even) {
        padding-right: 12px;
    }

    .section-about .solution:nth-child(1) {
        padding-left: 0;
    }

    .section-about .solution:nth-last-child(1) {
        border-right: 0 none;
    }
}

.section-about .solution__icon {
    width: 27px;
    margin: 0 10px 0 0;
}

@media only screen and (min-width:768px) {
    .section-about .solution__icon {
        width: auto;
        margin-right: 15px;
    }
}

.section-about .solution__icon img {
    width: 100%;
    vertical-align: middle;
}

.section-about .solution__type {
    float: left;
    margin: 0;
    /* text-transform: capitalize;*/
    font-size: 11px;
}

@media (min-width:375px) {
    .section-about .solution__type {
        font-size: 14px;
    }
}

@media (min-width:425px) {
    .section-about .solution__type {
        font-size: 16px;
    }
}

@media (min-width:1200px) {
    .section-about .solution:nth-child(even) {
        padding-right: 22px;
    }

    .section-about .solution__type {
        font-size: 18px;
    }
}

.section-testimonials {
    background-size: cover;
    background-position: bottom;
    height: 650px;
    color: #444;
}

.section-partners {
    padding: 40px 0 65px;
    background-position: right bottom;
}

.section-partners .partners-logo {
    min-height: 150px;
    text-align: center;
    margin-top: 30px;
    width: 100%;
}

.section-partners .partners-logo img {
    transition: all .3s ease-in-out;
}

.section-partners .partners-logo img:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.section-partners .partners-logo a {
    display: inline-block;
    margin-right: 5%;
    margin-bottom: 20px;
    width: 12%;
    vertical-align: middle;
}

.section-partners .partners-logo a:last-child {
    margin-right: 0;
}

.section-partners #partners-carousel {
    margin-top: 40px;
    margin-bottom: 40px;
}

.section-keypeople,
.section-keypeople .section-title {
    color: #fff;
}

.keypeople__overlay {
    position: relative;
}

.keypeople__overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(135deg, rgba(0, 81, 124, .8), rgba(0, 0, 0, .3));
}

.keypeople__overlay img {
    width: 100%;
    line-height: 0;
}

.keypeople__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 40px 15px;
}

@media md-bp {
    .keypeople__content {
        padding: 50px 0 0;
    }
}

.section-careers {
    padding: 40px 0 150px;
    background-color: #eef3f7;
    background-position: center bottom;
    background-size: 100%;
}

@media only screen and (min-width:768px) {
    .section-careers {
        padding: 30px 0 310px;
    }
}

.section-careers .careers-type {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #444;
}

.section-careers .more-careers {
    text-align: center;
    padding: 30px 0;
}

.section-products-used {
    margin-top: 50px;
}

.section-products-used a {
    text-decoration: none;
}

.section-related-content {
    margin-bottom: 50px;
}

.section-related-content a {
    text-decoration: none;
}

.section-related-content i.btn-play,
.section-related-content i.fa {
    float: left;
    padding: 5px;
    font-size: 18px;
    color: #00a7ea;
}

.section-related-content .card-content {
    margin-left: 35px;
}

.section-related-content h5 img {
    float: left;
    padding: 3px 5px;
    margin-left: -32px;
    width: 26px;
}

.benefit--section .benefit-content_left img,
.product--landing img {
    width: 100%;
}

.section-notices a {
    text-decoration: none;
}

.section--norule {
    background: #F0FCFE;
    margin: 50px 0;
    padding: 50px 0 30px;
}

.section--norule-last {
    margin-bottom: 0;
}

.company__header img {
    float: right;
    margin-top: 0;
    padding-right: 15px;
}

.company__header .col-xs-12.col-md-3 img{
    margin-top: 50%;
    transform: translateY(-50%);
    zoom: 1.1;
}

@media (max-width:767px) {
    .company__header img {
        float: none;
        width: 100%;
        margin-top: -80px;
        padding: 30px;
    }
}

.benefit--section {
    background-color: #f7f7f7;
    max-width: 745px !important;
}

@media (max-width:768px) {
    .benefit--section {
        padding: 0 !important;
    }

    .benefit--section .row {
        margin: 0;
        padding: 0;
    }

    .subscribe--section h6 {
        text-align: center;
    }
}

.benefit--section .benefit-content_left {
    padding: 0;
    margin: 0;
}

.benefit--section .benefit-content_right {
    padding-top: 1em;
}

.benefit--section .benefit-content_right ul {
    margin-top: 1.5vw;
    padding-left: 30px;
}

.subscribe--section h6 {
    font-size: 12px;
    margin-bottom: 1em;
    color: #aaa;
}

.subscribe--section form input[type=text] {
    height: 38px;
    padding: 10px;
    border-radius: 4px 0 0 4px;
    width: calc(100% + 30px);
    font-size: 13px;
    line-height: 13px;
}

.subscribe--section form button {
    margin-top: 0 !important;
    padding: 9px 12px;
    border-radius: 0 4px 4px 0;
    border: none;
    font-size: 14px;
    color: #fff;
}

.subscribe--section form button:hover {
    border-radius: none;
}

.subscribe--section form button.btn-default:before {
    border-radius: 0 4px 4px 0;
}

@media (max-width:768px) {
    .subscribe--section form input[type=text] {
        width: 100%;
    }

    .subscribe--section form button {
        margin-left: -30px;
    }

    .subscribe--section .subscribe-button,
    .subscribe--section .subscribe-field {
        padding: 0 10px;
    }
}

.testimonial {
    position: relative;
    padding: 60px 35px 50px;
    color: #fff;
}

.testimonial__content {
    padding: 50px 0;
    color: #444;
    min-height: 630px;
    position: relative;
}

@media (max-width:768px) {
    .testimonial__content {
        padding: 50px 20px;
        color: #444;
    }
}

.testimonial__content img {
    width: 100%;
    border: 2px solid #fff;
}

.testimonial__quotes:after,
.testimonial__quotes:before {
    position: absolute;
    font-family: Eczar, serif;
    color: #f39700;
    display: none;
}

.testimonial__quotes:before {
    content: '\201C';
    top: 10px;
    left: 0;
    font-size: 100px;
}

@media only screen and (min-width:768px) {

    .testimonial__quotes:after,
    .testimonial__quotes:before {
        display: block;
    }

    .testimonial__quotes:before {
        top: -20px;
        font-size: 200px;
    }
}

.testimonial__quotes:after {
    content: '\201D';
    bottom: -115px;
    right: 0;
    font-size: 150px;
}

.testimonial__photo img {
    float: none;
    width: 50%;
    border: 3px solid #fff;
    border-radius: 50%;
}

@media only screen and (min-width:768px) {
    .testimonial__quotes:after {
        /* bottom: -40px; */
        bottom: -120px;
    }

    .testimonial {
        padding: 100px 0 80px;
    }

    .testimonial__photo img {
        float: right;
        max-width: 170px;
        width: 100%;
    }
}

.testimonial__description {
    font-size: 18px;
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 25px;
}

@media only screen and (min-width:768px) {
    .testimonial__description {
        padding-top: 0;
    }

    .testimonial__by {
        margin-left: 25%;
    }
}

.testimonial__by {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 25px;
}

.nice-select,
.testimonial__by span {
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
}

@media only screen and (min-width:992px) {
    .testimonial__content {
        min-height: 355px;
    }

    .testimonial__description {
        padding-top: 25px;
    }

    .testimonial__by {
        margin-left: 0;
    }
}

.testimonial__by span {
    font-style: italic;
}

.watercolor-effect {
    background-repeat: no-repeat;
}

.watercolor-effect--1 {
    background-image: url(../image/watercolor_1.png), url(../image/watercolor_2.png);
    background-position: -100% 100%, 100% 300px;
}

@media only screen and (min-width:768px) {
    .watercolor-effect--1 {
        background-position: 0 100%, 100% 260px;
    }
}

.watercolor-effect--2 {
    background-image: url(../image/watercolor-mobile.png);
    background-position: left top;
}

.nice-select {
    border-radius: 1px;
    border: 1px solid #00a7ea;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 46px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: #222;
}

.nice-select:hover {
    border-color: #00a7ea;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    border: 1px solid #00a7ea;
}

.nice-select:after {
    content: '\f078';
    display: block;
    position: absolute;
    top: 5%;
    right: 35px;
    transition: all .15s ease-in-out;
    width: 5px;
    font-family: FontAwesome;
    font-size: 18px;
    color: #00a7ea;
}

.nice-select.open:after {
    color: #00517c;
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #7c7c7c;
    color: #555;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #888;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 14px;
    height: 33px;
    line-height: 31px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 31px;
    min-height: 31px;
}

.nice-select .list {
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(51, 51, 51, .11);
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-24px);
    transform: scale(.75) translateY(-24px);
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    list-style: none;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    margin-bottom: 0;
    text-align: left;
    transition: all .2s;
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #fff5d2;
}

.nice-select .option.selected {
    font-weight: 700;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #555;
    cursor: default;
}

.nice-select .current {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: inline-block;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.figure {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 15px 3px rgba(0, 81, 124, .05);
    border: 1px solid rgba(0, 81, 124, .1);
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.figure>a {
    color: inherit;
    text-decoration: none;
}

.figure .padding-top-left [class*=col-]:first-child {
    padding: 25px 25px 0;
}

@media only screen and (min-width:992px) {
    .figure .padding-top-left [class*=col-]:first-child {
        padding: 25px 0 0 25px;
    }
}

.figure [class*=col-] {
    padding-left: 25px;
    padding-right: 25px;
}

.figure [class*=row] {
    margin-left: -25px;
    margin-right: -25px;
}

.figure h4,
.figure h5,
.figure h6 {
    margin-top: 12px;
    margin-bottom: 10px;
    color: #00a7ea;
}

.figure h4:last-child,
.figure h5:last-child,
.figure h6:last-child {
    margin-bottom: 20px;
}

.figure h4 i,
.figure h5 i,
.figure h6 i {
    margin-left: -32px;
}

.figure img {
    width: 100%;
}

.figure .fixed--copy-height {
    height: 100px;
    overflow: hidden;
}

@media (max-width:768px) {
    .figure .fixed--copy-height {
        height: auto;
    }
}

.figure--animated {
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
}

.figure--blue:after,
.figure--blue:before,
.figure--underline:after,
.figure--underline:before {
    content: "";
    bottom: 0;
    height: 5px;
    transition: left .3s ease-in-out, right .3s ease-in-out;
    position: absolute;
    z-index: -1;
}

.figure--animated:hover {
    box-shadow: 0 0 18px 4px rgba(0, 81, 124, .1);
    border: 1px solid rgba(0, 81, 124, .3);
    -webkit-transform: translateZ(0) scale(1.01);
    transform: translateZ(0) scale(1.01);
}

.figure--underline {
    padding-top: 20px;
    padding-bottom: 16px;
    border: 0;
}

.figure--underline:hover {
    border: 0;
}

.figure--underline:hover:after {
    left: 0;
    right: 0;
    background: #ffc15a;
}

.figure--underline:after,
.figure--underline:before {
    left: 50%;
    right: 50%;
    background: #f39700;
}

.figure--underline:before {
    left: 0;
    right: 0;
}

.figure--underline-alt:after,
.figure--underline-alt:before {
    background: #00517c;
}

.figure--underline-alt:hover:after {
    background: #0094e2;
}

.figure--flat {
    box-shadow: none;
    border: 1px solid #ddd;
}

.figure--flat [class*=col-] h3,
.figure--flat [class*=col-] h4,
.figure--flat [class*=col-] h5,
.figure--flat [class*=col-] h6 {
    margin-top: 25px;
    margin-bottom: 8px;
}

.figure--transparent {
    background-color: transparent;
    padding-top: 20px;
    padding-bottom: 16px;
    border: 0;
    box-shadow: none;
}

.figure--transparent:hover {
    -webkit-transform: initial;
    transform: initial;
    border: 0;
    box-shadow: none;
}

.figure--transparent h3 {
    color: #333;
}

.figure--blue:after,
.figure--blue:before {
    left: 50%;
    right: 50%;
    background: #00517c;
}

.figure__viewall,
.nav-pills li.active {
    background: #00a7ea;
}

.figure__meta {
    color: #999;
    margin-bottom: 10px;
}

.figure__viewall {
    display: block;
    line-height: 128px;
    text-align: center;
    color: #fff;
}

.valign img {
    margin: 20px auto;
}

@media only screen and (min-width:768px) {
    .valign {
        display: table;
    }

    .valign [class*=col-] {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    .valign img {
        margin: auto;
    }
}

.stat {
    display: inline-block;
}

.stat h4,
.stat h5 {
    color: #f39700;
    margin-top: 20px;
}

.stat__ring {
    width: 190px;
    height: 190px;
    border: 1px solid #f39700;
    border-radius: 999em;
    display: table-cell;
}

.filter,
.product__nav--l1 .nice-select,
.tabgrid {
    width: 100%;
}

.stat__value {
    font-size: 30px;
    color: #666;
}

.stat__unit {
    color: #999;
}

ul.nav-pills {
    -webkit-padding-start: 0;
}

.nav-pills {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nav-pills li {
    margin-bottom: 10px;
    margin-right: 4px;
    padding: 12px 28px;
    border-radius: 999em;
    border: 2px solid #00a7ea;
}

.nav-pills li a {
    font-size: 14px;
    background: 0 0 !important;
    color: #333;
}

.nav-pills li a.nice-select.open,
.nav-pills li a:active,
.nav-pills li a:focus,
.nav-pills li a:hover {
    text-decoration: none;
    background: 0 0;
}

.tabgrid {
    border: 1px solid #ddd;
}

.tabgrid a:hover {
    text-decoration: none;
}

.tabgrid [class*=col-] {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    text-align: center;
}

.tabgrid [class*=col-]:first-child {
    border-top: 0 none;
    color: #999;
}

@media only screen and (min-width:768px) {
    .tabgrid [class*=col-] {
        border-left: 1px solid #ddd;
        border-top: 0 none;
    }

    .tabgrid [class*=col-]:first-child {
        border-left: none;
    }
}

.tabgrid .nav-table-head {
    color: #666;
}

.tabgrid .button__link:hover {
    background: #0083b7;
}

.tabgrid .button__link:hover a {
    color: #fff;
    width: 100%;
    display: inline-block;
}

.tabgrid .button__link:hover a i.icon-cs--upgrade {
    background-image: url(../image/icon-cs-upgrade_white.png);
}

.tabgrid .button__link:hover a i.icon-cs--unrepeatered {
    background-image: url(../image/icon-cs-unrepeatered_white.png);
}

.product__nav--l1,
.product__nav--l2 {
    list-style: none;
    padding-left: 0;
}

.product__nav--l1 .nice-select,
.product__nav--l2 .nice-select {
    margin-bottom: 15px;
}

.product__nav--l1.whiteBG,
.product__nav--l2.whiteBG {
    background: #fff;
}

.product__nav--l1.offsetTop,
.product__nav--l2.offsetTop {
    margin-top: -30px;
    border-radius: 5px;
}

.product__nav--l1 {
    display: none;
}

.product__nav--l1-item {
    border-top: 1px solid #e5edf2;
    border-right: 1px solid #e5edf2;
    border-left: 1px solid #e5edf2;
    margin-bottom: 0;
    padding: 20px;
    font-weight: 700;
}

.product__nav--l1-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.product__nav--l1-item:last-child {
    border-bottom: 1px solid #efedf2;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.product__nav--l1-item:last-child.noTopBorder {
    border-top: none;
    padding-top: 0;
}

.product__nav--l1 .nice-select .list {
    white-space: normal;
    max-height: 200px;
    overflow-y: scroll;
}

.product__nav--l2 {
    margin-top: 10px;
}

.product__nav--l2-item {
    margin-bottom: 0;
    font-weight: 400;
}

.product__nav--l2-item:last-child .nice-select {
    margin-bottom: 0;
}

.product__nav--l2-item.active {
    font-weight: 700;
}

.product__nav--l2-item.active a {
    color: #0083b7;
}

.product__nav--l2-item.withCheckBG {
    background: url(../image/check-bg_not-selected.png) center left no-repeat;
}

.product__nav--l2-item.withCheckBG a {
    padding-left: 25px;
    text-decoration: none;
}

.product__nav--l2-item.withCheckBG a:hover {
    text-decoration: none;
}

.product__nav--l2-item.withCheckBG a.active {
    background: url(../image/check-bg_selected.png) center left no-repeat;
    font-weight: 700;
    color: #0083b7;
}

.map {
    height: 600px;
}

@media (max-width:768px) {
    .map {
        height: 300px;
    }
}

.filters {
    padding: 0;
    margin-top: 25px;
    background: #fff;
}

@media only screen and (min-width:768px) {
    .filters {
        padding: 10px;
        background-color: #eee;
        margin-top: 0;
    }
}

.filter {
    margin: 0;
    background: #fff;
}

@media only screen and (min-width:768px) {
    .filter {
        border: 1px solid #ddd;
        margin: 0 10px;
    }

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

@media only screen and (min-width:992px) {
    .product__nav--l1 {
        display: block;
    }

    .filter {
        width: 220px;
    }
}

.input-group .filter:after {
    content: '\f078';
    display: block;
    pointer-events: none;
    position: absolute;
    top: 10px;
    right: 45px;
    transition: all 0.15s ease-in-out;
    width: 5px;
    font-family: "FontAwesome";
    font-size: 18px;
    color: #00a7ea;
}

#get-in-touch .input-group .filter:after {
    top: 40px;
}

.input-group .filter .nice-select {
    width: 100%;
    text-transform: capitalize;
}

.card--mapinfo {
    padding: 0;
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 4px;
    overflow: hidden;
}

.card--mapinfo:hover {
    -webkit-transform: none;
    transform: none;
    border: 0;
}

.card--mapinfo .card__image {
    padding: 0;
    cursor: pointer;
}

.card--mapinfo .card__title {
    color: #00a7ea;
    font-size: 18px;
}

.card--mapinfo .card__box {
    border: 0;
}

.achievements {
    color: #00a7ea;
    font-size: 20px;
    text-align: right;
    margin-bottom: 15px;
}

.experience__content .figure {
    height: 355px;
}

@media (max-width:767px) {
    .experience__content .figure {
        height: auto;
    }
}

.experience__content .figure__info {
    overflow: hidden;
    width: 100%;
    height: 100px;
}

@media (max-width:768px) {
    .experience__content .figure__info {
        height: auto;
    }
}

.experience__content .figure__info span.ellipsis {
    color: #00a7ea;
}

.experience__content .figure__more {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #00a7ea;
}

.experience__content .figure__more:hover {
    text-decoration: underline;
}

.image__with-text.bg__blue a:hover,
.search--results .sortBy ul li a:hover {
    text-decoration: none;
}

.social_buttons {
    display: none;
    text-align: center;
    float: left;
    color: #999;
    font-size: 12px;
    margin-left: 2vw;
    position: absolute;
}

.social_buttons table .btn-share {
    margin: .5em 0;
}

@media only screen and (min-width:992px) {
    .social_buttons {
        display: inherit;
    }
}

@media only screen and (min-width:1200px) {
    .social_buttons {
        margin-left: 6vw;
    }
}

.masthead {
    border-radius: 5px;
    height: 350px;
}

.masthead .icons {
    display: none;
    float: right;
    margin-right: 2.5em;
    margin-top: -.65em;
}

@media only screen and (min-width:768px) {
    .masthead .icons {
        display: inherit;
    }
}

.masthead #icon_build,
.masthead #icon_repeatered {
    background: #fcc700;
    line-height: 50px;
    padding: 0 30px;
    text-align: center;
}

@media (max-width:768px) {
    .masthead {
        height: auto;
    }

    .masthead #icon_build,
    .masthead #icon_repeatered {
        font-size: .8em;
        padding: 0 20px;
    }
}

.masthead #icon_build img,
.masthead #icon_repeatered img {
    margin-right: 15px;
}

.masthead #icon_build {
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.masthead #icon_repeatered {
    float: right;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #f39700;
}

.masthead .case_study {
    position: absolute;
    font-weight: 700;
    color: #fff;
    border-left: #fcc700 solid 8px;
    margin-top: 1.85em;
    min-height: 30px;
}

.masthead .case_study .text {
    padding-top: .3em;
    padding-left: 1em;
}

.masthead .case_study .text .bold {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.masthead .header {
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    color: #fff;
    margin: auto 2.5em;
    padding-top: 170px;
    border-radius: 5px;
}

.masthead .header.header1 {
    color: #4F4F4F;
    font-size: 16px;
    width: 370px;
    padding-top: 60px;
    padding-left: 60px;
    text-align: justify;
    line-height: 28px;
}

@media (max-width:768px) {
    .masthead .header {
        font-size: 1.25em;
        padding: 100px 0 1.85em;
        margin: 1em;
    }

    .masthead .header.header1 {
        text-align: justify;
        width: 300px;
        padding-top: 30px;
        padding-left: 30px;
    }
}

@media only screen and (min-width:992px) {
    .masthead .header {
        font-size: 1.9em;
    }

    .case_study .highlights .title {
        float: left;
    }
}

@media only screen and (min-width:1200px) {
    .masthead .header {
        font-size: 2.25em;
    }
}

.masthead .header .sub-header {
    font-size: .625em;
    color: #fcc700;
}

.masthead .header.white--text {
    font-size: 20px;
    color: #fff;
}

@media only screen and (min-width:1200px) {
    .masthead .header.white--text {
        font-size: 2.25em;
    }
}

.masthead .header.white--text .sub-header {
    font-size: 20px;
    color: #fff;
}

.case_study {
    margin-top: 40px;
}

@media (max-width:768px) {
    .masthead .header.white--text .sub-header {
        font-size: 12px;
    }

    .case_study {
        margin-top: 20px;
    }
}

.case_study .highlights {
    background-color: #f7f7f7;
    margin-left: calc(50% - 50vw);
    width: 100vw;
}

.case_study .highlights .title {
    padding-top: 60px;
    margin-left: 20vw;
    color: #00517c;
    font-size: 1.2em;
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.case_study .highlights .points {
    padding: 60px 0;
    margin-left: 5em;
    margin-right: 20vw;
}

.case_study .highlights .points td {
    vertical-align: top;
    padding-left: 1em;
}

@media only screen and (min-width:992px) {
    .case_study .highlights .points td:first-child {
        padding-left: 75px;
    }
}

.case_study .banner_quote {
    height: 390px;
}

.case_study .banner {
    margin-left: calc(50% - 50vw);
    width: 100vw;
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* 轮播 */
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 15% !important;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff !important;
    border-radius: 4px;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: .5;
}

.solution .swiper-pagination {
    bottom: 2% !important;
}

.case_study .banner .banner_img img,
.image__with-text img,
.image__with-text-below .item img {
    width: 100%;
}

.case_study .banner .big_mark {
    text-align: center;
    padding-top: 2.5em;
}

@media (max-width:768px) {
    .case_study .banner .big_mark {
        padding-top: 1.5em;
    }

    .case_study .banner .banner_img img {
        height: 100%;
    }
}

.case_study .banner .banner_text {
    text-align: center;
    font-size: .95em;
    font-family: "HuaweiSans-Light", "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    margin: 1em 5em 0;
    padding: 20px 0;
}

.careers_info .highlights .title,
.careers_info .title {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media only screen and (min-width:992px) {
    .case_study .banner .banner_text {
        font-size: 1.15em;
    }

    .careers_info .highlights .title {
        float: left;
    }
}

@media only screen and (max-width:991px) {
    .case_study .banner .banner_text {
        padding: 0 15px;
    }
}

.case_study .banner .banner_text div {
    max-width: 950px;
    margin: auto;
}

.case_study .banner .banner_text span {
    font-size: .8em;
    font-style: italic;
}

.case_study .banner .banner_text img {
    margin-bottom: .2em;
}

.case_study .banner .blue__banner {
    font-size: 28px;
}

@media (max-width:767px) {
    .case_study .banner .blue__banner {
        font-size: 1.15em;
        margin: 10px 0 0;
    }
}

.case_study .banner .banner_img {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
}

.image__with-text {
    margin-bottom: 2em;
}

.image__with-text a,
.image__with-text p {
    margin-top: 14px;
}

.image__with-text p {
    height: 100px;
    overflow: hidden;
}

.image__with-text .desc p {
    min-height: 125px;
    padding-right: 20px;
}

.image__with-text.bg__blue {
    background: #2fb8ee;
    color: #fff;
    overflow: hidden;
}

.image__with-text.bg__blue a {
    color: #fff;
}

.image__with-text.bg__grey-border {
    border: 1px solid #e9e9e9;
}

.image__with-text.bg__grey-border a {
    color: #c5c5c5;
}

.image__with-text-below {
    text-align: center;
}

@media (max-width:768px) {
    .image__with-text {
        margin-bottom: 1em;
    }

    .image__with-text a,
    .image__with-text p {
        font-size: .9em;
        margin: 1em 0;
    }

    .image__with-text p {
        height: auto;
    }

    .image__with-text .desc {
        padding: 10px 30px 15px;
    }

    .image__with-text .desc p {
        min-height: auto;
    }

    .image__with-text .image {
        padding: 0 8px;
    }

    .image__with-text .image img {
        width: 100%;
    }

    .image__with-text-below .item {
        margin-bottom: 15px;
        overflow: hidden;
    }

    .image__with-text-below .item p {
        margin-top: 10px;
        line-height: 1.2em;
    }
}

.image__with-text-below .item p {
    font-size: .9em;
    margin-top: 10px;
    color: #b3b3b3;
}

.solutions--main {
    background-size: contain;
}

.solutions--main .row {
    margin-top: 30px;
    margin-bottom: 30px;
}

.solutions--main.solutions-box .solutions__top {
    height: auto;
    width: 47%;
}

.solutions--main.solutions-box .solutions__top:last-child {
    margin-left: 30px;
}

.solutions--main .solutions__top {
    height: 350px;
    color: #fff;
    padding: 30px 0;
    border-radius: 5px;
}

@media (max-width:767px) {
    .solutions--main .row {
        margin-top: 0;
        margin-bottom: 0;
    }

    .solutions--main .solutions__top {
        height: auto;
    }
}

.solutions--main .solutions__top span {
    font-size: rem-calc(16px);
    border-left: 8px solid #fcc700;
    padding: 8px 0 8px 20px;
    display: block;
    text-align: left;
}

.careers_info #carousel-example-generic,
.careers_info ul.thumbnails-carousel .center {
    display: inline-block;
}

.solutions--main .solutions__top h2 {
    font-size: rem-calc(28px);
    color: #fff;
    max-width: 420px;
    margin: 40px auto 35px;
}

.solutions--main .solutions__card {
    height: 270px;
    padding: 40px 25px;
    border-radius: 15px;
    margin-right: 30px;
}

.solutions--main .solutions__card.thirty-three {
    width: calc(33% - 27px);
}

@media (max-width:767px) {
    .solutions--main .solutions__card.thirty-three {
        width: 100%;
        -o-object-fit: fill;
        object-fit: fill;
    }
}

.solutions--main .solutions__card.fifty {
    width: calc(50% - 30px);
}

.solutions--main .solutions__card h3,
.solutions--main .solutions__card p {
    color: #fff;
}

.solutions--main .solutions__card .icon-arrow {
    position: absolute;
    right: -25px;
    bottom: 5px;
}

@media (max-width:767px) {
    .solutions--main .solutions__card.fifty {
        width: 100%;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .solutions--main .solutions__card {
        height: auto;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .solutions--main .solutions__card .icon-arrow {
        position: relative;
        right: auto;
        bottom: auto;
    }
}

.solutions--main .solutions__card.solutions__white {
    background: #fff;
    width: calc(33.3% - 30px);
    margin-right: 30px;
}

.solutions--main .solutions__card.solutions__white h3 {
    color: #fff;
    /* color: #02a2ed; */
}

.solutions--main .solutions__card.solutions__white p {
    /* color: #333; */
    color: #fff;
}

@media (max-width:767px) {
    .solutions--main .solutions__card.solutions__white {
        width: 100%;
    }

    .solutions--main .solutions__card.solutions__white a {
        right: auto;
    }
}

.solutions--main .solutions__card.solutions__orange {
    width: calc(66.6% - 30px);
}

.solutions--main .solutions__card.solutions__blue {
    margin-right: 30px;
}

@media (max-width:767px) {
    .solutions--main .solutions__card.solutions__orange {
        width: 100%;
    }

    .solutions--main .solutions__card.solutions__blue {
        margin-right: 0;
    }
}

.solutions--main .solutions__card.solutions__blue,
.solutions--main .solutions__card.solutions__lightblue {
    width: calc(50% - 30px);
}

@media (max-width:767px) {

    .solutions--main .solutions__card.solutions__blue,
    .solutions--main .solutions__card.solutions__lightblue {
        width: 100%;
    }
}

.solutions--main .solutions__card.fifty,
.solutions--main .solutions__card.solutions__blue,
.solutions--main .solutions__card.solutions__lightblue,
.solutions--main .solutions__card.solutions__orange,
.solutions--main .solutions__card.solutions__white,
.solutions--main .solutions__card.thirty-three {
    background-size: cover;
    background-position: top right;
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.solutions--main .solutions__card.fifty:hover,
.solutions--main .solutions__card.solutions__blue:hover,
.solutions--main .solutions__card.solutions__lightblue:hover,
.solutions--main .solutions__card.solutions__orange:hover,
.solutions--main .solutions__card.solutions__white:hover,
.solutions--main .solutions__card.thirty-three:hover {
    box-shadow: 0 0 18px 4px rgba(0, 81, 124, .1);
    border: 1px solid rgba(0, 81, 124, .3);
}

@media (min-width:992px) {

    .solutions--main .solutions__card.fifty:hover,
    .solutions--main .solutions__card.solutions__blue:hover,
    .solutions--main .solutions__card.solutions__lightblue:hover,
    .solutions--main .solutions__card.solutions__orange:hover,
    .solutions--main .solutions__card.solutions__white:hover,
    .solutions--main .solutions__card.thirty-three:hover {
        -webkit-transform: translateZ(0) scale(1.01);
        transform: translateZ(0) scale(1.01);
    }

    .solutions--main .solutions__card.fifty:hover .col-xs-12,
    .solutions--main .solutions__card.solutions__blue:hover .col-xs-12,
    .solutions--main .solutions__card.solutions__lightblue:hover .col-xs-12,
    .solutions--main .solutions__card.solutions__orange:hover .col-xs-12,
    .solutions--main .solutions__card.solutions__white:hover .col-xs-12,
    .solutions--main .solutions__card.thirty-three:hover .col-xs-12 {
        padding-left: calc(15px - 2px);
        padding-right: calc(15px - 2px);
        font-size: 1.01em;
    }
}

.careers_info {
    line-height: 1.75;
}

.careers_info .career_masthead {
    background-image: url(../image/banner_career.jpg);
    height: 350px;
}

.careers_info .career_masthead .content {
    margin-left: 2.5em;
    padding-top: 2em;
    max-width: 25em;
}

.careers_info .description {
    color: #0083b7;
    font-weight: 300;
    font-size: 1em;
}

.careers_info .title {
    color: #00517c;
    font-size: 1.2em;
    margin: 1.5em 0;
}

.careers_info .text {
    font-size: .9em;
}

.careers_info .media {
    margin: 2em 3em;
    text-align: center;
}

.careers_info .media .description {
    margin-top: 1em;
    font-size: .9em;
    color: #000;
}

.careers_info .highlights {
    background-color: #f7f7f7;
    margin-left: calc(50% - 50vw);
    width: 100vw;
}

.careers_info .highlights .title {
    padding-top: 60px;
    margin-left: 20vw;
    color: #00517c;
    font-size: 1.2em;
}

.careers_info .highlights .points {
    padding: 60px 0;
    margin-left: 5em;
    margin-right: 20vw;
}

.careers_info .highlights .points td {
    vertical-align: top;
    padding-left: 1em;
}

.careers_info .banner {
    background-image: url(../image/career-bottom-banner.jpg);
    margin-left: calc(50% - 50vw);
    width: 100vw;
    height: 270px;
}

.careers_info .banner .banner_text {
    text-align: center;
    font-size: 1.15em;
    font-family: "HuaweiSans-Light", "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    margin: 0 5em;
    padding-top: 3em;
}

@media only screen and (min-width:992px) {
    .careers_info .highlights .points td:first-child {
        padding-left: 75px;
    }

    .careers_info .banner .banner_text {
        font-size: 1.35em;
    }
}

.careers_info .carousel-inner {
    height: 390px;
}

.careers_info .carousel-inner .caption-bg {
    top: 280px;
    left: 0;
    background-color: rgba(50, 50, 50, .5);
    width: 100%;
    text-align: left;
}

.careers_info .carousel-inner .caption-bg .text {
    margin: 0 2em;
}

.careers_info ul.thumbnails-carousel {
    padding: 5px 0 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
}

.careers_info ul.thumbnails-carousel li {
    margin-right: 5px;
    float: left;
    cursor: pointer;
    height: 60px;
    width: 90px;
}

.careers_info ul.thumbnails-carousel li img {
    max-width: 100%;
    max-height: 100%;
}

.careers_info .controls-background-reset {
    background: 0 0 !important;
}

.careers_info .active-thumbnail {
    opacity: .4;
}

.careers_info .indicators-fix {
    bottom: 70px;
}

.careers_info .careers--carousel {
    max-width: 775px;
    margin: 0 auto;
}

.legend-content li,
.marker__title {
    margin-bottom: 0;
}

.marker__callout {
    padding: 15px 30px 15px 15px;
}

.marker__title {
    font-size: 13px;
}

.marker__RFS,
.marker__cable-length,
.marker__system-type {
    font-size: 12px;
}

.marker__system-type {
    margin-bottom: 10px;
}

.marker__cable-length {
    margin-bottom: 5px;
}

.careers__banner-2-list li:last-child,
.marker__RFS {
    margin-bottom: 0;
}

.marker__cable-length:before {
    content: '海缆长度: ';
    font-weight: 700;
}

.marker__RFS:before {
    content: '交付日期: ';
    font-weight: 700;
}

.careers__banner-1,
.careers__banner-2,
.careers__banner-3 {
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
}

.careers__banner-2 {
    padding: 60px 0;
}

.careers__banner-2-list {
    margin-left: 0;
    padding-left: 0;
}

.careers__banner-2-list li {
    list-style: none;
}

.careers__banner-2-list li:before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #f39700;
}

.careers__banner-3 {
    padding: 60px 0;
    min-height: 270px;
}

.careers__banner-3--text {
    width: 100%;
}

.careers__banner-3--cta {
    text-align: center;
    color: #fff;
    font-family: "HuaweiSans-Light", "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
}

.careers__banner-3 .btn-grp .btn {
    width: 245px;
}

.careers__banner-3 .btn-grp .btn:first-child {
    margin-right: 0;
    margin-bottom: 15px;
}

.careers__banner-1 {
    padding: 35px;
    overflow: auto;
}

.careers__banner-1:before {
    content: '';
    background: rgba(255, 255, 255, .9);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
}

@media only screen and (min-width:992px) {
    .careers__banner-3 .btn-grp .btn:first-child {
        margin-right: 50px;
        /* margin-bottom: 0; */
    }

    .careers__banner-1:before {
        background: rgba(255, 255, 255, 0);
    }
}

.careers__banner-1--header {
    position: absolute;
}

.careers__banner-1--text p {
    margin-bottom: 0;
}

.career__footnote {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.career__footnote li {
    float: left;
    margin: 0 30px 0 0;
}

.career__footnote li span {
    font-size: 12px;
    color: #666;
}

.career__footnote li.ico-bag:before,
.career__footnote li.ico-department:before,
.career__footnote li.ico-map:before {
    position: absolute;
    font-family: FontAwesome;
    font-size: 18px;
    color: #f39700;
}

.benefits__section .benefit-col .benefit__label,
.project--highlights p strong {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.career__footnote li.ico-bag span,
.career__footnote li.ico-department span,
.career__footnote li.ico-map span {
    padding: 0 0 0 5px;
}

.benefits__section {
    margin: 4em 0;
    overflow: hidden;
}

@media (max-width:768px) {
    .benefits__section {
        margin: 2em 0;
    }
}

.benefits__section .benefits__row {
    margin-bottom: 30px;
    overflow: hidden;
}

.benefits__section .benefit-col {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 25px 20px;
}

@media (max-width:768px) {
    .benefits__section .benefits__row {
        margin-bottom: 0;
    }

    .benefits__row>div{
        width: 100% !important;
        padding: 0;
    }

    .benefits__section .benefit-col {
        margin: 1em 0;
        min-height: auto;
    }

    .list-narrow.list-paddingleft-2{
        width: 100% !important;
    }
}



.benefits__section .benefit-col .benefit__label {
    font-size: 22px;
    color: #f39700;
    margin: 0 0 8px;
}

.benefits__section .benefit-col p {
    margin: 0;
}

.project--highlights {
    font-size: 16px;
}

.project--highlights img {
    width: 100%;
    margin: 0;
}

@media (max-width:768px) {
    .project--highlights .row {
        margin: 0;
    }

    .project--highlights .project--highlights_img {
        padding: 0;
    }
}

@media (min-width:768px) {
    .project--highlights p {
        font-size: .9em;
    }
}

.project--highlights p strong {
    color: #003d6c;
}

.article .product .info .product_label,
.blockquote .quote {
    font-family: "HuaweiSans-Light", "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.project--highlights p:first-child {
    margin-top: 2vw;
}

.blockquote {
    margin: 0 1em 3em;
    box-shadow: 0 0 60px 0 rgba(90, 90, 90, .5);
}

@media (max-width:768px) {
    .blockquote {
        box-shadow: none;
        border: 1px solid rgba(90, 90, 90, .5);
        margin: 0 0 2em;
    }
}

.blockquote .quote_mark {
    margin: 1.875em;
    float: left;
}

.blockquote .quote {
    font-size: 1.75em;
    padding: 1em 1em 1em 3.5em;
}

@media (max-width:768px) {
    .blockquote .quote {
        font-size: 1em;
        padding-left: 1.5em;
    }
}

.blockquote .quote .sayer {
    padding-top: 1em;
    font-style: italic;
    font-size: .6em;
    line-height: 1.5;
    text-align: right;
}

.insta--section {
    margin: 2em 0;
}

.insta--section .col-md-4 {
    padding: 0;
}

.insta--section .col-md-4 img {
    width: 100%;
}

.article h1 {
    margin-top: -6px;
}

.article .product {
    background-color: #f7f7f7;
    overflow: hidden;
    margin: 2em 0 0;
}

.article .product .info {
    padding: 2em 2em 0;
}

@media (max-width:768px) {
    .blockquote .quote .sayer {
        font-size: .8em;
    }

    .article .product .info {
        padding: 2em;
    }
}

.article .product .info .product_label {
    font-size: .9em;
    color: #666;
}

.article .downloads_table td,
.article .product .info .product_name {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.article .product .info .product_name {
    font-size: 1.2em;
    color: #00a7ea;
}

.article .product .info .points {
    font-size: 1em;
    color: #444;
    padding-left: 30px;
    padding-right: 1em;
}

@media only screen and (min-width:768px) {
    .article .product .info .points {
        padding-left: 390px;
    }
}

.article .product .info ul {
    margin: 2em 0 0;
    padding: 0 0 0 20px;
}

.article .product .image,
.footnote {
    padding: 0;
}

.article .product .info ul li {
    padding: 0;
    margin: 5px 0;
}

.article .product .image img {
    width: 100%;
}

.article .product.product__updated .product_label {
    text-transform: uppercase;
}

.article .product.product__updated .product_name {
    font-size: 26px;
}

@media (max-width:768px) {
    .article .product.product__updated .product_name {
        font-size: 1.2em;
    }
}

.article .product.product__updated ul {
    margin-top: 1em;
}

.article .product.product__updated p button {
    margin-top: 2em;
}

.article .downloads_table {
    border: none;
}

.article .downloads_table .dwnld_date {
    font-size: .9em;
    color: #999;
}

.article .downloads_table td {
    color: #00a7ea;
    text-align: right !important;
}

.article .downloads_table td:first-child {
    text-align: left !important;
    color: inherit;
    font-family: inherit;
}

.footnote {
    margin: 0 0 25px;
    list-style: none;
    overflow: hidden;
}

.footnote li {
    float: left;
    margin: .5em 2em 0 0;
}

.footnote li span {
    font-size: 1em;
    color: #666;
}

.footnote li.ico-bag:before,
.footnote li.ico-department:before,
.footnote li.ico-map:before {
    position: absolute;
    font-family: FontAwesome;
    font-size: 18px;
    color: #f39700;
}

.footnote li.ico-bag span,
.footnote li.ico-department span,
.footnote li.ico-map span {
    padding: 0 0 0 5px;
}

.search--results .legend {
    color: #999;
    margin-bottom: 5px;
}

.search--results .search--result-hdr {
    margin-bottom: 0;
}

.search--results .search--result-title a {
    margin-bottom: .8em;
    display: block;
}

.search--results .sortBy {
    text-align: right;
}

@media (max-width:768px) {
    .search--results .sortBy {
        text-align: left;
    }

    .search--results .sortBy.col-xs-12 {
        padding-left: 8px;
    }
}

.search--results .sortBy ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.search--results .sortBy ul li {
    float: left;
}

.search--results .sortBy ul li:first-child ::after {
    content: '|';
    margin: 0 5px;
    color: #333;
    font-weight: 400;
}

.search--results .sortBy ul li a {
    color: #0083b7;
}

.search--results .sortBy ul li a.active {
    font-weight: 700;
}

.search--results .article__content {
    position: relative;
    height: 125px;
}

.search--results .article__content a {
    font-family: "HuaweiSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125em;
    color: #00a7ea;
    margin-bottom: 1em;
    display: block;
}

@media (max-width:768px) {
    .search--results .article__content {
        height: auto;
    }

    .search--results .article__content a {
        margin-top: 1em;
    }
}

.search--results .article__content p {
    height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.search--results .article__content date {
    position: absolute;
    bottom: 0;
}

.search--results .article__content .highlight {
    font-family: "HuaweiSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.search--results .product__nav--l1 {
    display: block;
}

@media (max-width:768px) {
    .search--results .article__content p {
        height: 100px;
        -webkit-line-clamp: 4;
    }

    .search--results .article__content date {
        position: relative;
    }

    .search--results .product__nav--l1 {
        margin-bottom: 1.5em;
    }
}

.search--results .navbar-search .input-group-btn button,
.search--results .navbar-search input[type=text] {
    float: left;
}

.search--results .panel-heading {
    padding: 10px 5px;
}

.search--results .panel-heading h4 {
    font-size: 1em;
}

.search--results .panel-heading h4 a {
    color: #00a7ea;
    background: url(../image/ico_dropdown.png) center right no-repeat;
    padding-right: 20px;
}

.search--results .panel-body {
    padding: 0 5px;
}

.search--results .hide-in-desktop {
    display: none;
}

.search--results .videoCon {
    position: relative;
    width: 100%;
}

.search--results .videoCon img {
    width: 100%;
    height: auto;
}

.search--results .videoCon a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
}

.slick-slide div[class^=col-md-]:focus,
.slick-slide:focus {
    outline: 0;
}

.share-section {
    margin-bottom: 0
}

/* 公告 */
main.bulletin-box{
    background-color: #ffffff !important;
}
.bulletin-box ul {
    list-style-type: none;
}

.bulletin-box ul li {
    clear: both;
}

.bulletin-box a {
    text-decoration: none;
}

/* .bulletin-box .page-background:before {
    display: none;

} */

.bulletin-container .nav {
    border: 1px solid rgba(237, 237, 237, 1);
    border-radius: 4px;
    background-color: #FFFFFF;
}

.bulletin-container .nav li {
    height: 70px;
    text-align: center;
    margin-bottom: 0;
}

.bulletin-container .nav-line {
    height: 1px;
    width: 74%;
}

.bulletin-container .nav li a {
    width: 100%;
    height: 100%;
    padding: 0;
    color: #00517C;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bulletin-active {
    border-left: 4px solid #00A7EA;
    color: #00A7EA;
    font-weight: bold;
}

.bulletin-container .nav li a img {
    margin-bottom: 15px;
}

.nav-list {
    background-color: #FFFFFF;
    border: 1px solid rgba(242, 242, 242, 1);
    border-radius: 4px;
    margin-bottom: 30px;
}

.nav-list:last-child {
    margin-bottom: 100px;
}

.nav-list-title,
.nav-list-content,
.nav-line {
    width: 88.5%;
    margin: auto;
}

.nav-line {
    height: 1px;
    background: #000000;
    opacity: 0.09;
}

.nav-list-title {
    color: #00517C;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    line-height: 70px;
}

.nav-list-title img {
    margin-right: 6px;
}

.nav-list-title a {
    float: right;
    color: #00517C;
    font-size: 14px;
}

ul.nav-list-content {
    padding-left: 0;
}

.nav-list-content li {
    border-top: 1px solid rgba(0, 0, 0, 0.09);
    font-size: 14px;
    height: 70px;
    /* line-height: 70px; */
    margin-bottom: 0;
    clear: both;
}

.content-title {
    color: #06385B;
    font-size: 16px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.content-detail {
    color: rgba(79, 79, 79, .75);
    line-height: 24px;
    padding: 12px 0px 14px;
}

.content-time {
    color: rgba(79, 79, 79, .5);
    float: right;
}

.nav-list-content .active .content-title {
    color: #00A7EA;
}

@media (max-width:768px) {
    .bulletin-container .col-xs-2.col-md-3 {
        width: 30% !important;
    }

    .bulletin-container .col-xs-8.col-md-9 {
        width: 66% !important;
    }

    .nav-list-title{
        height: auto;
        line-height: initial;
        padding: 20px 0 15px;
    }

    .nav-list-content li{
        height: auto;
        margin-bottom: 30px;
    }

    .content-title{
        padding-top: 10px;
        position: relative;
        top: 0%;
        transform: translateY(0%);
    }

    .content-time{
        padding-bottom: 10px;
    }
}
/* 公告 end */

/* 邮箱 */
.clearfix {
    clear: both;
}

.e-box {
    width: 100%;
    height: 100%;
    font-family: Microsoft YaHei;
    position: absolute;
    z-index: 999;
}

.e-content {
    width: 30%;
    height: 623px;
    margin: 170px auto 0;
    background: #FFFFFF;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.e-name {
    font-size: 42px;
    font-weight: bold;
    color: #4F4F4F;
    line-height: 34px;
    padding-top: 47px;
    text-align: center;
}

.e-line,
.e-adress,
.e-check,
.e-btn {
    width: 79%;
    margin: auto;
}

.e-line1 {
    height: 1px;
    background: rgba(79, 79, 79, 1);
    opacity: 0.22;
    margin: 35px auto 53px;
}

.e-adress input {
    width: 100%;
    margin: auto auto 35px;
    height: 68px;
    line-height: 68px;
    font-size: 18px;
    color: #282828;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    caret-color: #00A7EA;
    padding-left: 30px;
}

.e-adress input:focus {
    outline: rgba(0, 0, 0, 0.2);
}

.e-adress input::-webkit-input-placeholder {
    padding-left: 9px;
}

.e-check label {
    line-height: 28px;
    color: #878787;
}

.e-check tr {
    margin-bottom: 23px;
}

.e-check tr td:first-child {
    padding-right: 7px;
    padding-top: 3px;
    vertical-align: top;
}

.e-check tr td a {
    color: #00517C;
}

.e-line2 {
    height: 2px;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    margin-top: 6px;
    margin-bottom: 49px;
}

.e-btn {
    height: 74px;
}

.e-close,
.e-read {
    height: 74px;
    line-height: 74px;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.e-close {
    border: 2px solid #D5D5D8;
    width: 34%;
    float: left;
    color: #000000;
}

.e-read {
    width: 61%;
    background-color: #00A7EA;
    box-shadow: 0px 10px 20px 0px rgba(0, 167, 234, 0.3);
    float: right;
    color: #FFFFFF;
}

/* 邮件 */
.email-popup {
    width: 100%;
    height: 150px;
    background-color: #001E3A;
    text-align: center;
}

.email-content {
    position: relative;
}

.email-popup .email-input {
    color: rgba(255, 255, 255, .45);
    height: 54px;
    font-size: 18px;
    padding-top: 30px;
}

.email-input input {
    margin: 0 16px;
    width: 451px;
    height: 54px;
    background-color: #001E3A;
    outline: none;
    -webkit-appearance: none;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 4px;
    caret-color: #00A7EA;
    padding-left: 18px;
}

.email-popup {
    position: fixed;
    bottom: 0;
    z-index: 99999;
    display: none;
}

.email-popup .email-send {
    background: #00A7EA;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 15px 45px;
}

.email-popup .email-tip {
    font-size: 14.4px;
    color: #BFC7CE;
    position: absolute;
    left: 0;
    right: 0;
    top: 110px;
}

.email-popup input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .75);
    padding-left: 4px;
}

.email-popup input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(255, 255, 255, .75);
    padding-left: 18px;
}

.email-popup input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, .75);
    padding-left: 18px;
}

.email-popup input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, .75);
    padding-left: 18px;
}

.email-tip a {
    color: #00A7EA;
}

.email-tip input:focus {
    background-color: #00A7EA;
}

.email-tip label {
    font-weight: normal;
}

.email-tip input[type="checkbox"] {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    position: relative;
    margin: 0 7px 0 0;
}

.email-tip input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9
}

.email-tip input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #00A7EA;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 18px;
    color: #FFF;
}

.email-content .close {
    /* position: absolute; */
    /* top: 19px; */
    /* right: 5%; */
    width: 16px;
    height: 16px;
    z-index: 8;
    opacity: 1;
    margin-right: 30px;
    margin-top: 30px;
}

.email-content .close img {
    width: 100%;
    height: 100%;
    display: block;
}

.email-pc {
    display: block;
}

.email-m {
    display: none;
}

@media (max-width:768px) {

    /* 移动端 邮件 */
    .email-pc {
        display: none;
    }

    .email-m {
        display: block;
    }

    .email-popup {
        width: 100%;
        height: 200px;
        padding-left: 30px;
    }

    .email-popup .email-input {
        height: 54px;
        font-size: 14px;
        /* font-size: 18px; */
        padding-top: 30px;
        text-align: left;
    }

    .email-input>div {
        text-align: left;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .email-input input {
        margin: 0;
        width: 72.5%;
        height: 54px;
        padding-left: 18px;
    }

    .email-popup .email-send {
        padding: 0;
        display: inline-block;
        width: 20.8%;
        /* width: 16.8%; */
        height: 54px;
        line-height: 54px;
        text-align: center;
    }

    .email-popup .email-tip {
        font-size: 14.4px;
        color: #BFC7CE;
        position: absolute;
        left: 0;
        right: 30px;
        top: 120px;
        /* top: 140px; */
        text-align: justify;
    }

    .email-tip label {
        font-weight: normal;
        display: contents;
    }

    .email-tip input[type="checkbox"] {
        width: 16px;
        height: 16px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        line-height: 18px;
        position: relative;
        margin: 0 0 5px;
        left: 0;
    }

    .email-content .close {
        margin-right: 14px;
        margin-top: 14px;
    }
}

/* 登录、注册、修改密码 */
* {
    padding: 0;
    margin: 0;
}

.login-box a {
    text-decoration: none;
}

.login-box input {
    border: 0;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
}

.login-box {
    width: 100%;
    position: relative;
}

.login-box .login-right {
    zoom: .8;
}

.login-box .bg {
    width: 100%;
    position: fixed;
}

.login-box .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.login-box .logo {
    position: absolute;
    left: 19%;
    display: inline-block;
}

.login-box .login-left {
    display: inline-block;
    position: relative;
    left: 19%;
    top: 200px;
}

.login-box .logo {
    top: 40px;
    cursor: pointer;
    width: 100px;
}

.login-box .login-left-title {
    font-size: 36px;
    color: #fff;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.20);
}

.login-box .login-left-txt {
    font-size: 24px;
    color: #fff;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.20);
}

.login-box .login-left-txt img {
    margin-left: 35px;
    display: inline-block;
    vertical-align: middle;
}

.login-box .login-right {
    position: absolute;
    left: 53%;
    top: 30%;
}

.login-box .login-right .bk {
    position: absolute;
    left: 386px;
    top: -10px;
}

.login-box form {
    position: absolute;
    width: 520px;
    /* height: 800px; */
    background: rgba(255, 255, 255, 0.20);
    border: 0 solid #FFFFFF;
    border-radius: 4px;
    color: #FFFFFF;
}

.login-box .login-name {
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.10);
    margin: 40px auto 80px;
}

.login-box .reset .login-name {
    font-size: 54px;
}

.login-box .login-email,
.login-box .login-password,
.login-box .login-btn,
.login-box .login-title,
.login-box .line,
.login-box .login-tip,
.login-box .login-send,
.login-box .login-cpassword,
.login-box .code {
    width: 73.9%;
    margin: auto;
}

.login-box .login-email,
.login-box .login-password,
.login-box .login-send,
.login-box .login-cpassword,
.login-box .code {
    position: relative;
}

.login-box .login-btn,
.login-box .login-title {
    text-align: center;
}

.login-box .line {
    background: #fff;
    border: 1px solid #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.50);
}

.login-box .line1 {
    margin-bottom: 90px;
}

.login-box .line3 {
    margin-bottom: 60px;
}

.login-box .login-img {
    position: absolute;
    left: 2.08%;
    bottom: 10px;
}

.login-box input {
    width: 66.67%;
    font-size: 16px;
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.20);
    position: absolute;
    left: 16.67%;
    bottom: 10px;
}

.login-box .code input {
    width: 50%;
}

.login-box .login-send input {
    width: 66.7%;
    left: 16.67%;
    bottom: 10px;
}

.login-box .login-send .login-btn {
    width: 26%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.login-box .login-email input::-webkit-input-placeholder,
.login-box .login-send input::-webkit-input-placeholder,
.login-box .login-password input::-webkit-input-placeholder,
.login-box .code input::-webkit-input-placeholder{
    color: rgba(255, 255, 255, .5);
}

.login-box .login-email input::-moz-placeholder,
.login-box .login-send input::-moz-placeholder,
.login-box .login-password input::-moz-placeholder,
.login-box .code input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(255, 255, 255, 5);
}

.login-box .login-email input:-moz-placeholder,
.login-box .login-send input:-moz-placeholder,
.login-box .login-password input:-moz-placeholder,
.login-box .code input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, 5);
}

.login-box .login-email input:-ms-input-placeholder,
.login-box .login-send input:-ms-input-placeholder,
.login-box .login-password input:-ms-input-placeholder,
.login-box .code input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 5);
}

.login-box .eye {
    position: absolute;
    right: 2.08%;
    cursor: pointer;
    bottom: 10px;
}

.login-box .line.line-code,.login-box .login-right .code{
    display: none;
}

.login-box .code .letter{
    width: 25%;
    height: 50px;
}

#getCapatchImg{
    position: absolute;
    right: 2.08%;
    cursor: pointer;
    bottom: 10px;
}

#getCapatchImg img{
    width: 100%;
    height: 100%;
}

.login-box .login-tip {
    padding: 20px 0 30px;
}

.login-tip input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.login-box.register .login-tip {
    text-align: left;
    padding-left: 20px;
}

.login-box .login-tip input {
    width: 16px;
    top: 61%;
    left: 13.5%;
}

.login-box.register .login-tip label {
    font-size: 16px;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: left;
}

.login-box .login-tip,
.login-title {
    font-size: 16px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.20);
}

.login-box .login-tip {
    text-align: right;
}

.login-box .login-tip a:hover{
    color: #F39700;
}

.login-box .login-tip a{
    color: #F39700;
    font-size: 16px;
}

.login-box .login-btn {
    height: 68px;
    line-height: 68px;
    font-size: 16px;
    text-align: center;
    background: #00AFEC;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20), inset 0 -1px 2px 0 rgba(255, 255, 255, 0.50);
    border-radius: 28px;
    cursor: pointer;
}

.login-box .login-title {
    margin: 44px auto 97px;
}

.login-box .login-title a {
    color: #F39700;
}

.login-box .none {
    height: 100px;
}

.page-background{
    background-image: url("https://d2m0lckuwxpjgo.cloudfront.net/r/cms/cn/default/image/page_bg.jpg") !important;
}

@media (max-width:768px) {
    .login-box {
        width: 100%;
        height: 225vw;
        position: relative;
        overflow: hidden;
    }

    .login-box .login-left {
        display: inline-block;
        position: relative;
        left: 50%;
        right: 0;
        top: 12%;
        /* margin: 0 auto; */
        transform: translateX(-50%);
        zoom: 0.6;
    }

    .login-box .login-right {
        position: absolute;
        left: 0;
        right: 0;
        top: unset;
        bottom: 73%;
        margin: 0 auto;
    }

    .login-box form {
        position: absolute;
        width: 110vw;
        height: 110vw;
        background: rgba(255, 255, 255, 0.20);
        border: 0 solid #FFFFFF;
        border-radius: 4px;
        color: #FFFFFF;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .login-box .logo{
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .login-box .line1 {
        margin-bottom: 60px;
    }
    .login-box .login-name,.login-box .line3 {
        margin-bottom: 30px;
    }
    .login-box .login-tip{
        padding-bottom: 15px;
    }
    .login-box .login-title {
        margin: 10px auto 0;
    }
    .register.login-box form{
        height: 120vw;
    }
    .login-box .login-right .bk{
        right: 30px;
        left: auto;
    }
    .login-box .code .letter{
        height: 40px;
    }
}
@media (min-width:992px) {
    section:last-child{
        padding-bottom: 0px;
    }
}
@media (max-width:991px) {
    /* 导航栏背景色 */
    .navbar-inverse .change,
    .navbar-inverse .login,
    .navbar-inverse .read {
        background: #fff;
    }
    .navbar-default .navbar-nav>li.read>a {
        padding: 10px 15px;
    }
    .navbar{
        padding: 10px 0 5px 0;
    }
    .navbar-brand{
        margin-top: -12px;
    }
}
@media (min-width:769px) {
    .read-p{
        display: block;
    }
    .read-m{
        display: none;
    }
    .banner .swiper-button-next:after, .banner .swiper-container-rtl .swiper-button-prev:after{
        content: url("../image/about/left.png") !important;
        transform: rotate(180deg);
    }
    .banner  .swiper-button-prev:after, .banner .swiper-container-rtl .swiper-button-next:after{
        content: url("../image/about/left.png") !important;
    }
    .fa-angle-right:before{
        display: none;
    }
    .fa-angle-left:before{
        display: none;
    }
}

@media (max-width:768px) {
    .read-p{
        display: none;
    }
    .read-m{
        display: block;
    }
    .solutions--main .solutions__card{
        margin-right: 0;
    }
    /* 锚点按钮 */
    .text-center>.btn-default{
        margin: 10px 0;
        width: 50%;
        font-size: 14px;
        padding:  12px 0;
    }
    /* 导航栏背景色 */
    .navbar-inverse .change,
    .navbar-inverse .login,
    .navbar-inverse .read {
        background: #fff;
    }
    .navbar-default .navbar-nav>li.read>a {
        padding: 10px 15px;
    }
    /* 新闻主页 */
    .featured__news {
        padding: 0px 0;
        height: 111px;
        background-size: cover;
    }
    .article.addTopMargin{
        margin-top: 0;
    }
    /* 新闻展会 */
    .masthead {
        background-size: cover;
        min-height: 217px;
    }
    .masthead .header {
        padding: 4.2em 0 0 2em;
        margin: 0;
        font-size: 14px;
    }
    .text p>span a{
        word-break: break-all;
    }
    .masthead .case_study .text{
        font-size: 18px;
    }
    /* 公告 */
    .page-larg>div{
        width: 100% !important;
        zoom: .7;
    }
    p img{
        width: 100%;
    }
    .careers .row>div{
        width: 100% !important;
    }
    .col-xs-12.col-md-4>p>img,.col-xs-12.col-md-4>a>p>img{
        width: 30%;
        margin: auto;
    }
    /* 招聘 */
    .filterview .col-sm-4{
        width: 33.333%;
        float: left;
        padding: 0px;
    }
    .filterview .col-sm-4:last-child{
        padding-left: 15px;
    }
    .filterview select{
        padding-left:5px;
        padding-right: 0px;
    }
    .filterview .input-group .filter:after{
        right: 18px;
        top: 12px;
    }

    p img{
        width: 100% !important;
    }
    /* 分页 */
    .pagination{
        zoom: .7;
    }
}