.custom_title {
    text-align: center;
    font-weight: 300;
    font-size: 2em;
    font-family: inherit;
    line-height: 1.5;
    color: inherit;
    display: block;
    -webkit-margin-before: .83em;
    -webkit-margin-after: .83em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    box-sizing: border-box;
    margin: 0;
    padding-top: 2.1428571429em;
    padding-bottom: 1.4285714286em
}

.iao_arr_tooltip,
.iao_arr_tooltip.city {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"
}

.call-out-box,
.form-content2,
.iao_input_otp,
.iao_remember,
.popup-reg,
.text-review {
    text-align: center
}

.bt_toggle.but_yes.has-error,
.nlg-form-content.has-error {
    overflow: inherit
}

.cd_tes,
.note2,
.notice_interest {
    font-style: italic
}

.clear,
.form-claim-cf:after,
.form-group-cf:after,
.form-group2:after,
.ocb_card .dropdown-i-want-to .dropdown-menu>li {
    clear: both
}

.page-list-promo,
.web_step_CA li {
    list-style: none
}

.btn-nt,
.default_link,
.link_app a:hover,
.link_thamkhao,
.title-survey span b,
.view_bank {
    text-decoration: underline
}

.left {
    float: left
}

.btn-secondary.btn-nlg {
    border: 1px solid #f7941d;
    margin-right: 1.4285714286em;
    text-transform: uppercase
}

.btn-secondary.btn-nlg.r {
    margin-left: 1.4285714286em;
    margin-right: 0
}

.btn-default.btn-nlg {
    padding: 9.5px 65px;
    border: 1px solid #f47920;
    text-transform: uppercase
}

.no-padding-lr,
.no-padding-right {
    padding-right: 0 !important
}

.block-ask .list-title {
    color: #0066b3;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600
}

.block-ask .ask-list {
    padding-left: 1.25em;
    padding-bottom: 1.25em;
    margin-bottom: 1.25em
}

.no-padding-left,
.no-padding-lr {
    padding-left: 0 !important
}

.block-ask .ask-list li {
    font-size: 13px;
    color: #606060
}

.margin-bot-100 {
    margin-bottom: 5em
}

.margin-bot-30 {
    margin-bottom: 30px
}

.call-out-box {
    display: none;
    font-size: 1.9em;
    color: #313131;
    margin: 1em 0
}

.call-out-box a {
    color: #f28b00
}

.block-activity {
    min-height: 22px
}

.nlg-form-content {
    max-width: 73.714286em;
    margin: 0 auto 50px
}

.nlg-form-content .control-label {
    font-weight: 600;
    padding-top: 10.5px;
    color: #606060
}

.nlg-form-content .bootstrap-select>.dropdown-toggle {
    width: 100%;
    color: #606060;
    padding-right: 25px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px
}

.nlg-form-content .bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    vertical-align: middle;
    color: #000
}

.nlg-form-content .form-control,
.nlg-form-content .form-group .bootstrap-select.btn-group {
    margin-bottom: 12px
}

.form-content.review label {
    font-weight: 400;
    color: #a3a3a3
}

.text-hd {
    color: #0070b7;
    font-size: 14px;
    margin: 12px 0 30px
}

.text-confirm {
    color: #0070b7;
    font-size: 42px;
    font-weight: 300;
    margin: 10px 0 40px
}

.text-tit-succ {
    color: #0070b7;
    font-size: 16px
}

.text-review {
    color: #0070b7;
    margin-bottom: 20px;
    font-size: 16px
}

.form-group-cf {
    border-bottom: solid 1px #e5e5e5;
    padding: 10px 0
}

.form-group-cf:after,
.form-group-cf:before {
    content: " ";
    display: table
}

.form-group-cf .col-sm-2 {
    color: #a3a3a3
}

.iao_remember {
    font-size: 16px;
    color: #000;
    padding: 28px 37px;
    background: #e1e1e1;
    border-radius: 6px;
    margin: 20px 0
}

.iao_remember a {
    color: #0068b0
}

.web_cancel_CA {
    color: #f38230 !important;
    display: inline-block;
    padding-top: 10px
}

.btn-back-nlg,
.btn-home-nlg {
    color: #f47920;
    border: 1px solid #f47920;
    text-transform: uppercase
}

.note1 {
    margin-bottom: 20px
}

.note2 {
    font-size: 12px;
    display: block;
    margin-bottom: 30px
}

.btn-back-nlg {
    display: block;
    background: url(../images/nologo/bg_btn_back.png) 20% 50% no-repeat #fff
}

.btn-home-nlg {
    display: block;
    background: url(../images/nologo/btn-home.png) 25% 50% no-repeat #fff
}

.btn-next-nlg {
    border: 1px solid #f47920;
    color: #fff;
    display: block;
    text-transform: uppercase;
    background: url(../images/nologo/bg_btn_next.png) 75% 50% no-repeat #f47920
}

.btn-apply-nlg {
    border: 1px solid #f47920;
    color: #fff;
    display: block;
    text-transform: uppercase;
    background: #f47920;
    padding: 9.5px 1em
}

.btn-apply-nlg:hover,
.btn-next-nlg:hover {
    color: #fff;
    background-color: #f7941d
}

.iao_tooltip,
.iao_tooltip.city {
    display: none;
    width: 230px;
    background: #e1e1e1;
    padding: 10px;
    border-radius: 5px;
    color: #231f20;
    position: absolute
}

.popuphide .btn-default,
.popuphide .btn-secondary {
    text-transform: uppercase
}

.iao_tooltip {
    left: 188px;
    top: -4px
}

.iao_arr_tooltip {
    position: absolute;
    top: -1px;
    left: 182px
}

.iao_tooltip.city {
    left: 75px;
    top: -4px
}

.iao_arr_tooltip.city {
    position: absolute;
    top: -1px;
    left: 69px
}

.form-content .address {
    margin-top: 25px
}

.iao_a_tooltip:hover .iao_arr_tooltip {
    opacity: 1
}

.iao_a_tooltip:hover .iao_tooltip {
    display: block
}

.nlg-visible {
    padding-top: 90px
}

.iao_disable_div {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
    position: absolute;
    height: 70%;
    width: 100%;
    background-color: #fff;
    z-index: 9
}

.date-nlg {
    position: relative
}

.date-nlg .icon_calendar {
    position: absolute;
    left: 8px;
    top: 9px
}

.date-nlg .icon_calendar2 {
    position: absolute;
    right: 15px;
    top: 9px
}

.date-nlg .icon_calendar3 {
    position: absolute;
    left: 12px;
    top: 14px
}

.hr-nlg {
    margin-top: 30px;
    margin-bottom: 12px;
    border: 0;
    border-top: 1px solid #eee
}

.textarea-nlg {
    height: 7.428571em !important
}

.iao_input_otp {
    width: 40px;
    height: 38px;
    border: 1px solid #d8d8d8;
    padding: 2px;
    margin: 0 0 0 10px
}

.iao_but_otp {
    background: #0068b0;
    color: #fff !important;
    padding: 9px 15px;
    border-radius: 2px;
    margin-right: 5px
}

.iao_box_click {
    margin-top: 30px;
    width: 68%;
    display: inline-block
}

.custom-radio input[type=radio],
.popup-reg,
.popuphide {
    display: none
}

.popuphide img {
    width: 100%
}

.popuphide,
.popuphide p {
    max-width: 570px;
    min-width: 300px
}

.popup-reg {
    background: #fff;
    padding: 20px;
    width: 700px
}

.title-popup {
    color: #0e68b0;
    font-size: 20px;
    margin-top: 10px
}

.text-popup {
    margin-top: 10px;
    margin-bottom: 15px
}

.btn-nt {
    color: #000;
    margin-left: 20px
}

.popuphide .btn-secondary {
    border: 1px solid #f7941d;
    margin-left: 10px
}

.notice_interest {
    font-size: 12px;
    margin-top: -6px
}

