.header .navbar {
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.header .navbar .top {
    height: 40px;
    background: #0451b1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.header .navbar .top .row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header .navbar .top .left a {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
}
.header .navbar .main {
    position: relative;
    height: 80px;
    background: #f78e06;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.header .navbar .main .navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    padding: 0 20px;
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.header .navbar .main .navbar-brand .text {
    margin-left: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
.header .navbar .main .navbar-brand .text span {
    display: block;
    font-size: 11px;
    color: #3e3e3f;
    word-spacing: 6px;
}
.header .navbar .main .menus {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.header .navbar .main .menus .left a {
    padding: 0.5rem 15px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}
.header .navbar .main .menus .right {
    padding-right: 80px;
}
.header .navbar .main .menus .right a {
    padding: 0.5rem 15px;
    font-size: 13px;
    color: #242424;
    text-transform: uppercase;
}
.header .navbar .main .search {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    text-align: center;
    border-left: 1px solid #ee7e04;
}
.header .navbar .main .search--button {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 24px;
    line-height: 80px;
    color: #fff;
}
.header .navbar .bottom {
    height: 40px;
    padding: 0 15px;
    background: #d0d8e7;
}
.header .navbar .bottom .left a {
    padding: 0.5rem 10px;
    font-size: 12px;
    color: #42516e;
    text-transform: uppercase;
}
.header .navbar .bottom .left .nav-item:last-child a {
    font-weight: 700;
    color: #f78e06;
}
.header .navbar .bottom .right .nav-item a {
    height: 40px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
}
.header .navbar .bottom .right .nav-item:first-child a {
    background: #df0b0b;
}
.header .navbar .bottom .right .nav-item:last-child a {
    background: #05c101;
}
.footer {
    padding: 40px 0;
    background: #d0d8e7;
    border-top: 2px solid #0451b1;
}
.footer .title {
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: 700;
    line-height: 36px;
    color: #323232;
}
.footer .title::after {
    display: block;
    width: 25%;
    height: 4px;
    content: "";
    background: #0451b1;
}
.footer .contact ul li,
.footer .country ul li,
.footer .footer-news ul li,
.footer .province ul li {
    margin-bottom: 20px;
    font-size: 15px;
}
.footer .contact ul li i,
.footer .country ul li i,
.footer .footer-news ul li i,
.footer .province ul li i {
    margin-right: 15px;
    color: #0451b1;
}
.footer .contact ul li a,
.footer .country ul li a,
.footer .footer-news ul li a,
.footer .province ul li a {
    color: #323232;
}
.footer .contact ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer .contact ul li div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.footer .contact ul li div span {
    display: block;
    line-height: 1;
}
.copyright {
    padding: 25px 0;
    background: #bbc4d3;
}
.copyright h1 {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #5a5a5a;
    text-align: center;
}
.news {
    padding: 52px 0;
}
.news .special__news {
    margin-bottom: 40px;
}
.news .special__news .header {
    position: relative;
    height: 54px;
    margin-bottom: 15px;
    line-height: 54px;
}
.news .special__news .header::after,
.news .special__news .header::before {
    position: absolute;
    top: 0;
    left: 15px;
    height: 4px;
    content: "";
}
.news .special__news .header::before {
    z-index: 1;
    width: 255px;
    background: #0451b1;
}
.news .special__news .header::after {
    right: 15px;
    background: #d0d8e7;
}
.news .special__news .header h1 {
    display: inline-block;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: inherit;
    color: #323232;
}
.news .special__news .header a {
    font-size: 16px;
    font-weight: 700;
    color: #d0d8e7;
}
.news .special__news--item {
    position: relative;
    max-height: 300px;
}
.news .special__news--title {
    position: absolute;
    bottom: 0;
    left: 15px;
    max-width: 73%;
    padding: 15px 20px;
    background: #0451b1;
}
.news .special__news--title .sub {
    font-size: 14px;
    color: #7daafe;
}
.news .special__news--title .main {
    max-height: 46px;
    margin: 0;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.news .fresh__news--title h1 {
    position: relative;
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: 700;
    line-height: 32px;
    color: #323232;
    text-transform: uppercase;
}
.news .fresh__news--title h1::after {
    display: block;
    width: 30px;
    height: 4px;
    content: " ";
    background: #0451b1;
}
.news .fresh__news .swiper-slide .image-wrapper {
    max-height: 170px;
    margin-bottom: 12px;
    overflow: hidden;
}
.news .fresh__news .swiper-slide .title {
    max-height: 37px;
    margin-bottom: 12px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15;
    color: #333;
}
.news .fresh__news .swiper-slide .sub {
    font-size: 13px;
    color: #a6a6a6;
}
.news .fresh__news .controll-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.news .fresh__news .controll-group button {
    position: static;
    margin: 0;
    font-size: 22px;
    color: #0e3d93;
    background: 0 0;
    border: none;
}
.news .column__content--items {
    margin-bottom: 30px;
}
.news .column__content--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 54px;
    border-top: 2px solid #0451b1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.news .column__content--header span {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
.news .column__content--header a {
    font-size: 14px;
    font-weight: 700;
    color: #8b8b8b;
}
.news .column__content--header a i {
    margin-left: 5px;
}
.news .column__content--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px dashed #8b8b8b;
}
.news .column__content--item:last-child {
    border-bottom: none;
}
.news .column__content--item img {
    width: 100px;
    height: 75px;
    -o-object-fit: cover;
    object-fit: cover;
}
.news .column__content--item div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 100px);
    padding-left: 17px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.news .column__content--item div a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #333;
}
.news .column__content--item div .category {
    font-size: 13px;
    color: #a6a6a6;
}
.service {
    padding: 70px 0;
    background: #0451b1;
}
.service--header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    line-height: 58px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.service--header span {
    font-size: 24px;
    color: #fff;
}
.service--header::after,
.service--header::before {
    position: absolute;
    top: 0;
    left: 15px;
    height: 4px;
    content: "";
}
.service--header::before {
    z-index: 1;
    width: 255px;
    background: #fff;
}
.service--header::after {
    right: 15px;
    background: #6da9f9;
}
.service--count {
    font-size: 17px;
    color: #6da9f9;
}
.service--count span {
    font-size: 17px;
}
.service--item {
    margin-bottom: 30px;
}
.service--item a {
    position: relative;
    display: block;
    border: 1px solid #6da9f9;
}
.service--item a > div {
    padding: 25px;
}
.service--item a > div::after,
.service--item a > div::before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 0;
    content: "";
    background: #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.service--item a > div::before {
    left: 0;
}
.service--item a > div::after {
    right: 0;
}
.service--item a .top {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
}
.service--item a .bottom {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #6da9f9;
}
.service--item a::after,
.service--item a::before {
    position: absolute;
    left: 0;
    width: 0;
    height: 1px;
    content: "";
    background: #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.service--item a::before {
    top: 0;
}
.service--item a::after {
    bottom: 0;
}
.service--item a:hover::after,
.service--item a:hover::before {
    width: 100%;
}
.service--item a:hover > div::after,
.service--item a:hover > div::before {
    height: 100%;
}
.service--item.all a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    font-size: 20px;
    font-weight: 700;
    color: #0451b1;
    background: #6da9f9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.service--item.all a i {
    margin-top: 3px;
    margin-left: 5px;
}
.careers {
    padding: 50px 0;
}
.careers .career-header,
.careers .feedback-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    line-height: 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.careers .career-header::after,
.careers .career-header::before,
.careers .feedback-header::after,
.careers .feedback-header::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    content: "";
}
.careers .career-header::before,
.careers .feedback-header::before {
    z-index: 1;
    width: 255px;
    background: #0451b1;
}
.careers .career-header::after,
.careers .feedback-header::after {
    right: 0;
    background: #d0d8e7;
}
.careers .career-header--text,
.careers .feedback-header--text {
    max-width: 75%;
}
.careers .career-header--text span,
.careers .feedback-header--text span {
    display: block;
    font-weight: 700;
    line-height: 1.4;
}
.careers .career-header--text span:first-child,
.careers .feedback-header--text span:first-child {
    margin-top: 10px;
    font-size: 24px;
    color: #323232;
}
.careers .career-header--text span:last-child,
.careers .feedback-header--text span:last-child {
    font-size: 12px;
    color: #0451b1;
}
.careers .career-header a,
.careers .feedback-header a {
    font-size: 16px;
    color: #d0d8e7;
    text-transform: uppercase;
}
.careers .feedback-header a {
    font-size: 24px;
    font-weight: 700;
    color: #f78e06;
}
.careers .career-job--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px dashed #d0d8e7;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.careers .career-job--item:last-child {
    border-bottom: none;
}
.careers .career-job--item .item-left {
    max-width: 60%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
}
.careers .career-job--item .item-left span {
    display: block;
}
.careers .career-job--item .item-left span.title {
    font-size: 17px;
    font-weight: 700;
    color: #323232;
}
.careers .career-job--item .item-left span.cv {
    font-size: 14px;
    color: #838384;
}
.careers .career-job--item .item-left span.cv strong {
    color: #0451b1;
}
.careers .career-job--item .item-right {
    max-width: 40%;
    text-align: right;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
}
.careers .career-job--item .item-right .salary {
    font-size: 15px;
    font-weight: 700;
    color: #0451b1;
}
.careers .feedback-actions .btn-group {
    margin-bottom: 30px;
}
.careers .feedback-actions form div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.careers .feedback-actions form div i {
    width: 30px;
    margin: 0 15px;
    font-size: 25px;
    color: #d0d8e7;
    text-align: center;
}
.careers .feedback-actions form input,
.careers .feedback-actions form select {
    border: none;
    border-bottom: 4px solid #d0d8e7;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.careers .feedback-actions form button {
    height: 50px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: 700;
    color: #0451b1;
    background: 0 0;
    border: 3px solid #0451b1;
}
.travels .header {
    position: relative;
    height: 54px;
    margin-bottom: 40px;
    line-height: 54px;
}
.travels .header::after,
.travels .header::before {
    position: absolute;
    top: 0;
    left: 15px;
    height: 4px;
    content: "";
}
.travels .header::before {
    z-index: 1;
    width: 255px;
    background: #0451b1;
}
.travels .header::after {
    right: 15px;
    background: #d0d8e7;
}
.travels .header > div {
    margin-top: auto;
    line-height: 1;
}
.travels .header > div span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #0451b1;
}
.travels .header h1 {
    display: inline-block;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: inherit;
    color: #323232;
}
.travels .header .welcome {
    font-size: 16px;
    font-weight: 700;
    color: #d0d8e7;
    text-transform: uppercase;
}
.travels .travel-item {
    margin-bottom: 45px;
}
.travels .travel-item .image-wrapper {
    max-height: 400px;
    overflow: hidden;
}
.travels .travel-item .image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.travels .travel-item .title {
    display: block;
    font-size: 19px;
    font-weight: 700;
    line-height: 56px;
    color: #323232;
    border-bottom: 2px solid #0451b1;
}
