/*
* Copyright 2018 PINTEC
* Author: Jess Zhang
*/

@import url('./font.roboto.css');

html,
body {
    height: 100% !important;
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    font-family: "Roboto", "Heiti SC", STHeiti, sans-serif;
    background: #FCFCFC;
    font-weight: normal;
}
body {
    position: relative;
}
h1,h2,h3,h4,h5,h6 {
    line-height: 1.5;
    font-weight: 600;
}
h1 {
    font-size: 48px;
}
h2 {
    font-size: 32px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}

@media screen and (max-width: 767px) {

    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 14px;
    }
}

p {
    margin-bottom: 18px;
}

a {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #383e43;
}
a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #1e42a0;
}

a:focus {
    text-decoration: none;
}
hr {
    border-color: #dedede;
}
hr.dashed {
    border-style: dashed;
    margin-top: 20px;
    margin-bottom: 20px;
}
ol,
ul {
    line-height: 26px;
    padding-left: 25px;
}
ol li,
ul li {
    margin-bottom: 10px;
}

.wrap {
    position: relative;
    height: auto;
    margin: 0 auto;
    padding: 90px 0 0;
}

.wrap > .icon {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -15px;
}

@media screen and (max-width: 767px) {
    .wrap {
        padding-top: 50px;
    }
}