.custom-radio label,
.radio--icon.maried,
.radio--icon.mrs,
.radio--icon.ms,
.radio--icon.nic,
.radio--icon.none,
.radio--icon.pass {
    display: block;
    float: left
}

.custom-radio label {
    border: 1px solid #e1e1e1;
    padding: 5px 15px;
    border-radius: 18px;
    margin-right: 12px;
    cursor: pointer;
    transition: all .3s;
    font-weight: 400;
    margin-bottom: 10px
}

.custom-radio label .radio--label {
    margin-right: 21px
}

label .radio--label,
label .radio--label2 {
    color: #b1b1b1;
    transition: all .3s
}

label .radio--icon {
    margin-right: 5px
}

label .radio--icon img {
    opacity: 0;
    margin-bottom: -1px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"
}

.custom-radio input[type=radio]:checked+label .radio--icon img,
.iao_custom-radio2 input[type=radio]:checked+label .radio--icon img {
    opacity: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"
}

.custom-radio input[type=radio]:checked+label .radio--label {
    color: #f38230
}

.custom-radio input[type=radio]:checked+label {
    border: 2px solid #f38230
}

.custom-radio label:hover {
    border: 1px solid #bbb
}

.custom-radio label:hover .radio--label {
    color: #bbb
}

.radio--icon.mr,
.radio--icon.single {
    background: url(../images/nologo/mr.png) no-repeat;
    width: 18px;
    height: 24px;
    display: block;
    float: left
}

.radio--icon.mrs {
    background: url(../images/nologo/mrs.png) no-repeat;
    width: 18px;
    height: 24px
}

.radio--icon.ms {
    background: url(../images/nologo/ms.png) no-repeat;
    width: 18px;
    height: 24px
}

.radio--icon.maried {
    background: url(../images/nologo/maried.png) no-repeat;
    width: 48px;
    height: 24px
}

.radio--icon.nic {
    background: url(../images/nologo/nic.png) no-repeat;
    width: 27px;
    height: 24px
}

.radio--icon.pass {
    background: url(../images/nologo/pass.png) no-repeat;
    width: 17px;
    height: 24px;
    background-size: 17px 24px
}

.radio--icon.none {
    height: 24px;
    margin-right: 0
}

.custom-radio input[type=radio]:checked+label .radio--icon.mr,
.custom-radio input[type=radio]:checked+label .radio--icon.single {
    background: url(../images/nologo/mr_active.png) no-repeat
}

.custom-radio input[type=radio]:checked+label .radio--icon.mrs {
    background: url(../images/nologo/mrs_active.png) no-repeat
}

.custom-radio input[type=radio]:checked+label .radio--icon.ms {
    background: url(../images/nologo/ms_active.png) no-repeat
}

.custom-radio input[type=radio]:checked+label .radio--icon.maried {
    background: url(../images/nologo/maried_active.png) no-repeat
}

.custom-radio input[type=radio]:checked+label .radio--icon.nic {
    background: url(../images/nologo/nic_active.png) no-repeat
}

.custom-radio input[type=radio]:checked+label .radio--icon.pass {
    background: url(../images/nologo/pass_active.png) no-repeat;
    background-size: 17px 24px
}

.iao_custom-radio3 {
    margin-bottom: 10px
}

.iao_custom-radio2 input[type=radio],
.iao_custom-radio3 input[type=radio] {
    display: none
}

.iao_custom-radio3 label {
    font-weight: 400
}

.iao_custom-radio3 input[type=radio]+label>span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50em;
    background: #e1e1e1;
    vertical-align: bottom;
    margin-right: 10px
}

.iao_custom-radio3 input[type=radio]:checked+label {
    color: #f69331
}

.iao_custom-radio3 input[type=radio]:checked+label>span>span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50em;
    background: #f69331;
    margin: 5px
}

.iao_custom-radio2 input[type=radio]:checked+label .radio--label {
    color: #8f8f8f
}

.iao_custom-radio2 input[type=radio]:checked+label {
    border: 2px solid #f38230
}

.iao_custom-radio2 label:hover {
    border: 1px solid #bbb
}

.iao_custom-radio2 label:hover .radio--label {
    color: #bbb
}

.iao_custom-radio2 label {
    border: 1px solid #e1e1e1;
    padding: 10px 0;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s;
    float: left;
    display: block;
    width: 96%;
    font-size: 11px
}

.iao_custom-radio2 label .radio--icon {
    display: block;
    float: left;
    margin: 8px 10px 0
}

.iao_custom-radio2 label .radio--label {
    display: block;
    float: left;
    color: #8f8f8f;
    margin-right: 10px
}

.iao_custom-radio2 label .radio--label b {
    margin-top: 2px;
    display: block;
    color: #000
}

.iao_info_fea {
    float: left;
    margin-left: 4px
}

.iao_custom-radio2.usd label {
    width: 100%
}

.text-chk {
    text-align: left;
    width: 95%
}

.center_ide,
.center_ide .text,
.do_you,
.iao_confbox_but .ask,
.iao_confbox_but .but_no,
.iao_custom-chk input[type=checkbox]+label>span,
.icon_success,
.nlg-select .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.note_claim,
.owl-item .item,
.pro_meter>span>p,
.title-main2,
.title-main2-info,
.title_print,
.web_box_percent_CA .title,
.web_meter>span>p,
.web_numb_percent,
.web_step_CA li span {
    text-align: center
}

.text-chk a {
    color: #0068b0
}

.iao_custom-chk {
    width: 5%
}

.iao_custom-chk input[type=checkbox]+label>span>span {
    opacity: 0
}

.iao_custom-chk input[type=checkbox] {
    display: none
}

.iao_custom-chk input[type=checkbox]+label>span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    margin-right: 10px;
    border: 1px solid #ccc;
    margin-top: 5px
}

.iao_custom-chk input[type=checkbox]:checked+label>span>span {
    opacity: 1;
    font-weight: 700
}

.iao_custom-chk input[type=checkbox]:checked+label {
    color: #f69331
}

.btn-otp,
.numb-otp {
    float: left
}

.iao_info_div {
    display: none;
    font-size: 13px
}

.iao_textpopup_title {
    font-weight: 700;
    color: #0066B2
}

.web_step_CA {
    margin: 60px auto 30px;
    width: 30%;
    padding-left: 0
}

.web_step_CA li {
    float: left;
    position: relative;
    width: 17%
}

.web_step_CA li img {
    width: 100%
}

.web_step_CA li span {
    position: absolute;
    top: -38px;
    width: 208%;
    left: -50%;
    font-size: 78%;
    color: #000
}

.web_step_CA li.step_noi {
    background: url(../images/nologo/gach_noi_CA.jpg) 50% repeat-x;
    width: 24%;
    height: 3px;
    padding-top: 16%
}

.web_box_percent_CA {
    width: 90%;
    margin: auto auto 70px
}

.web_box_percent_CA .title {
    font-size: 17px;
    color: #f38230;
    margin-bottom: 15px;
    transition: all .3s
}

.web_numb_percent {
    float: left;
    font-size: 15px;
    color: #9f9f9f;
    width: 8%
}

.web_meter {
    height: 8px;
    position: relative;
    background: #d7d7d7;
    padding: 0;
    float: left;
    width: 84%;
    margin-top: 6px
}

.web_meter>span {
    display: block;
    height: 100%;
    background-color: #f27930;
    position: relative;
    transition: all .4s
}

.web_meter>span>p {
    background: url(../images/nologo/percent.png) no-repeat;
    width: 55px;
    height: 61px;
    position: absolute;
    top: 15px;
    right: -27px;
    padding-top: 20px;
    font-size: 15px;
    color: #fff
}

.title-main2 {
    font-weight: 300;
    margin: 2em .5em 0
}

.title-main2-info {
    margin: 20px 0 30px
}

.border-bottom2 {
    border-bottom: solid 1px #ededed
}

