.navbar-static-top{
    height: 65px;
    background: url('../images/bg_header.png') repeat-y;
}
.navbar-brand {
    padding: 11px 34px;
}
.navbar-collapse{
    padding: 10px 30px;
}
.get-started{margin-left: 15px;}
.navbar-right{margin-right: 20px;}
.hero{
    height: 378px;
    background: url('../images/bg_hero.png') no-repeat;
    background-size: cover;
}
.head-line{
    height: 2px;
    background: url('../images/head_line.png') repeat-y;
}

.hero .head{margin: 100px 20px 5px 0px; font-weight: 700; font-size: 24px;text-transform: uppercase;color: white;max-width: 600px}
.hero .hero-text{margin-left: 34px;}
.hero .desc{color: white; font-size: 16px;font-weight: 400;max-width: 600px;}
.hero .desc span{color: #F0C419; font-weight: bold}
.hero .link{margin-top: 10px;}
.navbar{margin-bottom: 0px;}
.btn {
    text-transform: uppercase;
    background: white;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 38px;
    padding-right: 38px;
    border-radius: 5px;
    color: #585657;
    font-weight: 400;
    border: solid 1px #24B7E2;
    box-shadow: 1px 1px #ae9dea;
}
.btn.green {background: #2BC57F;color: white;}
.hero-bottom{
    height: 60px;
    background: url('../images/bg_hero_bottom.png') repeat-y;
}
.our-process img{
    width: 100%;
    max-width: 270px;
}
.qa_process{
    margin-top: 50px;
    padding-top: 20px;
    height: 421px;
    background: url('../images/bg_qa.png') no-repeat;
}
.tip-interview{
    margin-top: 80px;
    padding: 163px 10px 100px 35px;
    background: url('../images/bg_tip.png?v=1') no-repeat;
    display: table;
}
.tip-cnt{
    margin-top: 130px;
}
.tip-cnt .col{ display: table-cell;width:33.3%}
.tip-cnt .each{
    height: 100%;
    border-radius: 10px;
    box-shadow: 2px 2px 2px 2px #eeeef7;
    margin-right: 26px;
}
.tip-cnt .each img {width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;border-top-right-radius: 10px;}
.tip-cnt .each .block-title {padding: 10px;}
.tip-cnt .each .block-title .link {min-height: 50px;}

section .title{font-size: 34px; padding-left: 20px;margin-bottom: 30px}
section .desc{font-size: 19px; padding-right: 20px}
section .title-b{font-size: 23px; font-weight: 600;margin-bottom: 10px;}
.our-process{padding-left: 120px; padding-right: 120px;}
.our-process .desc.left{width: 50%;float: left;margin-top: 75px;}
.our-process .desc.right{width: 50%;float: right;margin-top: 155px}
.our-process .img.left{width: 50%;float: left;text-align: left;margin-top:75px;}
.our-process .img.right{width: 50%;float: right;text-align: right}

.footer{margin-top: 30px; border-top: 3px solid white;background-color: #F5F9FC; padding: 25px;}
.footer .icons a{margin-right: 30px;}
.footer .icons{width: 30%;float: left;}
.footer .links{width: 65%;float: right;margin-top:10px}
.footer .links a{margin-right: 90px;color: black;white-space: nowrap;padding-bottom: 10px;}
.what-we-do .left{width: 40%; float: left}
.what-we-do .right{width: 60%; float: right}
@media (max-width: 1080px) {
    .footer .icons{width: 30%;}
    .footer .links{width: 70%;}
}
.panel-default{margin-top: 50px;}
@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}
    @media (max-width: 992px) {
    .container {
        width: 100%;
    }
}
@media (max-width: 900px) {
    .our-process {
        padding-left: 70px;
        padding-right: 70px;
    }
    .footer .links a{margin-right: 50px;}
}
@media (max-width: 700px) {
    .our-process {
        padding-left: 40px;
        padding-right: 40px;
    }
    .our-process .desc.left{margin-top: 55px;}
    .our-process .desc.right{margin-top: 125px}
}

@media (max-width: 650px) {
    .footer .icons{width: 20%;}
    .footer .links{width: 80%;}
}
@media (max-width: 600px) {
    .what-we-do .left{width: 20%;}
    .what-we-do .right{width: 80%;}
    .our-process {
        padding-left: 50px;
        padding-right: 50px;
    }
    .our-process .img.left{margin-top: 50px;}
    .our-process .img.right{margin-top: 50px;}
}
@media (max-width: 500px) {
    .what-we-do .left{width: 5%;}
    .what-we-do .right{width: 95%;}
    .our-process {
        padding-left: 20px;
        padding-right: 20px;
    }
    .our-process .desc.left{margin-top: 25px;}
    .our-process .desc.right{margin-top: 75px}
    .our-process .img.left{margin-top: 50px;}
    .our-process .img.right{margin-top: 50px;}
}

@media (min-width: 768px) {
    .navbar-nav > li > a.btn {
        text-transform: uppercase;
        background: white;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 38px;
        padding-right: 38px;
        border-radius: 5px;
        color: #585657;
        font-weight: 400;
        border: solid 1px #24B7E2;
    }

    .navbar-nav > li > a.btn.green {background: #2BC57F;color: white;}
}
@media (max-width: 768px) {
    #navbar{background-color: #36A5FC}
}
.fl{float: left;}
.fr{float: right;}

.has-error span{color: red;}
.btn.btn-primary{background-color: orangered;color: white;}

.third-party-login a {margin-right: 10px;}
.third-party-login a img{width: 60px; height: 60px;}