.translate-banner {
    background-image: url("../img/bg_translate_banner.png");
    /*height: 600px;*/
    background-color: #217CF3;
    color: #ffffff;
    padding-bottom: 50px;
}

.translate-banner .nav-item {
    font-size: 18px;
}

.translate-banner .nav-bar {
    margin-left: auto;
    margin-right: auto;
}

.call-intro {
    background-color: #ffffff;
}

.call-intro .headline {
    color: #27c886;
    font-size: 48px;
}

.call-intro .title {
    font-size: 20px;
    color: #999999;
}

.call-intro .subtitle {
    font-size: 36px;
    color: #666666;
}

.call-intro .desc {
    font-size: 20px;
    color: #999999;
}

.call-intro .desc .highlight {
    font-size: 24px;
    color: #ef9751;
}

.call-rate {
    background-color: #f3f6fb;
}

.call-rate .headline {
    font-size: 48px;
    color: #27c886;
}

.call-rate .title {
    font-size: 20px;
    color: #999999;
}

.call-rate .desc {
    font-size: 24px;
    color: #666666;
}

.nav-bar-transparent {
    background-color: transparent;
}

.uk-navbar-nav > li > a {
    /*color: #cfcfcf;*/
    color: #efefef;
    text-transform: uppercase;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {
    color: #fff;
    outline: none;
}

/* OnClick */
.uk-navbar-nav > li > a:active {
    color: #fff;
}

/* Active */
.uk-navbar-nav > li.uk-active > a {
    color: #fff;
}

.translate-top-title-text {
    text-align: center !important;
    font-size: 48px;
    line-height: 60px;
    color: #ffffff;
}

.translate-top-desc-text {
    text-align: center !important;
    padding: 16px;
}

.translate-language {
    background-image: url("../img/bg_translate_languages.png");
}

.translate-language .headline {
    font-size: 32px;
    color: #333333;
}

.translate-camera {
    background-image: url("../img/bg_translate_camera.jpg");
    padding: 50px;
}

.translate-camera .title {
    text-align: center !important;
    font-size: 60px;
    line-height: 60px;
    color: #ffffff;
    font-weight: bold;
}

.translate-feature {

}

.translate-feature .headline {
    font-size: 32px;
    color: #333333;
}

.translate-feature .icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.translate-feature .title {
    color: #333333;
    font-size: 20px;
}

.translate-feature .desc {
    color: #666666;
    font-size: 14px;
}

.translate-rate {
    background-color: #f3f6fb;
}

.translate-rate .headline {
    font-size: 32px;
    color: #333333;
}

.translate-install {
    background: #f3f6fb url("../img/bg_translate_install.png") no-repeat bottom;
    color: #ffffff;
}

.translate-install .icon {
    padding-bottom: 60px;
}

.translate-install .title {
    font-size: 32px;
}

.translate-install .desc {
    font-size: 16px;
}

.footer {
    background-color: #181f37;
    color: #ffffff;
}

.footer h3, h4, h5 {
    color: #ffffff;
}

.footer .title {
    color: #ffffff;
}

.footer .desc {
    color: #969696;
}

.footer .desc > a {
    text-decoration: none;
    color: #969696;
}

/*call css*/
.call-banner {
    /*height: 600px;*/
    color: #ffffff;
    background-color: #181f37;
    background-image: url("../img/bg_call_banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.call-banner .desc-title {
    color: #ffffff;
    padding-bottom: 0px;
}

.call-banner .nav-item {
    font-size: 18px;
}

.call-install {
    background-image: url("../img/bg_call_install.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    margin-top: -150px;
}

.call-install .icon {
    padding-bottom: 80px;
}

.call-install .title {
    font-size: 32px;
}

.call-install .desc {
    font-size: 16px;
}

/*company css*/
.company-banner {
    /*height: 600px;*/
    color: #ffffff;
    margin-bottom: 50px;
    background-color: #181f37;
    background-image: url("../img/bg_company_banner.png");\
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 340px;
}

.company-banner h3, h4, h5 {
    color: #ffffff;
}

.company-banner .title {
    font-size: 48px;
}

.company-banner .desc {
    font-size: 24px;
}

.company-banner .nav-item {
    font-size: 18px;
}

.company-intro {

}

.company-intro .headline {
    font-size: 48px;
    color: #666666;
}

.company-intro .desc {
    font-size: 18px;
    color: #666666;
}

.company-careers {
    background-color: #f3f6fb;
    /*color: #ffffff;*/
}

.company-careers .apply-button {
    border: 1px #0e6dcd;
}

.company-careers .apply-button a {
    text-decoration: none;
    color: #ffffff;
}

.company-careers .title {
    color: #666666;
    font-size: 48px;
}

.company-careers .desc {
    color: #666666;
    font-size: 18px;
}

.careers-table {

}

.careers-table .careers-name {
    font-size: 18px;
    color: #333333;
}

.careers-table .careers-address {
    font-size: 16px;
    color: #666666;
}

.company-contact {

}

.company-contact .headline {
    color: #666666;
    font-size: 48px;
}

.company-contact .title {
    color: #333333;
    font-weight: bold;
    font-size: 20px;
}

.company-contact .desc {
    color: #333333;
    font-size: 18px;
    font-weight: normal;
}

.company-contact .mail {
    font-size: 20px;
    color: #20a4f8;
    font-weight: normal;
    text-decoration: none;
}