.border-right-hide {
    border-right: solid 1px #d7d7d7
}

.iao_confbox_but {
    border: 1px solid #d7d7d7;
    font-size: 14px
}

.iao_confbox_but .ask {
    color: #231f20;
    line-height: 58px;
    position: relative
}

.iao_confbox_but .but_no {
    display: block;
    background: #ebebeb;
    color: #9f9f9f;
    border: 2px solid #ebebeb;
    line-height: 62px;
    font-size: 16px
}

.iao_confbox_but .but_no.chosen {
    border: 2px solid #f38230;
    color: #f38230
}

.iao_confbox_but .but_yes {
    height: 66px;
    border: 2px solid #fff;
    cursor: pointer;
    text-align: center
}

.iao_confbox_but .but_yes.chosen {
    border: 2px solid #f38230
}

.iao_confbox_but .but_yes span {
    line-height: 64px;
    color: #f38230;
    float: left;
    width: 54px;
    display: block;
    font-size: 16px
}

.iao_confbox_but .but_yes input {
    float: left;
    height: 40px;
    border: 1px solid #d8d8d8;
    padding: 9.5px 10px;
    margin-top: 12px;
    line-height: 1.5;
    width: 87%;
    display: block
}

.iao_confbox_but .but_yes a {
    display: block;
    float: left;
    width: 10%;
    line-height: 40px;
    background: #0e68b0;
    color: #fff;
    margin-top: 12px;
    margin-left: 8px
}

.btn-print {
    margin-top: 10px;
    display: inline-block;
    color: #0e68b0
}

.row.center {
    margin: auto
}

.box_step_money {
    padding: 135px 0 110px
}

.tit_step_money {
    font-size: 20px;
    color: #626262;
    margin-bottom: 1.6em
}

.bg_grey {
    background: #ebebeb
}

.control-label2 {
    padding-top: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #626262
}

.btn-cm {
    margin-top: 30px
}

.btn-cm.back {
    margin-right: 20px
}

.btn-cm .icon {
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left: .7142857143em
}

.btn-cm.back .icon {
    margin-right: .7142857143em;
    margin-left: 0;
    vertical-align: middle
}

.btn-secondary.btn-cm {
    border: 1px solid #f7941d
}

.border-topbot,
.note_claim {
    border-top: solid 1px #ededed;
    border-bottom: solid 1px #ededed
}

.box_step_money .form-group .nlg-form-content {
    margin-bottom: 20px
}

.iao_custom-radio3.cm-radio input[type=radio]+label>span {
    background: #fff
}

.iao_custom-radio3.cm-radio input[type=radio]:checked+label {
    color: #303030
}

.img_claim {
    min-height: 59px;
    margin-bottom: 15px
}

.note_claim {
    padding: 20px 50px;
    font-size: 13px;
    margin: 30px 0
}

.arr_claim {
    margin-top: 2.6em
}

.border-topbot {
    padding: 15px
}

.form-claim-cf {
    padding: 10px 0
}

.form-claim-cf:after,
.form-claim-cf:before {
    content: " ";
    display: table
}

.form-claim-cf .col-sm-3 {
    color: #a3a3a3
}

.pro_meter>span>p,
.progess_nd h4 {
    font-size: 13px;
    color: #fff
}

.icon_success {
    margin-bottom: 1.6em
}

.mar-top50 {
    margin-top: 50px
}

.progess_box {
    width: 100%;
    height: 80px;
    background: #000;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99
}

.pro_meter,
.pro_meter>span {
    position: relative;
    border-radius: 5px
}

.progess_nd {
    padding: 0 2em
}

.pro_meter {
    height: 10px;
    background: #d7d7d7;
    padding: 0;
    float: left;
    width: 100%
}

.pro_meter>span {
    display: block;
    height: 100%;
    background-color: #f58220;
    transition: all .4s
}

.pro_meter>span>p {
    position: absolute;
    top: -8px;
    right: -14px;
    padding-top: 20px;
    min-width: 20px
}

.view_bank {
    color: #0066b3;
    line-height: 40px
}

.section_disable {
    opacity: .3;
    pointer-events: none;
    cursor: default;
    background: #000
}

.btn-pr-mail {
    display: inline-block;
    color: #0e68b0;
    float: right;
    margin-top: 40px;
    margin-left: 30px;
    font-size: 15px
}

.btn-pr-mail .icon {
    vertical-align: middle;
    margin-bottom: 3px
}

.form-group .has-error .error {
    font-size: .75em;
    color: #f95d44;
    display: none;
    position: relative;
    bottom: 15px
}

.form-group .nlg-form-content.has-error .error {
    bottom: -2px
}

.form-cm {
    display: none
}

.form-cm.active {
    display: block
}

.currency-symbol {
    position: absolute;
    top: 11px;
    right: 24px;
    color: #f47920;
    font-weight: 600
}

@media (max-width:768px) {
    .border-right-hide,
    .iao_confbox_but {
        border: none
    }
    .form-claim-cf,
    .form-content.review,
    .form-group-cf,
    .text-right.nlg {
        text-align: center
    }
    .block-ask {
        margin-top: 1.875em
    }
    .btn-secondary.btn-nlg {
        margin: 0 0 1.1875em
    }
    .btn-secondary.btn-nlg.r {
        margin: 1.1875em 0 0
    }
    .application-form-wrapper.nlg,
    .numb-otp {
        margin-top: 25px
    }
    .btn-default.btn-nlg,
    .btn-secondary.btn-nlg {
        width: 100%
    }
    .hide-tablet {
        display: none !important
    }
    .call-out-box {
        display: block
    }
    .margin-bot-100 {
        margin-bottom: 0
    }
    .form-application .form-title {
        margin-bottom: 20px
    }
    .block-ask .ask-list:last-child {
        padding-bottom: 0;
        margin-bottom: 0
    }
    .nlg-form-content .control-label {
        padding-top: 0;
        margin-bottom: 10px
    }
    .web_step_CA {
        width: 90%
    }
    .web_step_CA li span {
        font-size: 70%;
        width: 212%
    }
    .web_box_percent_CA {
        margin-bottom: 100px
    }
    .custom-radio label {
        margin-bottom: 12px
    }
    .no-marbot {
        margin-bottom: 0
    }
    .no-marbot .btn-group {
        margin-bottom: 0 !important
    }
    .btn-next-nlg {
        margin-bottom: 12px
    }
    .nlg-visible {
        display: none
    }
    .btn-otp,
    .numb-otp {
        float: none
    }
    .iao_box_click {
        width: 100%
    }
    .text-chk {
        width: 88%
    }
    .iao_custom-chk {
        width: 12%
    }
    .iao_confbox_but .ask {
        line-height: normal
    }
    .ask img {
        float: left
    }
    .ask span {
        float: right;
        display: block;
        width: 88%
    }
    .iao_confbox_but .but_yes span {
        width: 100%
    }
    .form-group-cf {
        border-bottom: none
    }
    .bt_toggle.but_yes {
        padding: 0
    }
    .iao_confbox_but .but_yes input {
        float: left;
        top: 100%;
        width: 74%
    }
    .iao_confbox_but .but_yes a {
        width: auto;
        padding: 0 15px
    }
    .iao_confbox_but .but_no {
        display: block;
        background: #fff;
        color: #9f9f9f;
        border: 2px solid #fff;
        line-height: 62px;
        text-align: center;
        font-size: 16px
    }
    .btn-apply-nlg {
        margin: 0 auto 20px
    }
    .web_meter {
        width: 84%
    }
    .web_sticky {
        width: 90% !important;
        height: 135px !important
    }
    .web_numb_percent {
        font-size: 13px
    }
    .web_sticky .web_div_percent {
        width: 100% !important;
        margin-top: 0 !important
    }
    .web_sticky h3.title {
        font-size: 15px;
        margin-left: 20% !important
    }
    .btn-print {
        margin-left: 40%;
        margin-top: 20px
    }
    .mar-top50-sm {
        margin-top: 50px
    }
    .iao_input_otp {
        width: 34px;
        height: 32px
    }
    .iao_input_otp:first-child {
        margin-left: 0
    }
    .iao_custom-radio2 label .radio--label {
        max-width: 80%
    }
    .iao_custom-radio2 label .radio--icon {
        margin: 8px 8px 0
    }
    .iao_custom-radio2 label {
        width: 92%
    }
    .btn-cm,
    .owl-item .item img {
        width: 100%
    }
    .popup-reg {
        max-width: 100%
    }
    .popuphide .btn-default,
    .popuphide .btn-secondary {
        margin-left: 0;
        width: 100%
    }
    .popuphide .btn-default {
        margin-bottom: 12px
    }
    .do_you {
        line-height: 22px !important;
        padding: 5px 15px
    }
    .iao_confbox_but .but_yes img {
        right: 2%
    }
    .box_step_money {
        padding: 75px 0
    }
    .control-label2 {
        font-size: 14px
    }
    .btn-cm {
        margin-top: 12px
    }
    .btn-cm.btn-long {
        padding: 9.5px 0
    }
    .arr_claim {
        margin: 1em 0 1.5em;
        transform: rotate(90deg)
    }
    .btn-pr-mail {
        margin-top: 25px
    }
    .owl-buttons {
        display: none
    }
    .show-xs {
        display: block !important
    }
    .title-reg {
        margin-top: 40px;
        margin-bottom: 20px !important
    }
    .img_reg {
        height: 5em !important
    }
    .btn-fon12 .btn-secondary.btn-nlg {
        width: 85% !important
    }
    .no-padding-right {
        padding-right: 15px !important
    }
    .no-padding-left {
        padding-left: 15px !important
    }
    .web_cancel_CA {
        padding-left: 15px;
        padding-bottom: 15px
    }
}

