@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.eot?t=1500876090786"); /* IE9*/
  src: url("../fonts/iconfont.eot?t=1500876090786#iefix")
      format("embedded-opentype"),
    url("../fonts/iconfont.woff?t=1500876090786") format("woff"),
    url("../fonts/iconfont.ttf?t=1500876090786") format("truetype"),
    url("../fonts/iconfont.svg?t=1500876090786#iconfont") format("svg"); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#apply {
  background-image: -webkit-linear-gradient(90deg, #00a8a6, #00a4e8);
  background-image: linear-gradient(90deg, #00a8a6, #00a4e8);
  background-image: -o-linear-gradient(90deg, #00a8a6, #00a4e8);
  background-image: -ms-linear-gradient(90deg, #00a8a6, #00a4e8);
  filter: progid:DXImageTransform.Microsoft.gradient(
      GradientType=1,
      startColorstr=#00a8a6,
      endColorstr=#00a4e8
    );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#00a8a6, endColorstr=#00a4e8)";
  padding: 106px 0 50px;
}

#applyformbox .b_s_5px {
  background: #fff;
  padding: 30px;
  border-radius: 4px;
}
#applyformbox h3 {
  color: #283645;
  font-size: 20px;
  font-weight: 300;
  margin: 0;
}
#applyformbox p {
  color: #878787;
  margin: 0;
}
#applyformbox .office-text {
  color: #657485;
  margin-bottom: 20px;
  font-size: 12px;
  text-align: center;
}
#applyformbox .offices {
  margin: 0;
  padding: 0;
  border: 1px solid #dadee6;
  border-radius: 4px;
}
#applyformbox .offices li {
  margin: 0;
  list-style: none;
  text-align: center;
  float: left;
  width: 33.33%;
  padding: 5px 0;
  cursor: pointer;
  background-image: linear-gradient(to bottom, #ffffff, #f6f9fa);
}
#applyformbox .offices li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#applyformbox .offices li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#applyformbox .offices li.active {
  position: relative;
  background-color: #01a8a6;
  background-image: none;
  box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
}
#applyformbox .offices li.active .office-name,
#applyformbox .offices li.active .office-service-text {
  color: #fff;
}
#applyformbox .offices li:not(:first-child) {
  border-left: 1px solid #dadee6;
}
#applyformbox .office-name {
  color: #283645;
  font-size: 13px;
}
#applyformbox .office-service-text {
  color: #657485;
  opacity: 0.8;
  font-size: 12px;
}
#applyformbox .phone-wrap {
  display: flex;
}
#applyformbox .phone-zone {
  border-right: 1px solid #dadee6;
  width: 60px;
}
#applyformbox .phone-number {
  padding-left: 10px;
  flex: 1;
}
#applyformbox .tips {
  font-size: 12px;
  color: #657485;
}
#applyformbox .connect-phone .fa,
#applyformbox .connect-mail .fa {
  margin-right: 6px;
  font-size: 12px;
  transform: translateY(-1px);
}
#applyformbox .connect-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5px;
}
#applyformbox .connect-phone .fa {
  font-size: 14px;
  transform: translateY(0px);
}
#applyformbox .connect-phone {
  margin-right: 30px;
}
#applyformbox .connect-mail {
}
#frm_signup {
  padding-top: 8px;
}
#frm_signup .phone-number + .msg-box {
  padding-left: 70px;
}
.form-group {
  margin-bottom: 20px;
}
.lwtxt-wrap {
  position: relative;
  border: solid 1px #dadee6;
  height: 40px;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 13px;
}
.lwtxt-wrap.focus {
  border-color: #00a8a6;
}
#applyformbox .lwtxt-wrap.focus .phone-zone {
  border-color: #00a8a6;
}
.lwtxt {
  height: 38px;
  color: #2e2e2e;
  display: block;
  width: 100%;
  border: none;
  outline: 0 none;
  background-color: #fff;
}
#applyformbox input::-webkit-input-placeholder {
  color: #6a7889;
}
#applyformbox input:-moz-placeholder {
  color: #6a7889;
}
#applyformbox input::-moz-placeholder {
  color: #6a7889;
}
#applyformbox input:-ms-input-placeholder {
  color: #6a7889;
}
select.lwtxt {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../imgs/select-arrow.png) no-repeat right center;
}

#nc_1_wrapper {
  position: relative;
  height: 40px;
  background: #e3e3e3;
}
#nc_1__bg,
#nc_1_n1z,
#nc_1__scale_text {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
#nc_1__bg,
#nc_1__scale_text {
  line-height: 40px;
  text-align: center;
}
#nc_1__bg {
  z-index: 1;
  width: 0;
  background: #00a8a6;
}
#nc_1__scale_text {
  z-index: 2; /*color:#2e2e2e;*/
  color: #fff;
}