.wrap > .container {
    padding: 0 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.btn-primary {
    background-color: #071E33;
    border-color: #071E33;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
    background-color: #E42420;
    border-color: #E42420;
}

.btn-info {
    background-color: #339ED1;
    border-color: #339ED1;
}
.btn-info:hover,
.btn-info:active,
.btn-info.hover {
    background-color: #2680ab;
    border-color: #2680ab;
}

.btn-success {
    background-color: #33D171;
    border-color: #33D171;
}
.btn-success:hover,
.btn-success:active,
.btn-success.hover {
    background-color: #26ab5a;
    border-color: #26ab5a;
}

.btn-warning {
    background-color: #E46E22;
    border-color: #E46E22;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
    background-color: #bc5817;
    border-color: #bc5817;
}

.btn-blue {
    background-color: #0d3860;
    border-color: #0d3860;
    color: #fff;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue.hover {
    background-color: #071E33;
    border-color: #071E33;
    color: #fff;
}



.btn {
    border-radius: 0;
}

.navbar {
    border-bottom: 0;
    margin-bottom: 0;
}
.navbar-nav > li {
    margin-bottom: 0;
}
.navbar-nav > li > a {
    padding: 35px 15px;
    font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 996px) {
    .navbar-nav.navbar-right {
        float: left !important;
    }
    .navbar-nav > li > a {
        padding: 15px;
        font-size: 16px;
    }
    .navbar-nav > li:first-child > a {
        padding-left: 0;
    }
}
@media screen and (max-width: 767px) {
    .navbar-nav > li > a {
        padding: 10px 15px;
        font-size: 16px;
    }
}
.navbar-nav > li > a:hover {
    cursor: pointer;
}
.navbar-collapse.in .navbar-nav > li > a {
    padding: 10px 15px;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: -10px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #FFFFFF !important;
    background-color: #E42420 !important;
}
.navbar-inverse .navbar-nav > .open .dropdown-menu {
    padding-top: 5px;
    margin-top: 0;
}

.navbar-inverse .dropdown-menu > li {
    margin-bottom: 0;
}

.navbar-inverse .dropdown-menu > li > a {
    padding: 10px 20px;
}

.navbar-inverse .dropdown-menu > .active > a,
.navbar-inverse .dropdown-menu > .active > a:hover,
.navbar-inverse .dropdown-menu > .active > a:focus {
    background-color: #E42420;
}

.navbar-inverse {
    background-color: rgba(7, 30, 51, 1);
}
.navbar-inverse .container {
    border-width: 0 0 1px;
    border-style: solid;
    border-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%) 5%;
}
.navbar-inverse .navbar-text {
    color: #12161a;
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #E42420;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    font-size: 18px;
    color: #E42420;
    background-color: transparent;
    /*cursor: default;*/
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #555;
    background-color: transparent;
}
.navbar-inverse .navbar-toggle {
    border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #555;
}
.navbar-inverse .navbar-link {
    color: #555;
}
.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
    color: #E42420;
}
.navbar-inverse .navbar-separator {
    border-color: #eee;
}
.navbar-brand {
    background: url("../img/logos/logo-letter-white.svg") left bottom no-repeat;
    -webkit-background-size: 180px 63px;
    -moz-background-size: 180px 63px;
    background-size: 180px 63px;
    overflow: hidden;
    padding: 0;
    height: 63px;
    width: 180px;
    margin-top: 12px;
    margin-left: 0 !important;
}
@media screen and (min-width: 768px) and (max-width: 996px) {
    .navbar-brand {
        -webkit-background-size: 120px 30px;
        -moz-background-size: 120px 30px;
        background-size: 120px 30px;
        background-position: left top;
        height: 30px;
        width: 120px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .navbar-brand {
        -webkit-background-size: 120px 30px;
        -moz-background-size: 120px 30px;
        background-size: 120px 30px;
        background-position: left top;
        height: 30px;
        width: 120px;
        margin-left: 10px !important;
        margin-top: 10px;
    }
}
.navbar-separator {
    border-left: 1px solid #ddd;
    height: 23px;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    transition: border-color 0.3s;
}


.footer {
    position: relative;
    background-color: #FFF;
    overflow: hidden;
    color: #071E33;
    width: 100%;
    margin-top: 60px;
}

.footer-fixed {
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer > .container {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer .ripple {
    display: none;
    position: absolute;
    z-index: 2;
    background: url("../img/ripple.svg") center no-repeat;
    -webkit-background-size: 864px 864px;
    -moz-background-size: 864px 864px;
    background-size: 864px 864px;
    height: 864px;
    width: 864px;
    right: -330px;
    top: 50%;
    margin-top: -460px;
}

.footer .content {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    z-index: 3;
}

.footer .logo {
    margin-bottom: 50px;
}

.footer .contact-header {
    margin-top: 10px;
}

.footer .contact-list {
    list-style: none;
    padding-left: 0;
}

.footer .contact-list > li {
    margin-bottom: 5px;
    line-height: 22px;
}

.footer .contact-list > li a {
    color: white
}

.footer .contact-list > li a:hover {
    color: #E42420;
}

.footer .contact-list > li.social a {
    font-size: 22px
}


.footer .copyright {
    position: relative;
    border-width: 1px 0 0;
    border-style: solid;
    border-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%) 5%;
    text-align: center;
    padding-top: 20px;
    z-index: 3;
}

.footer .copyright a {
    color: #FFFFFF;
}

.footer .copyright a:hover {
    color: #FFFFFF;
}

.jumbotron {
    padding-top:  80px;
    padding-bottom: 100px;
    background-color: #071E33;
    color: #FFF;
    border: 0;
    margin: 0;
}

.jumbotron .title {
    font-size: 48px;
    margin: 0
}

@media screen and (max-width: 767px) {
    .jumbotron {
        padding-top:  30px;
        padding-bottom: 50px;
    }

    .jumbotron .title {
        font-size: 32px;
    }
}

.jumbotron .title .highlight {
    padding: 2px 5px;
    background-color: rgba(69, 144, 255, .2);
}

.jumbotron .description {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 60%;
    color: #FEFEFE;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron .description {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .jumbotron .description {
        width: 100%;
    }
}

.jumbotron a {
    color: #FEFEFE;
}
.jumbotron a:hover {
    color: #E42420;
}

.jumbotron.jumbotron-sm {
    padding-top:  40px;
    padding-bottom: 50px;
    background: #071E33;
    margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
    .jumbotron.jumbotron-sm {
        padding-top:  20px;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }
}

.jumbotron.jumbotron-sm .description {
    margin-bottom: 5px;
}

.jumbotron.home-video {
    background: #071E33 url("../img/cover-video.jpg") no-repeat center;
    background-size: cover;
    min-height: 370px;
}


.jumbotron.home-ipo {
    background: #071E33 url("../img/cover-ipo.jpg") no-repeat center;
    background-size: cover;
    min-height: 370px;
}


.jumbotron.career-cover {
    background: #071E33 url("../img/cover-career.jpg") no-repeat center;
    background-size: cover;
}

.jumbotron.team-cover {
    background: #071E33 url("../img/cover-team.jpg") no-repeat center;
    background-size: cover;
}

/* Homepage */
.section-solution {
    background: #FFFFFF;
    padding: 80px 0;
}

.section-solution .heading{
    margin-bottom: 60px;
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .section-solution .heading{
        text-align: left;
        margin-bottom: 30px;
    }
}


.section-solution .list-group {
    width: 100%;
    height: 300px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 0;
}

.section-solution .list-group .list-group-item {
    width: 190px;
    height: 288px;
    background: url("../img/board/board_orange.svg") left top no-repeat;
    background-size: 190px 288px;
    border: 0;
    margin-left: 42px;
    position: relative;
}

.section-solution .list-group .list-group-item.board-i {
    background-image: url("../img/board/board_orange.svg");
    margin-left: 0;
}

.section-solution .list-group .list-group-item.board-ii {
    background-image: url("../img/board/board_pink.svg");
}

.section-solution .list-group .list-group-item.board-iii {
    background-image: url("../img/board/board_purple.svg");
}

.section-solution .list-group .list-group-item.board-iv {
    background-image: url("../img/board/board_blue.svg");
}

.section-solution .list-group .list-group-item.board-v {
    background-image: url("../img/board/board_green.svg");
}


@media screen and (max-width: 1199px) {

    .section-solution .list-group .list-group-item {
        margin-left: 20px;
    }
}

.section-solution .list-group .list-group-item:first-child {
    margin-left: 0;
}


.section-solution .list-group .list-group-item > .title {
    width: 160px;
    margin: 180px auto 0;
    font-size: 20px;
    white-space: normal;
    text-align: center;
    color: #333333;
}

.section-solution .list-group .list-group-item > .subtitle {
    width: 160px;
    margin: 10px auto 0;
    font-size: 16px;
    white-space: normal;
    text-align: center;
    color: #666666;
}

.section-solution .list-group .list-group-item > .mask {
    width: 184px;
    height: 282px;
    background: url("../img/board/mask.svg") left top no-repeat;
    position: absolute;
    top: 3px;
    left: 3px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.section-solution .list-group .list-group-item:hover > .mask {
    opacity: 1;
}

.section-solution .list-group .list-group-item > .mask .description {
    color: #FFFFFF;
    padding: 20px;
    font-size: 13px;
    text-align: left;
    white-space: normal;
    margin-bottom: 0;
    font-weight: 200;
}

.section-solution .list-group .list-group-item > .mask .read-more {
    font-size: 12px;
    text-align: center;
    color: #c55;
}
.section-solution .list-group .list-group-item > .mask .read-more:hover {
    font-size: 12px;
    text-align: center;
    color: #E42420;
}

.section-product {
    position: relative;
    padding: 80px 0 20px;
}

.section-product .heading{
    margin-bottom: 60px;
    margin-top: 0;
}

.section-product .product-nav {
    position: relative;
    z-index: 2;
}

.section-product .nav-pills > li > a {
    font-size: 16px;
    color: #666666;
    border: 1px solid transparent;
    padding: 10px 15px 8px;
}

.section-product .nav-pills > li.active > a,
.section-product .nav-pills > li.active > a:hover,
.section-product .nav-pills > li.active > a:focus {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 8px 0 rgba(204,204,204,0.50);
    color: #E42420;
    border-radius: 8px;
}

@media screen and (max-width: 991px) {
    .section-product .heading {
        text-align: left;
        margin-bottom: 20px;
    }
    .section-product .product-nav {
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 20px;
    }
    .section-product .nav-pills > li {
        display: inline-block;
    }
}

.section-product .details {
    position: relative;
    min-height: 360px;
    margin-bottom: 40px;
}

.section-product .details .separator {
    position: absolute;
    height: 430px;
    width: 210px;
    background: url("../img/separator.svg") left top no-repeat;
    -webkit-background-size: 209px 423px;
    -moz-background-size: 209px 423px;
    background-size: 209px 423px;
    left: -270px;
    top: -80px;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .section-product .details .separator {
        display: none;
    }
}

.section-product .description {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 40px;
}

.section-product .product {
    text-align: center;
    margin-bottom: 30px;
}

.section-product .product .icon{
    width: 56px;
    height: 56px;
    left: 20px;
    top: 20px;
    background: url("../img/symbol.svg") left top no-repeat;
    background-size: 56px 56px;
    text-align: center;
    line-height: 50px;
    padding-top: 5px;
    vertical-align: middle;
    font-size: 26px;
    color: #FFFFFF;
    margin: 0 auto 5px;
}

.section-product .product .icon i{
    margin-bottom: -5px;
}

.section-product .btn {
    padding: 10px 15px;
}

.section-partner {
    background-color: #071E33;
    padding: 80px 0 40px;
    color: #FFFFFF;
}

.section-partner .heading {
    margin-top: 0;
}

.section-partner .read-more {
    color: #FFFFFF;
    font-weight: 200;
}

.section-partner .read-more:hover {
    color: #E42420;
}

.section-partner .items {
    margin-top: 40px;
    text-align: center;
}

.section-partner .items img.img-responsive{
    display: inline-block;
    margin-bottom: 40px;
}

.section-news {
    margin-top: 80px;
}

.section-news .news {
    position: relative;
    display: block;
}

.section-news .news .news-thumbnail {
    height: 200px;
    background: #DDDDDD;
    overflow: hidden;
    text-align: right;
}

.section-news .news .news-thumbnail img{
    display: inline-block;
}

.section-news .news .date {
    position: absolute;
    width: 56px;
    height: 56px;
    left: 20px;
    top: 20px;
    background: url("../img/symbol.svg") left top no-repeat;
    background-size: 56px 56px;
    text-align: center;
    color: #FFFFFF;
}

.section-news .news .date .month{
    font-size: 12px;
    font-weight: 200;
    line-height: 12px;
    margin: 0;
}

.section-news .news .date .day{
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin: 14px 0 0;
}

.section-news .news .content {
    position: relative;
    margin: -80px auto 40px;
    width: 90%;
    padding: 15px 20px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    z-index: 999;
}

.section-news .news .content .separator {
    width: 56px;
    height: 2px;
    background: #E42922;
    margin: 5px 0 10px;
}

.section-news .news .content .title {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    height: 90px;
    overflow: hidden;
}

.section-news .news .content .source {
    color: #999999;
    margin: 0;
    font-weight: 200;
}

.section-news .btn-lg {
    font-size: 14px;
    padding: 15px 20px;
}

/* Solution & product */
.solution {

}

.solution .nav,
.product .nav{
    position: relative;
    z-index: 2;
}

.solution .nav-pills > li > a,
.product .nav-pills > li > a{
    font-size: 16px;
    color: #666666;
    border: 1px solid transparent;
    padding: 10px 15px 8px;
}

.solution .nav-pills > li.active > a,
.solution .nav-pills > li.active > a:hover,
.solution .nav-pills > li.active > a:focus,
.product .nav-pills > li.active > a,
.product .nav-pills > li.active > a:hover,
.product .nav-pills > li.active > a:focus {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 8px 0 rgba(204,204,204,0.50);
    color: #E42420;
    border-radius: 8px;
}

.solution .details
.product .details {
    position: relative;
    min-height: 360px;
}

.solution .details .heading,
.solution .details .sub-heading{
    margin-top: 0;
}

.solution .details hr.dashed {
    margin: 40px auto;
}

.solution .details .case{
    margin-top: 20px;
}

.solution .details .case {
    position: relative;
}

.pin {
    font-size: 22px;
    text-align: left;
    margin-bottom: 10px;
}

.solution .details .diagram {
    margin: 30px 0;
    text-align: center;
}

.solution .details .diagram img {
    display: inline-block;
}

.solution .details .case .pin .icon{
    display: inline-block;
    width: 56px;
    height: 56px;
    background: url("../img/symbol.svg") left top no-repeat;
    background-size: 56px 56px;
    text-align: center;
    line-height: 62px;
    vertical-align: middle;
    font-size: 26px;
    color: #FFFFFF;
    margin-top: -6px;
    margin-right: 6px;
    overflow: hidden;
}

.product .details .well {
    margin-top: 20px;
    margin-bottom: 20px;
}

.product .details .character {
    margin-top: 10px;
    margin-bottom: 10px;
}

.product .details .diagram {
    margin: 30px 0;
    text-align: center;
}

.product .details .diagram img {
    display: inline-block;
}

.product .template {
    margin-top: 40px;
    text-align: center;
}

.product .template .title {
    margin-top: 20px;
}

.product .template-sample img {
    width: 80%;
    display: inline-block;
}

.partnership .partners {
}

.partnership .partners .heading {
    margin-top: 0;
}

.partnership .partners .items {
    text-align: center;
}

.partnership .partners .items .item {
    background-color: #071E33;
    text-align: center;
    padding: 0 10px;
    margin-bottom: 20px;
}

.partnership .partners img.img-responsive{
    display: inline-block;
}

.company {
    position: relative;
}

.company .nav-pills > li > a {
    font-size: 16px;
    color: #666666;
    border: 1px solid transparent;
    padding: 10px 15px 8px;
}

.company .nav-pills > li.active > a,
.company .nav-pills > li.active > a:hover,
.company .nav-pills > li.active > a:focus {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 8px 0 rgba(204,204,204,0.50);
    color: #E42420;
    border-radius: 8px;
}


@media screen and (max-width: 991px) {
    .company .company-nav {
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 20px;
        text-align: center;
    }
    .company .nav-pills > li {
        display: inline-block;
    }
}

.company  .details {
    position: relative;
    min-height: 360px;
}

.company  .details .separator {
    position: absolute;
    height: 430px;
    width: 210px;
    background: url("../img/separator.svg") left top no-repeat;
    -webkit-background-size: 209px 423px;
    -moz-background-size: 209px 423px;
    background-size: 209px 423px;
    left: -230px;
    top: -80px;
    z-index: 1;
}

.company .overview .heading{
    margin-top: 0;
}

.company .milestone {
    padding: 20px 0;
}

.company .milestone .date {
    width: 56px;
    height: 56px;
    background: url("../img/symbol.svg") left top no-repeat;
    background-size: 56px 56px;
    text-align: center;
    color: #FFFFFF;
    float: left;
}

.company .milestone .date .year{
    font-size: 12px;
    font-weight: 200;
    line-height: 12px;
    margin: 0;
}

.company .milestone .date .month{
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 14px 0 0;
    margin: 0;
}

.company .milestone .event {
    padding-left: 70px;
    margin-top: 15px;
    margin-left: 10px;
}

.company .team .member {
    padding-top: 30px;
    margin-bottom: 30px;
    border-top: 1px dashed #ccc;
}

.company .team .member:first-child {
    padding-top: 0;
    border-top: 0;
}

.company .team .member .name {
    margin-top: 0;
}

.company .team .member .position {
    font-size: 14px;
}

.company .team .member .description {
    padding-left: 15px;
}

.company .team .member .description li {
    margin-bottom: 2px;
}

.company .news-list {
    padding-top: 0;
}

.company .news-list .news {
    padding: 20px 0;
    border-bottom: 1px dashed #CCCCCC;
}

.company .news-list .news:first-child {
    padding-top: 0;
}

.company .news-list .news .cover {
    max-width: 300px;
    max-height: 160px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {

    .company .news-list .news .cover {
        max-width: 150px;
        max-height: 80px;
    }
}

.company .news-list .news .title {
    margin-top: 0;
    margin-bottom: 2px;
}

.company .news-list .news .meta {
    font-size: 12px;
    color: #AAAAAA;
}

.company .news-list .news .description {
    margin-bottom: 0;
}

.news-article {
    padding-top: 0;
}

.news-article .article-header {
    padding-top: 40px;
    margin-bottom: 40px;
    background: rgba(7, 30, 51, 1);
    color: #FFF;
}


.news-article .title {
    margin-top: 0;
    margin-bottom: 2px;
}

.news-article .separator {
    width: 56px;
    height: 2px;
    background: #E42922;
    margin: 20px 0;
}

.news-article .article-header .separator {
    margin-bottom: 40px;
}

.news-article .content img {
    display: inline-block;
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.news-article .content p {
    line-height: 24px;
    margin-bottom: 20px;

}

.news-article .content ol,
.news-article .content ul {
    margin-bottom: 20px;
}

.news-article .content h1 {
    font-size: 24px;
}

.news-article .content h2 {
    font-size: 20px;
}

.news-article .content h3 {
    font-size: 18px;
}

.news-article .recent .heading{
    margin-top: 0;
}

.international .partner {
    margin-top: 50px;
}

.international .partner h3 {
    margin-top: 0;
}

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

.international .partner .logo img {
    display: inline-block;
}


.career {
    position: relative;
}

.career .nav-pills > li > a {
    font-size: 16px;
    color: #666666;
    border: 1px solid transparent;
    padding: 10px 15px 8px;
}

.career .nav-pills > li.active > a,
.career .nav-pills > li.active > a:hover,
.career .nav-pills > li.active > a:focus {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 8px 0 rgba(204,204,204,0.50);
    color: #E42420;
    border-radius: 8px;
}


@media screen and (max-width: 991px) {
    .career .career-nav {
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 20px;
        text-align: center;
    }
    .career .nav-pills > li {
        display: inline-block;
    }
}

.career  .details {
    position: relative;
    min-height: 360px;
}

.career  .details .separator {
    position: absolute;
    height: 430px;
    width: 210px;
    background: url("../img/separator.svg") left top no-repeat;
    -webkit-background-size: 209px 423px;
    -moz-background-size: 209px 423px;
    background-size: 209px 423px;
    left: -230px;
    top: -80px;
    z-index: 1;
}

.career .career-search {
    margin-top: 40px;
    margin-bottom: 40px;
}

.career .career-search .search-form {
    position: relative;
}

.career .career-search .search-form .search-icon {
    position: absolute;
    left: 15px;
    top: 22px;
    z-index: 2;
    width: 30px;
    font-size: 30px;
}

.career .career-search .search-form #search-input {
    padding-left: 60px;
    border: 0;
    border-bottom: 1px solid #dedede;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    height:  80px;
    line-height: 80px;
    font-size: 32px;
}

.career .career-search .search-result {
    clear: both;
}

.career .career-search .search-result .list-group {
    background: transparent;
}
.career .career-search .search-result .list-group .list-group-item {
    font-size: 22px;
    line-height: 42px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #eeeeee;
}

.career .career-content .switch .down{
    display: block;
}

.career .career-content .switch .up{
    display: none;
}

.career .career-content .career-details{
    display: none;
}

.career .career-content.active .switch .down{
    display: none;
}

.career .career-content.active .switch .up{
    display: block;
}

.career .career-content.active .career-details{
    display: block;
}

.career .career-content.active .career-title a{
    color: #E42420;
}

.career .career-area {
    margin-bottom: 40px;
}

.career .career-area .city {
    margin-top: 20px;
    text-align: center;
}

.career .career-area .city > .symbol {
    position: relative;
    height: 160px;
    width: 100%;
}

.career .career-area .city > .symbol img {
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 50%;
    margin-left: -60px;
}

.career .company-perks {
    padding: 40px 0 60px;
    background: #FFFFFF;
}

.career .company-perks .company-perks-header {
    text-align: center;
}

.career .company-perks .company-perks-description {
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.career .company-perks .company-perks-description p {
    margin-bottom: 5px;
}

.career .company-perks .company-perks-item {
    text-align: center;
    margin-bottom: 30px;
}

.career .company-perks .company-perks-item .title {
    text-align: center;
}


.career .company-perks .company-perks-item .icon{
    width: 90px;
    height: 90px;
    background: url("../img/symbol.svg") left top no-repeat;
    background-size: 90px 90px;
    text-align: center;
    line-height: 80px;
    padding-top: 8px;
    vertical-align: middle;
    font-size: 40px;
    color: #FFFFFF;
    margin: 0 auto 10px;
}

.career .company-perks .company-perks-item .icon i{
    margin-bottom: -5px;
}

.career .for-future {
    color: #FFF;
    background: #071E33 url("../img/for-future-bg.jpg") no-repeat center;
    background-size: cover;
    padding: 60px 0;
}

.career .our-mission {
    padding: 100px 0 60px 0;
    text-align: center;
}