@media(min-width:768px) {
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: 0
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: 0
    }
}

div.ui-datepicker {
    font-size: 14px;
    width: auto;
    width: 16em
}

.web_sticky {
    position: fixed;
    width: 970px;
    top: 54px;
    z-index: 100;
    border-top: 0;
    background: #fff;
    height: 105px
}

.web_sticky .web_div_percent {
    width: 70%
}

.web_sticky .web_div_percent,
.web_sticky h3.title {
    float: left;
    margin-top: 20px
}

.web_sticky h3.title {
    margin-left: 100px
}

.text-hd2 {
    font-size: 14px;
    margin: 15px 0 25px
}

.text-hd2 .iao_a_tooltip {
    position: relative
}

.text-hd2 .iao_a_tooltip .iao_arr_tooltip {
    left: 25px
}

.text-hd2 .iao_a_tooltip .iao_tooltip {
    left: 31px
}

.center_ide {
    float: none !important;
    margin: auto auto 40px
}

.center_ide .iao_custom-radio3 {
    display: none
}

.center_ide .iao_disable_div {
    display: none !important
}

.center_ide .iao_arr_tooltip {
    left: 293px
}

.center_ide .iao_tooltip {
    left: 299px
}

.fancybox-inner {
    height: auto !important
}

div {
    word-break: break-word
}

.form-group2 {
    margin: 0
}

.tit_meet {
    margin: 15px 0 10px
}

.do_you {
    line-height: 62px
}

.iao_confbox_but .but_yes img {
    position: absolute;
    top: -35px
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    height: 100%
}

.iao_confbox_but .but_yes.has-error {
    height: auto
}

.but_yes.has-error .form-control {
    border-color: #f95d44
}

.bt_toggle.but_yes.has-error .error {
    font-size: .75em;
    color: #f95d44;
    display: none;
    position: relative;
    bottom: 15px;
    width: auto;
    line-height: normal
}

.title_print {
    font-weight: 700;
    padding: 30px 0
}

.logo.nlg {
    float: none;
    margin: 10px 50px 0;
    display: block
}

@media print {
    .form-claim-cf div {
        text-align: left
    }
}

div#load_screen {
    background: #000;
    opacity: .6;
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    height: 1600px
}

div#load_screen>div#loading {
    color: #FFF;
    width: 300px;
    height: auto;
    margin: 300px auto;
    text-align: center
}

.list-title.baolanh {
    color: #0066b3;
    margin-top: 0;
    font-size: 15px;
    font-weight: 400
}

.ask-list.baolanh {
    padding-bottom: 0;
    margin-bottom: 0
}

.ask-list.baolanh li {
    font-size: 13px;
    color: #0066b3;
    list-style-type: decimal;
    margin-bottom: 20px
}

.ask-list.baolanh li p {
    color: #606060
}

.form-group-cf.baolanh .col-sm-6 {
    padding: 0 25px
}

.form-group-cf.baolanh .text-right {
    font-weight: 600
}

.show-xs {
    display: none
}

.text-confirm2 {
    color: #0070b7;
    font-size: 35px;
    font-weight: 300;
    margin: 10px 0 20px
}

.margin-top-100 {
    margin-top: 5em
}

.font-size30 {
    font-size: 30px;
    font-weight: 300
}

.font-size12,
.name_tes {
    font-weight: 600
}

.text-notice {
    font-size: 20px;
    margin-bottom: 20px;
    color: #626262
}

.btn-fon12 a,
.font-size12 {
    font-size: 12px
}

.btn-popup1 {
    color: #fff;
    background-color: #f47920;
    border-color: #f47920
}

.btn.btn-popup1 {
    padding: 9.5px 20px;
    width: 100%
}

.form-group img {
    max-width: 100%;
    height: auto
}

.title-reg {
    margin-bottom: 30px
}

.box_step_reg {
    padding: 30px 0 40px
}

.tit-title,
.title-offer {
    padding: 3em 0
}

.title-offer {
    background: #0066b3;
    text-align: center;
    border-right: solid 1px #fff
}

.title-offer p {
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    margin: .8em 0 0
}

.accordion-fastloan {
    text-transform: uppercase;
    font-weight: 600;
    background: #ececec;
    line-height: 49px;
    padding-left: 15px;
    cursor: pointer;
    text-indent: -9999px
}

.accordion-fastloan img {
    float: right;
    display: none
}

.accordion-fastloan.active img {
    webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fastloan .col-sm-3.no-padding-lr:last-child img {
    display: inline-block
}

.row-fastloan {
    border-right: solid 1px #ececec;
    padding: 8px 15px;
    height: 58px;
    text-align: center
}

.row-fastloan.tit-row {
    text-align: left
}

.row-fastloan p {
    display: none
}

.row-fastloan.bg2 {
    background: #f9f9f9
}

.tit-group {
    text-indent: inherit
}

.testimonial .bx-viewport {
    max-height: 270px !important;
    background: #f7f7f7;
    padding: 3em 0
}

.quote,
.quote span {
    background-repeat: no-repeat
}

.name_tes {
    color: #0066b3
}

.font18 {
    font-size: 18px
}

.quote {
    margin: 15px auto;
    background-image: url(../images/quote.png);
    background-position: top left;
    text-indent: 39px
}

.quote span {
    display: block;
    background-image: url(../images/closequote.png);
    background-position: bottom right
}

.margin-bot10 {
    margin-bottom: 10px
}

.link_thamkhao {
    color: #0066b3
}

#fancymap {
    width: 800px
}

.btn-secondary.btn-nlg.nlg {
    padding: 9.5px 30px
}