#nc_1_n1z {
  width: 50px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ccc;
  z-index: 3;
  cursor: move;
  background: #fff url(../imgs/slide-arrow.png) center no-repeat;
  border: solid 1px #c7c7c7;
  -webkit-box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#nc_1_n1z.notslide {
  cursor: default;
}
#nc_1_n1z.codeok {
  background-size: 16px auto;
  background-position: 17px 12px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTUxMiA5NDcuMkMyNzEuMzYgOTQ3LjIgNzYuOCA3NTIuNjQgNzYuOCA1MTJTMjcxLjM2IDc2LjggNTEyIDc2LjggOTQ3LjIgMjcxLjM2IDk0Ny4yIDUxMiA3NTIuNjQgOTQ3LjIgNTEyIDk0Ny4yTTUxMiAwQzIzMC40IDAgMCAyMzAuNCAwIDUxMnMyMzAuNCA1MTIgNTEyIDUxMiA1MTItMjMwLjQgNTEyLTUxMlM3OTMuNiAwIDUxMiAwIiBmaWxsPSIjMzVCMzRBIi8+PHBhdGggZD0iTTcxNi44IDMwNy4yTDQ1MC41NiA2MjkuNzYgMzEyLjMyIDQ4MS4yOCAyNTYgNTMyLjQ4bDE5OS42OCAyMTUuMDQgMzE3LjQ0LTM5NC4yNHoiIGZpbGw9IiMzNUIzNEEiLz48L3N2Zz4=");
}
#nc_1_n1z.codeerror {
  background-image: url(../imgs/code-error.png);
}

.btnwarp {
  margin-bottom: 20px;
}
#applyformbox .lbtn {
  background-color: #00a8a6;
  display: block;
  width: 100%;
  border: none;
  height: 48px;
  line-height: 48px;
}
#applyformbox .lbtn:hover {
  background-color: #009491;
}

.msg-box {
  position: absolute;
  left: 0;
  top: 40px;
  color: #fc5f3a;
  font-size: 12px;
  font-style: italic;
}

.applytxt {
  padding: 50px 15px 0;
  color: #ceefee;
}
.applytxt h3 {
  color: #202020;
  font-size: 24px;
  font-weight: 300;
  margin: 0 0 50px;
  color: #ceefee;
}
.applytxt p {
  line-height: 2em;
  margin: 0;
}
.applytxt a {
  color: #ceefee;
}

.applytxt .row {
  margin-bottom: 30px;
}
.applytxt .col-sm-3 {
  text-align: center;
  padding: 20px 0;
}
.applytxt .iconfont {
  font-size: 64px;
  line-height: 64px;
}
.applytxt p {
  margin-top: 10px;
}

.applysuccess {
  height: 419px;
  padding: 180px 10px 10px;
  text-align: center;
  background: url('../imgs/ic-checked.png') no-repeat center 80px;
}
.applysuccess .title {
  font-weight: 300;
  color: #01a8a6;
  font-size: 24px;
}

.applysuccess .info{
  margin: 10px 0 40px;
  font-size: 14px;
  color: #697889;
}
#phone-zone-dropdown {
  position: relative;
}
#phone-zone-dropdown > .phone-zone {
  display: flex;
  align-items: center;
}
.custom-dropdown {
  display: none;
  width: 240px;
  margin-top: 5px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #dadee6;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-left: -11px;
}
.dropdown-search-input {
  height: 32px;
  color: #202002;
  padding-left: 10px;
  width: 100%;
  background-color: transparent;
  border: none;
}
.custom-dropdown ul {
  border-top: 1px solid #dadee6;
  max-height: 200px;
  overflow-y: auto;
  padding-left: 0;
  margin: 0;
}
.custom-dropdown li {
  list-style: none;
  display: flex;
  padding: 0 10px;
  color: #202020;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}
.custom-dropdown li > span:first-child {
  flex: 1;
}
.custom-dropdown li:hover {
  background: #f0f6fb;
  color: #00a8a6;
}
@media (max-width: 767px) {
  .applytxt {
    /*display: none;*/
  }
  #applyformbox{
    margin-top: -35px;
  }
  #applyformbox .b_s_5px {
    padding: 50px 30px;
  }
}

@media (max-width: 1199px) {
  .applytxt {
    padding: 0 15px 50px;
  }
}

@media (min-width: 1200px) {
  #applyformbox {
    width: 420px;
    padding: 0;
  }
}