@media (max-width:768px) {
    .testimonial .banner-top-content .col-sm-3,
    .tit-danhgia {
        text-align: center
    }
    .accordion-fastloan {
        text-indent: inherit;
        border-bottom: solid 1px #ccc
    }
    .accordion-fastloan img {
        display: block
    }
    .row-fastloan {
        height: auto
    }
    .row-fastloan p {
        font-weight: 600;
        display: block
    }
    .testimonial .bx-viewport {
        max-height: none !important;
        height: auto !important
    }
    .testimonial .font18 {
        text-align: center;
        margin-top: 15px
    }
    .testimonial .banner-top-content .col-sm-3 img {
        display: inline-block
    }
    .tit-danhgia {
        margin-bottom: 10px;
        padding-left: 0 !important;
        background: #d0d0d0 !important
    }
}

.rating {
    float: left;
    margin-top: 30px
}

.rating:not(:checked)>input {
    position: absolute;
    top: -9999px;
    clip: rect(0, 0, 0, 0)
}

.rating:not(:checked)>label {
    float: right;
    width: 1.6em;
    padding: 0 .1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 200%;
    line-height: 1.2;
    color: #ddd
}

.rating:not(:checked)>label:before {
    content: '★ ';
    font-size: 50px;
    display: inline-block;
    width: 44px
}

.rating>input:checked~label {
    color: #f70
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: gold
}

.rating>input:checked+label:hover,
.rating>input:checked+label:hover~label,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #ea0
}

.rating>label:active {
    position: relative;
    top: 2px;
    left: 2px
}

.radio_survey_cus label {
    border: 1px solid #ccc;
    display: block;
    padding: 20px 10px 15px;
    min-height: 134px
}

.radio_survey_cus label span {
    display: block;
    color: #f79428;
    font-weight: 400;
    text-align: center
}

.radio_survey_cus label span.title {
    margin-top: 15px
}

.radio_survey_cus input[type=radio]:checked+label {
    background: #f79420;
    color: #fff
}

.radio_survey_cus input[type=radio]:checked+label span.title {
    color: #fff
}

.radio_survey_cus input[type=radio]:checked+label span.images img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.radio_survey_cus_2 label {
    display: block;
    padding: 15px;
    background: #eee;
    text-align: left
}

.radio_survey_cus_2 label span.title {
    font-weight: 400;
    width: 90%;
    display: inline-block
}

.radio_survey_cus_2 label span.images {
    display: block;
    float: right;
    width: 27px;
    height: 28px;
    background: url(../images/tn1.png);
    margin-top: -4px
}

.radio_survey_cus_2 input[type=checkbox]:checked+label {
    background: #f79420
}

.radio_survey_cus_2 input[type=checkbox]:checked+label.other {
    padding: 10px 15px
}

.radio_survey_cus_2 input[type=checkbox]:checked+label span.other {
    color: #fff;
    display: none
}

.radio_survey_cus_2 input[type=checkbox]:checked+label span.images {
    background: url(../images/tn1-hover.png)
}

.radio_survey_cus_2 input[type=checkbox]:checked+label .other-tn {
    display: inline-block
}

.tit-danhgia {
    background: #eee;
    display: block;
    line-height: 50px;
    padding-left: 20px
}

.radio_survey_cus_3 label {
    display: inline-block;
    background: #eee;
    padding: 15px;
    width: 17%;
    margin-right: 1%;
    text-align: center
}

.radio_survey_cus_3 label span {
    font-weight: 400
}

.radio_survey_cus_3 input[type=radio]:checked+label {
    background: #f79420
}

.radio_survey_cus_3 input[type=radio]:checked+label span {
    color: #fff
}

.title-survey {
    font-size: 20px;
    color: #0066b3;
    text-align: center
}

.title-survey .number {
    width: 58px;
    height: 58px;
    margin: 50px auto 20px;
    line-height: 58px;
    border: 1px solid #0066b3;
    border-radius: 50%
}

.other-tn,
.title-survey p {
    margin-bottom: 0
}

.title-survey span {
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    color: #303030
}

.dexuat {
    margin-top: 30px;
    width: 100%;
    background: #eee;
    border: none;
    padding: 15px;
    height: 150px
}

.center-col {
    display: inline-block;
    float: none !important
}

.other-tn {
    height: 31px;
    padding: 4.5px 10px;
    font-weight: 400;
    display: none;
    width: 90%;
    border: none
}

.footer-survey {
    font-size: 1em;
    padding: 15px 0
}

.right {
    float: right
}

.open-acc-box {
    position: fixed;
    right: -65%;
    top: 25%;
    z-index: 8000;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px 5px 5px 0;
    cursor: pointer;
    transition: all .5s ease;
    width: 65%
}

.layout-fancy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../js/fancybox/fancybox_overlay.png);
    z-index: 7000;
    display: none
}

.layout-fancy.active {
    display: block
}

.open-acc-box.active {
    right: 0;
    cursor: pointer
}

.open-acc-box form {
    border: none
}

.open-acc-box h3 {
    margin-top: 0;
    color: #0066b3
}

.btn-op-acc-online {
    display: inline-block;
    transform: rotate(-90deg);
    color: #fff;
    padding: 10px 40px 10px 15px;
    position: absolute;
    left: -9.2em;
    top: 18.4%;
    border-radius: 4px 4px 0 0;
    font-weight: 600;
    background: url(../images/close.png) 95% 50% no-repeat #f47920;
    background-size: 16px
}

.btn-facebook,
.btn-google {
    display: block;
    color: #fff;
    padding: 5px 0
}

.btn-facebook {
    background: #48629b;
    margin-bottom: 5px
}

.btn-google {
    background: #dc4b38
}

.dontshow {
    -webkit-appearance: checkbox !important;
    margin-right: 5px !important
}

#fancy-popup img {
    width: 800px
}

@media (max-width:768px) {
    .open-acc-box {
        right: -86%;
        width: 85.5%;
        top: 0
    }
    .btn-op-acc-online {
        top: 11em
    }
    .open-acc-box h3 {
        font-size: 20px
    }
    #fancy-popup img {
        width: 200px
    }
}

#slide-card-benefit .item {
    margin: 0 10px;
    border: 1px solid #ccc
}

#slide-card-benefit .item img {
    width: 100%
}

#slide-card-benefit .owl-prev,
#slide-secure .owl-prev {
    left: -40px
}

#slide-card-benefit .owl-next,
#slide-secure .owl-next {
    right: -40px
}

#slide-card-benefit .content {
    padding: 15px 20px;
    text-align: left;
    min-height: 270px
}

#slide-card-benefit h4 {
    font-weight: 600
}

.link_detail_slide {
    color: #0066b3;
    text-transform: uppercase;
    font-size: 12px;
    position: absolute;
    bottom: 15px
}

#slide-card-benefit .owl-pagination,
#slide-secure .owl-pagination {
    margin: 15px 0
}

#slide-benefit {
    margin-top: 30px
}

#slide-benefit .owl-prev {
    left: 0
}

#slide-benefit .owl-next {
    right: 0
}

#slide-benefit .owl-pagination {
    margin: 20px 0
}

.form-control.ocb {
    height: 58px;
    border: 2px solid #dfdfdf;
    border-radius: 4px;
    margin-bottom: 15px;
    position: relative
}

.ocb-cus {
    margin-top: 10px;
    padding: 0 !important
}

.ocb-cus>div,
.row-form>div {
    padding: 0 5px
}

.ocb-cus input[type=radio] {
    display: none
}

.ocb-cus label {
    height: 58px;
    border: 2px solid #dfdfdf;
    border-radius: 4px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    line-height: 54px;
    cursor: pointer;
    background: #f3f3f3
}

.ocb-cus label span {
    font-weight: 400
}

.ocb-cus input[type=radio]:checked+label {
    border-color: #f79420;
    color: #f79420;
    background: #fff
}

.note1_ocb {
    font-size: 26px;
    color: #0066b3;
    margin-bottom: 30px
}

.progess_ocb {
    height: 60px;
    background: #f3f3f3;
    border-radius: 4px;
    text-align: right;
    line-height: 60px;
    padding-right: 25px;
    margin-bottom: 10px;
    position: relative;
    color: #8A8A8A
}

.progess_ocb .percent {
    display: block;
    height: 100%;
    background: #0066b3;
    position: absolute;
    top: 0;
    border-radius: 4px 0 0 4px;
    transition: all .3s
}

.field_input,
.ph_input {
    transition: all .1s;
    position: absolute
}

.progess_ocb .percent p {
    position: absolute;
    right: -15px;
    top: -45px
}

.progess_ocb .lock {
    position: absolute;
    left: 25px;
    top: 20px;
    display: inline-block;
    line-height: normal !important
}

.progess_ocb .step {
    position: absolute;
    right: 25px;
    z-index: 99
}

.tit1_ocb {
    color: #0066b3;
    font-size: 22px;
    padding: 15px 0 20px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px
}

.row-form .ui-datepicker-trigger {
    position: absolute;
    right: 5%;
    top: 18px;
    cursor: pointer
}

.row-form .currency-symbol {
    top: 18px;
    color: #333
}

.ocb.bootstrap-select>.dropdown-toggle {
    color: #333;
    height: 100%;
    border: none;
    background: #f3f3f3;
    padding-top: 24px;
    padding-right: 40px
}

.ocb.bootstrap-select>.dropdown-toggle .caret {
    width: 20px;
    height: 11px;
    background: url(../images/caret.png);
    border: none;
    right: 15px;
    top: 45%
}

.ocb.open.bootstrap-select>.dropdown-toggle .caret {
    transform: rotate(180deg)
}

.ocb.open>.btn-default.dropdown-toggle {
    background-color: #f0f0f0
}

.ocb.bootstrap-select.btn-group .dropdown-menu {
    top: 54px
}

.btn-ocb-back {
    display: inline-block;
    margin-top: 35px
}

.box-img-ocb {
    position: relative;
    margin-top: 193px
}

.khung-img-ocb {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: -30px;
    left: 20px
}

.khung-img-ocb img {
    width: 100%
}

.nd-khung-img-ocb {
    padding: 35px;
    border: 2px solid #ccc;
    border-radius: 6px
}

.tit-review-ocb {
    font-size: 22px;
    color: #0066b3;
    padding: 15px 0;
    border-bottom: solid 1px #cbcbcb;
    background: url(../images/caret.png) right no-repeat;
    cursor: pointer
}

.tit-review-ocb.active {
    background: url(../images/caret-active.png) right no-repeat
}

.content-review {
    padding: 35px 0;
    display: none
}

.title-review {
    color: #ccc
}

.input-review {
    width: 90%;
    border: none;
    background: #fff
}

.form-group2 {
    margin-bottom: 10px
}

.form-group2:after,
.form-group2:before {
    content: " ";
    display: table
}

.btn-edit-ocb,
.edit-btn,
.tab_ocb {
    display: inline-block
}

.edit-btn {
    cursor: pointer;
    margin-left: 5px
}

.obc_focus {
    border-bottom: solid 1px #ccc !important
}

.btn-edit-ocb {
    border: 2px solid #f8a158;
    border-radius: 4px;
    padding: 12px 30px;
    margin-top: 25px
}

.box-note-ocb {
    border-top: solid 6px #f58220;
    padding-top: 20px;
    font-size: 13px;
    margin-top: 144px
}

.name-cus {
    font-weight: 600;
    margin: 20px 0 10px
}

.ocb-quote {
    margin-top: -15px
}

.tit_secure {
    color: #0066b3;
    margin-top: 15px;
    font-size: 16px;
    margin-bottom: 5px
}

.tit-icon {
    font-size: 12px;
    margin: 15px 0
}

.tab_ocb.nav-tabs>li.active>a,
.tab_ocb.nav-tabs>li>a:hover {
    background: 0 0
}

.tab_ocb.nav-tabs>li>a {
    border-bottom: solid 2px #ebebeb;
    padding: 10px 30px
}

.tab_ocb.nav-tabs>li.active>a {
    border-bottom: solid 2px #f47920;
    padding: 10px 30px
}

.ocb .tab-pane .bold {
    margin-top: 30px
}

.ocb_card {
    background: #f3f3f3;
    padding: 0;
    height: 60px;
    border: none;
    margin-bottom: 10px
}

.ocb_card .dropdown-i-want-to {
    width: 100% !important;
    margin: 0 !important;
    height: 100%;
    border: 2px solid #dfdfdf !important;
    border-radius: 4px
}

.ocb_card .dropdown-label img {
    width: 12%;
    margin-right: 10px;
    max-height: 39px
}

.ocb_card .btn-dropdown-select {
    height: 100%
}

.ocb_card .dropdown-i-want-to .dropdown-menu {
    margin-left: -2px !important;
    margin-top: 1px;
    border: 2px solid #dfdfdf;
    width: 100.8%
}

.ocb_card .dropdown-i-want-to .dropdown-menu:after,
.ocb_card .dropdown-i-want-to .dropdown-menu:before {
    display: none
}

.ocb_card .dropdown-i-want-to .btn-dropdown-select a {
    color: #333
}

.ocb_card .dropdown-i-want-to .btn-dropdown-select .caret {
    width: 20px;
    height: 11px;
    background: url(../images/caret.png);
    border: none;
    right: 15px;
    top: 45%
}

.ocb_card a img {
    width: 12%;
    float: left;
    display: inline-block;
    margin-right: 15px
}

.ocb_card a p {
    float: left;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 2px
}

.ocb_card a p span {
    display: block;
    color: #666
}

.btn-cashback,
.btn-hide-ocb,
.icon-cas {
    display: inline-block
}

.ocb_card .dropdown-i-want-to .dropdown-menu>li>[role=menuitem] {
    padding-left: 3.6%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc
}

.ocb_card .dropdown-i-want-to .dropdown-menu>li:last-child>[role=menuitem] {
    border-bottom: none
}

.btn-cashback {
    padding: 10px 50px;
    border: 2px solid #333;
    border-radius: 20px;
    background: #fff
}

.btn-cashback.active,
.btn-cashback:hover {
    background: #f58220;
    color: #fff;
    border-color: #f58220
}

.icon-cas {
    float: left;
    margin-right: 10px
}

.btn-hide-ocb {
    padding: 5px 17px 5px 35px;
    border: 2px solid #333;
    border-radius: 20px;
    background: url(../images/icon-less.png) 10% 50% no-repeat #fff
}

.cashback-box {
    padding-top: 30px;
    border-top: solid 1px #ccc
}

.text-confirm3 {
    font-size: 30px;
    color: #0066b3;
    margin: 35px 0
}

.text-confirm4 {
    font-size: 24px
}

.tit-icon2 {
    font-size: 14px;
    margin-top: 10px
}

.tit-login-popup {
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
    font-weight: 600
}

#login {
    width: 400px;
    padding: 15px 30px
}

.ocb .cc-featured-product .btn-default {
    margin-top: 0
}

.ph_input {
    top: 16px;
    color: #999
}

.field_input {
    top: 15px;
    width: 90%;
    border: none;
    background: 0 0;
    outline: 0
}

.focus .ph_input {
    font-size: 12px;
    top: 5px
}

.focus .field_input {
    top: 24px
}

.card {
    min-width: 65px;
    height: 41px;
    float: left;
    margin-right: 15px;
    margin-top: 3px
}

.card.card-c1 {
    background: url(../images/cr1.png);
    background-size: cover
}

.card.card-c2 {
    background: url(../images/cr2.png);
    background-size: cover
}

.card.card-c3 {
    background: url(../images/cr3.png);
    background-size: cover
}

.selectize-dropdown-content div p span {
    display: block;
    color: #666
}

.selectize-dropdown-content div p {
    float: left;
    margin-top: 5px
}

.has-items .card {
    margin-top: 0
}

.has-items p span {
    display: inline-block
}

.not-full.has-options {
    background: url(../images/cr4.png) 10px 50% no-repeat !important;
    padding-left: 85px
}

.ocb_sticky {
    position: fixed;
    width: 50.5%;
    background: #fff;
    height: 85px;
    top: 0;
    z-index: 9;
    padding-top: 10px
}

.box-img-ocb.ocb_sticky {
    max-width: 323px;
    margin-top: 50px
}

.percent.step1 p,
.same-address {
    display: none
}

.disable_add {
    pointer-events: none;
    cursor: default;
    opacity: .6
}

.ocb .grumpy-image-wrapper {
    overflow: inherit !important;
    height: 150px
}

.ocb .grumpy-image:hover {
    margin-right: 5px;
    margin-top: -5px;
    box-shadow: 5px 5px 2px #ccc
}

.fee {
    padding-top: 20px;
    padding-bottom: 20px
}

.default_link {
    color: #0066b3
}

.cc-featured-product .cc-product-block .top-img img {
    border-radius: 10px
}

.select_ocb {
    position: relative
}

.select_ocb .select_tit {
    position: absolute;
    z-index: 1;
    left: 12px;
    top: 5px;
    font-size: 12px;
    color: #999
}

.banner-tips2 {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 2.1428571429em 3.5714285714em;
    margin-bottom: 3.9285714286em;
    background-position: center;
    background-size: auto 100%;
    max-width: 1130px;
    height: 275px
}

.content_promo img,
.offer-img img {
    max-width: 100%
}

.backgroundsize .banner-tips2 {
    -webkit-filter: none !important;
    filter: none !important
}

.banner-tips2 h3 {
    margin: 0 0 .3571428571em;
    font-weight: 100;
    line-height: 1.4285714286em
}

.banner-tips2 h3.orange {
    color: #f58220
}

.banner-tips2 .block-centered {
    text-align: left;
    margin: auto;
    height: 100%;
    color: #fff
}

.banner-tips2 .tips-content {
    width: 50%
}

.banner-tips2 .more {
    padding-left: 25px;
    color: #fff
}

.form-control.review {
    width: 91%;
    float: left;
    padding: 0;
    height: 23px;
    border: none;
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal
}

.form-control.review[disabled] {
    background-color: #fff
}

.field_input.datepick {
    top: 24px
}

@media (max-width:768px) {
    .tit-icon {
        margin: 10px 0 20px
    }
    .ocb-cus>div,
    .row-form>div {
        padding: 0 15px
    }
    .ocb .tab-pane .bold {
        margin-top: 15px
    }
    .ocb .tab-pane p {
        margin-bottom: 30px
    }
    #login {
        width: auto;
        padding: 15px 10px
    }
    .ocb-btn-login {
        margin: auto;
        display: block
    }
    .ocb-btn-forgot {
        float: none;
        display: block;
        margin-top: 10px;
        text-align: center
    }
}

.accordion_lv2 .content_lv2 {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease
}

.icon-promotion1,
.icon-promotion2,
.icon-promotion3 {
    width: 19px;
    height: 17px;
    top: 4px
}

.accordion_lv2.active .content_lv2 {
    max-height: 625em
}

.icon-promotion1 {
    background: url(../images/nologo/icon_menu_promotion1.png) no-repeat
}

.icon-promotion2 {
    background: url(../images/nologo/icon_menu_promotion2.png) no-repeat
}

.icon-promotion3 {
    background: url(../images/nologo/icon_menu_promotion3.png) no-repeat
}

.box-cat {
    margin-bottom: 30px;
    cursor: pointer
}

.nd-box {
    text-align: center;
    padding: 10px 0 0;
    color: #fff;
    background: #fff
}

.box-cat.box0 .nd-box {
    color: #898989;
    border: 3px solid #898989;
    border-bottom: none
}

.box-cat.box1 .nd-box {
    color: #f7941e;
    border: 3px solid #f7941e;
    border-bottom: none
}

.box-cat.box2 .nd-box {
    color: #fdb813;
    border: 3px solid #fdb813;
    border-bottom: none
}

.box-cat.box3 .nd-box {
    color: #0066b3;
    border: 3px solid #0066b3;
    border-bottom: none
}

.box-cat.box4 .nd-box {
    color: #00b4f1;
    border: 3px solid #00b4f1;
    border-bottom: none
}

.box-cat.box0 .num-outlets {
    border: 3px solid #898989;
    border-top: solid 2px #898989;
    color: #898989
}

.box-cat.box1 .num-outlets {
    border: 3px solid #f7941e;
    border-top: solid 2px #f7941e;
    color: #f7941e
}

.box-cat.box2 .num-outlets {
    border: 3px solid #fdb813;
    border-top: solid 2px #fdb813;
    color: #fdb813
}

.box-cat.box3 .num-outlets {
    border: 3px solid #0066b3;
    border-top: solid 2px #0066b3;
    color: #0066b3
}

.box-cat.box4 .num-outlets {
    border: 3px solid #00b4f1;
    border-top: solid 2px #00b4f1;
    color: #00b4f1
}

.box0.active .nd-box {
    background: #898989;
    color: #fff
}

.box1.active .nd-box {
    background: #f7941e;
    color: #fff
}

.box2.active .nd-box {
    background: #fdb813;
    color: #fff
}

.box3.active .nd-box {
    background: #0066b3;
    color: #fff
}

.box4.active .nd-box {
    background: #00b4f1;
    color: #fff
}

.box-cat.active .icon_promo {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.box0.active .num-outlets {
    background: #a1a1a1;
    border-color: #a1a1a1;
    color: #fff
}

.box1.active .num-outlets {
    background: #d8821b;
    border-color: #d8821b;
    color: #fff
}

.box2.active .num-outlets {
    background: #d49d19;
    border-color: #d49d19;
    color: #fff
}

.box3.active .num-outlets {
    background: #0e3a5d;
    border-color: #0e3a5d;
    color: #fff
}

.box4.active .num-outlets {
    background: #0a9aca;
    border-color: #0a9aca;
    color: #fff
}

.box-cat.active .num-outlets:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom: 8px solid;
    position: absolute;
    top: 55%;
    margin-top: -5px;
    left: 46%;
    z-index: 1;
    border-bottom-color: inherit
}

.box-cat-name {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 12px
}

.num-outlets {
    text-align: center;
    font-weight: 300;
    padding: 3px 8px;
    border-top: solid 2px;
    border-color: inherit;
    font-size: 13px
}

.offer-img {
    position: relative
}

.offer-img .percent {
    position: absolute;
    background: #f7941e;
    color: #fff;
    padding: 10px 5px;
    top: 10px;
    right: 0
}

.offer-img .address,
.offer-item.type1 .address {
    background: url(../images/nologo/bg_address.png)
}

.offer-img .address {
    font-size: 13px;
    color: #fff;
    position: absolute;
    padding: 5px 10px;
    left: 10px;
    bottom: 10px
}

.offer-item.type2 .address {
    background: url(../images/nologo/bg_address2.png)
}

.offer-item.type3 .address {
    background: url(../images/nologo/bg_address3.png)
}

.offer-item.type4 .address {
    background: url(../images/nologo/bg_address4.png)
}

.offer-item.type1 .percent {
    background: url(../images/nologo/icon1_w.png) 10% 50% no-repeat #f7941e;
    width: 75px;
    text-align: right
}

.offer-item.type2 .percent {
    background: url(../images/nologo/icon2_w.png) 10% 50% no-repeat #fdb813;
    width: 75px;
    text-align: right
}

.offer-item.type3 .percent {
    background: url(../images/nologo/icon3_w.png) 10% 50% no-repeat #0066b3;
    width: 75px;
    text-align: right
}

.offer-item.type4 .percent {
    background: url(../images/nologo/icon4_w.png) 10% 50% no-repeat #00b4f1;
    width: 75px;
    text-align: right
}

.offer-item .percent span {
    display: inline-block;
    border-left: solid 1px #fff;
    padding-left: 4px
}

.offer-item {
    background: #f2f2f2;
    margin-bottom: 30px;
    height: auto
}

.offer-img .address img {
    margin-top: -3px
}

.offer-item .share {
    font-size: 16px;
    border-bottom: solid 1px #ccc;
    text-align: right;
    padding: 0 20px;
    position: relative
}

.offer-item .share .icon {
    padding: .5em 0 .5em .5em
}

.offer-item .share .social-list .icon {
    padding: 0 !important;
    font-size: 1em;
    line-height: normal !important
}

.offer-item .share .social-list {
    position: absolute;
    width: auto;
    float: none;
    vertical-align: middle;
    left: 4.2em;
    background: 0 0;
    border: none;
    top: 5px
}

.offer-item .share .social-list:after,
.offer-item .share .social-list:before {
    display: none
}

.diachi span,
.offer-item .share .icon--share:hover+.social-list {
    display: inline-block
}

.offer-item .content {
    padding: 10px 20px 20px;
    text-align: center;
    font-size: 16px;
    min-height: 200px;
    position: relative
}

.offer-item .name {
    color: #0066b3;
    font-size: 16px;
    font-weight: 700
}

.offer-item .teaser {
    font-weight: 400;
    font-size: 14px
}

.offer-item .apdung {
    margin: 15px 0;
    font-size: 13px
}

.txt_cam {
    color: #f7941e
}

.offer-item .btn-viewmore {
    color: #f47920;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    bottom: 25px;
    left: 32%
}

.offer-item .btn-viewmore .icon--arrow-right {
    vertical-align: middle;
    padding-bottom: 3px
}

.numb-offer {
    text-align: right;
    margin-bottom: 15px
}

.cat_list,
.tit-other-promo {
    text-align: center
}

.content_promo {
    background: #fafafa
}

.content_promo .content-txt {
    padding: 30px;
    line-height: 22px
}

.img_promo {
    width: 100%
}

.content_promo .name {
    font-size: 20px;
    color: #0066b3;
    font-weight: 600;
    margin-top: 0
}

.content_promo .date-ex {
    font-size: 12px;
    color: #cbcbcb
}

.content_promo .tit {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px
}

.content_promo .time {
    margin-top: 20px
}

.search-promo {
    position: relative
}

.search-promo .icon {
    position: absolute;
    top: 4px;
    right: 19px;
    color: #303030;
    border: none;
    height: 34px;
    width: 13%;
    background: url(../images/nologo/icon_search.png) center no-repeat #f47920
}

.sort-box {
    margin-bottom: 0;
    background: #fafafa;
    max-width: none !important;
    padding: 15px 15px 0;
    margin-left: -15px;
    margin-right: -15px
}

.sort-box.fixed {
    position: fixed;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 55px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    margin: auto
}

.tit-maps {
    background: #f2f2f2;
    padding: 10px 25px;
    font-size: 16px;
    color: #0066b3;
    margin: 20px 0
}

.diachi {
    margin-bottom: 20px
}

.diachi i {
    width: 6%;
    margin-top: 4px
}

.diachi span {
    width: 90%
}

.web {
    margin-left: 23px
}

.info_promo {
    text-transform: uppercase
}

.info_promo img {
    margin-bottom: 4px
}

.position-static {
    position: static !important
}

.page-list-promo li {
    float: left;
    margin-left: 10px;
    color: #f47920
}

.page-list-promo li a {
    color: #494949
}

.owl-item .item .address img {
    width: auto
}

.detail-promo-right {
    float: right !important
}

.hide-desktop {
    display: none
}

.tit_bn_half {
    color: #0066b3;
    margin-bottom: 1em !important
}

.lazy .offer-item {
    height: 0;
    overflow: hidden
}

.list_cat_promo {
    margin-top: 15px
}

.sort-box .bootstrap-select>.dropdown-toggle,
.sort-box .form-control {
    background: 0 0
}

.hamburger-sort {
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 2.5em;
    width: 2.8em;
    position: relative;
    vertical-align: middle;
    margin-right: 10px
}

.hamburger-sort:focus {
    outline: 0
}

.hamburger-sort>i,
.hamburger-sort>i:after,
.hamburger-sort>i:before {
    width: 1.4em;
    height: .2175em;
    border-radius: 3px;
    transition: all .3s cubic-bezier(.5, -.6, .19, 1)
}

.hamburger-sort>i {
    position: absolute;
    top: 1.15625em;
    left: .6875em;
    background-color: #0066b3;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.hamburger-sort>i:after,
.hamburger-sort>i:before {
    position: absolute;
    left: 0;
    content: ' ';
    background-color: #0066b3
}

.hamburger-sort>i:after {
    top: .45em
}

.hamburger-sort>i:before {
    top: -.375em
}

.hamburger-sort.active>i,
.hamburger-sort.active>i:after,
.hamburger-sort.active>i:before {
    background-color: #f47920
}

.btn-hamburger-sort {
    margin-bottom: 20px !important;
    display: none !important
}

.tit-other-promo {
    color: #0066b3;
    background: #ededed;
    line-height: 40px;
    font-size: 18px
}

.btn-video,
.btn-video:hover {
    color: #fff
}

.wrapper.promo {
    padding-top: 85px
}

.cat_list .main_cat_box,
.list_cat_promo .col-sm-2 {
    float: none;
    display: inline-block
}

.diachi .add_list {
    margin-bottom: 15px;
    display: inline-block
}

@media (max-width:768px) {
    .no-padding-lr {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .offer-item .share .social-list {
        padding: 0;
        right: 3em
    }
    .numb-offer,
    .offer-item .share .icon--share {
        display: none
    }
    .list_cat_promo {
        margin-top: 20px
    }
    .list_cat_promo .col-sm-2 {
        float: left
    }
    .owl-item .item .social-list {
        right: 3em;
        left: auto
    }
    .card_promo_detail {
        margin-top: 10px
    }
    .content_promo {
        margin-bottom: 30px
    }
    .detail-promo-right {
        float: left !important;
        margin-bottom: 30px
    }
    .hide-desktop {
        display: block
    }
    .content-txt .text-right {
        text-align: center
    }
    .hamburger-sort {
        display: none
    }
    .btn-hamburger-sort {
        display: inline-block !important;
        width: 50% !important;
        background: url(../images/nologo/ar_cp_down.png) 90% 50% no-repeat #f47920
    }
    .cat_list .main_cat_box,
    .sort-box {
        display: none
    }
    .btn-hamburger-sort.active {
        background: url(../images/nologo/ar_cp_up.png) 90% 50% no-repeat #f47920
    }
    .sort-box {
        padding: 15px;
        margin-bottom: 20px
    }
    .web {
        margin-left: 5px
    }
    .offer-item .btn-viewmore {
        left: 37%
    }
    .search-promo .icon {
        width: 11%
    }
}

.btn-video {
    display: inline-block;
    text-transform: uppercase;
    padding: 9.5px 20px
}

.btn-video img {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.left-btn {
    float: left
}

.video_popupFix {
    width: 768px;
    height: 433px
}

.box-video-detail {
    background: #f5f5f5;
    margin-top: 60px;
    padding: 50px 0;
    font-weight: 300;
    margin-left: -15px;
    margin-right: -15px
}

.box-video-detail h3 {
    font-size: 22px;
    margin-top: 0
}

.link_app a,
.link_app a:hover {
    color: #2074fa
}

@media (max-width:767px) {
    .left-btn {
        float: none
    }
    .btn-video {
        color: #0066b3 !important
    }
    .btn-video img {
        float: left;
        margin-top: 5px;
        margin-right: 10px;
        webkit-filter: none;
        filter: none
    }
    .video_popupFix {
        width: 305px;
        height: auto
    }
    .box-video-detail {
        background: #fff;
        margin: auto
    }
    .box-video-detail h3 {
        margin-top: 30px
    }
    .nlg1.accordion-main>.accordion-title-main {
        margin-left: -15px;
        margin-right: -15px
    }
}