@font-face {
    font-family: TheSansPlain;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/thesans-webfont.eot), url(../fonts/thesans-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/thesans-webfont.woff) format('woff'), url(../fonts/thesans-webfont.svg#TheSansPlain) format('svg')
}

@font-face {
    font-family: TheSansCdThin;
    font-weight: 200;
    font-style: normal;
    src: url(../fonts/thscof4s-webfont.eot), url(../fonts/thscof4s-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/thscof4s-webfont.woff) format('woff'), url(../fonts/thscof4s-webfont.svg#TheSansCdThin) format('svg')
}

@font-face {
    font-family: TheSansSemiBoldPlain;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/thesanssemibold-webfont.eot), url(../fonts/thesanssemibold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/thesanssemibold-webfont.woff) format('woff'), url(../fonts/thesanssemibold-webfont.svg#TheSansSemiBoldPlain) format('svg')
}

@font-face {
    font-family: TheSansCdRegular;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/thescof5-webfont.eot), url(../fonts/thescof5-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/thescof5-webfont.woff) format('woff'), url(../fonts/thescof5-webfont.svg#TheSansCdRegular) format('svg')
}

@font-face {
    font-family: TheSansCdLight;
    font-weight: 200;
    font-style: normal;
    src: url(../fonts/thscof3l-webfont.eot), url(../fonts/thscof3l-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/thscof3l-webfont.woff) format('woff'), url(../fonts/thscof3l-webfont.svg#TheSansCdLight) format('svg')
}

@font-face {
    font-family: TheSansCdSemiBold;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/thsclf6s-webfont.eot), url(../fonts/thsclf6s-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/thsclf6s-webfont.woff) format('woff'), url(../fonts/thsclf6s-webfont.ttf) format('truetype')
}

@font-face {
    font-family: TheSansB;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/TheSansB-W5Plain.otf) format('opentype')
}


body {
    font-family: TheSansPlain, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #000
}

@keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

img {
    display: block
}

h1 {
    font-family: TheSansCdRegular, Helvetica, Arial, sans-serif;
    font-size: 50px;
    font-weight: 200
}

h2 {
    font-family: TheSansCdRegular, Helvetica, Arial, sans-serif;
    font-size: 48px;
    font-weight: 400
}

h3 {
    font-family: TheSansCdLight, Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: 400
}

h4 {
    font-family: TheSansPlain, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 400
}

h5 {
    font-family: TheSansCdLight, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400
}

h6 {
    font-family: TheSansPlain, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400
}

p {
    font-family: TheSansPlain;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 18px
}

a.dropdown span,
a:link {
    line-height: 20px;
    transition: all .2s ease;
    text-decoration: none;
    color: #000
}

a.dropdown:hover span,
a:hover,
a:visited {
    text-decoration: none;
    color: #000
}

a:hover {
    color: #ed1c24
}

a.dropdown {
    border-bottom: none
}

a.dropdown img {
    display: inline;
    width: auto;
    margin-top: 2px;
    padding-left: 10px
}

a.underline {
    text-decoration: underline
}

a.underline:hover {
    text-decoration: none
}

.alt-grid .container-fluid {
    width: 100%;
    max-width: none;
    padding: 0
}

.alt-grid .container-fluid .row {
    margin-right: 0;
    margin-left: 0
}

.alt-grid .container-fluid .row [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.nopadding {
    padding: 0!important
}

.site-overlay {
    display: none
}

.pushy-active .site-overlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    -webkit-animation: fade 500ms;
    animation: fade 500ms;
    background-color: rgba(0, 0, 0, .5)
}

.green {
    color: #03938c
}

.black {
    color: #000
}

.btn-red {
    font-family: TheSansB, TheSansSemiBoldPlain;
    font-size: 18px;
    width: 235px;
    height: 50px;
    padding: 15px!important;
    text-decoration: none!important;
    color: #fff!important;
    border: none;
    border-radius: 1px;
    background: #e32820;
    background: linear-gradient(to top, #bf241e 0, #e32820 100%)
}

.misc-links a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #05c;
    border-bottom: 1px dotted #05c
}

.misc-links a:hover {
    text-decoration: none;
    color: #05c;
    border-bottom: 1px solid #05c
}

.padding-top-10 {
    padding-top: 10px!important
}

.padding-top-30 {
    padding-top: 30px!important
}

.padding-top-50 {
    padding-top: 50px!important
}

.modal {
    z-index: 9999;
    text-align: center
}

.modal .modal-dialog {
    display: inline-block;
    max-width: 770px;
    text-align: left;
    vertical-align: middle
}

.modal .modal-dialog .modal-header {
    border: 0
}

.modal .modal-dialog .modal-body {
    padding: 50px
}

.modal .modal-dialog .modal-body ul {
    padding: 5px 10px
}

.modal .modal-dialog .modal-body ul li {
    margin-bottom: 20px;
    padding-left: 20px;
    list-style: none
}

.modal .modal-dialog .modal-body ul li.checked:before {
    position: absolute;
    left: 20px;
    display: block;
    width: 16px;
    height: 16px;
    content: ' ';
    background: url(../images/expat/check.png) no-repeat
}

.modal .modal-dialog .modal-body h3 {
    font-family: TheSansCdRegular, Arial;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center
}

.modal .modal-dialog .modal-body p {
    font-size: 14px
}

.modal .modal-dialog .modal-body span {
    font-family: TheSansB, TheSansPlain, Arial;
    line-height: 20px;
    color: #8e8e8e
}

.modal .modal-dialog .modal-body b {
    font-family: TheSansSemiBoldPlain, Arial
}

.modal .modal-dialog .modal-body .close {
    position: absolute;
    top: 25px;
    right: 25px
}

.modal-backdrop {
    z-index: 9998
}

a.button-gray,
a.button-gray.disabled,
a.button-gray.medium,
a.button-red,
a.button-red.anchor,
a.button-red.disabled,
a.button-red.large,
a.button-red.medium {
    font-family: TheSansPlain, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    float: none;
    clear: both;
    width: auto;
    min-width: 195px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-bottom: none;
    border-radius: 1px
}

a.button-gray,
a.button-gray.disabled,
a.button-red,
a.button-red.anchor,
a.button-red.disabled {
    font-size: 14px;
    line-height: 14px;
    height: auto;
    min-height: 17px;
    margin: 0 0 10px;
    padding: 8px
}

a.button-gray.medium,
a.button-red.medium {
    font-size: 18px;
    line-height: 50px;
    min-width: 195px;
    height: 50px;
    margin: 0 0 10px;
    padding: 0
}

a.button-red {
    background: url(../images/expat/button_redbg.jpg) bottom left repeat-x #e02b2a
}

a.button-red.disabled {
    background: url(../images/expat/button_redbg_disable.jpg) bottom left repeat-x #ebb1b1
}

a.button-red.anchor span {
    padding-right: 20px;
    background: url(../images/expat/anchor_arrow.png) right center no-repeat
}

a.button-red.medium {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url(../images/expat/button_redbg_medium.jpg);
    background-repeat: repeat-x;
    background-position: left center
}

a.button-red.medium:hover {
    background-image: url(../images/expat/button_redbg_medium_hover.jpg);
    background-repeat: repeat-x;
    background-position: left center
}

a.button-red.large {
    font-size: 30px;
    line-height: 35px;
    height: 40px;
    margin: 0 0 10px;
    padding: 20px;
    background: url(../images/expat/button_redbg_large.jpg) bottom left repeat-x #e02b2a
}

.box-online-banking a.button-red {
    float: none
}

a.button-gray {
    background: url(../images/expat/button_graybg.jpg) bottom left repeat-x #696969
}

a.button-gray.disabled {
    background: url(../images/expat/button_graybg_disable.jpg) bottom left repeat-x #bfbfbf
}

a.button-gray.medium {
    background: url(../images/expat/button_graybg_medium.jpg) bottom left repeat-x #696969
}

.save-monly {display: none;}
.save-txt {padding-top: 5px !important;}
.sub-table-title{padding-bottom: 0px !important; font-size: 17px !important;}

@media (max-width:991px) {
    h1 {
        font-size: 36px
    }
    h2 {
        font-size: 28px
    }
    h3 {
        font-size: 30px
    }
    .btn-red {
        font-size: 16px;
        width: 200px
    }
}

@media screen and (min-width:768px) {
    .modal:before {
        display: inline-block;
        height: 100%;
        content: ' ';
        vertical-align: middle
    }
}

@media (max-width:767px) {
    .btn-red {
        font-size: 14px;
        width: 180px;
        height: 40px;
        padding: 10px!important
    }
    .modal .modal-dialog .modal-body {
        overflow-y: auto;
        width: 100%;
        padding: 25px 15px
    }
    .modal .modal-dialog .modal-body ul {
        padding: 10px 0 10px 20px
    }
    #our-products .ocbc-360 ul li .box.box-5 {
    height: auto !important;
    }
    .spacing{display: none !important;}
}

#header {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    background: url(../images/expat/header_navi_bg.jpg) top left repeat-x
}

#header-inside {
    clear: both;
    width: 100%;
    height: 127px;
    margin: 0;
    padding: 0;
    background: url(../images/expat/header_inside_navi_bg.jpg) top left repeat-x
}

.header-wrapper {
    clear: both;
    width: 940px;
    margin: 0 auto;
    padding: 30px 0 0
}

.header-logo-container {
    display: inline;
    float: left;
    width: 76px;
    margin: 0 20px 0 0;
    padding: 0
}

.header-right-section {
    display: inline;
    float: left;
    clear: right;
    width: 844px;
    margin: 0;
    padding: 0
}

.top-navigation {
    clear: both;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0
}

.navigation {
    clear: both;
    width: 100%;
    height: 63px;
    margin: 0;
    padding: 0
}

.bank-name {
    display: inline;
    float: left;
    width: auto;
    margin: 0;
    padding: 6px 0 0 14px
}

.misc-links ul {
    float: right;
    margin: 6px 0 0;
    padding: 0
}

.misc-links ul li {
    display: inline;
    margin: 0;
    padding: 0 15px 0 0;
    background: 0 0
}

.mobile-logo-container {
    display: none
}

.mobile-logo-container a {
    float: left;
    border: none
}

.menu-btn {
    position: relative;
    z-index: 999;
    float: right;
    width: 26px;
    height: 22px;
    margin-top: 10px;
    margin-right: 15px;
    cursor: pointer;
    border-style: none;
    background-color: #f4f4f4;
    background-image: url(../images/expat/inside_pg/responsive/mobile-menu.png);
    background-repeat: no-repeat
}

.country-more-detail-content ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.country-more-detail-content ul li a {
    display: block;
    margin: 0;
    padding: 5px;
    cursor: pointer;
    text-decoration: none;
    color: #212121;
    border: none
}

.country-more-detail-content ul li {
    font-size: 100%;
    position: relative;
    float: left;
    width: 108px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: pointer;
    text-align: left;
    background: 0 0
}

.country-more-detail p {
    line-height: 20px;
    display: inline;
    margin: 0;
    padding: 0
}

.country-more-detail-box-wrapper span {
    position: absolute;
    z-index: 10;
    top: -2px;
    right: -6px;
    width: 19px;
    height: 25px;
    cursor: pointer;
    border: 1px solid #d7d7d7;
    border-bottom: 1px solid #fff;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    background: url(../images/expat/inside_pg/insurance-arrow-down-zn.png) center 11px no-repeat #fff
}

.country-more-detail.country {
    height: 20px;
    margin: 6px 12px 0 15px;
    padding: 0
}

.country-more-detail p {
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer
}

.country-more-detail {
    position: relative;
    right: 4px;
    float: right;
    padding: 0 0 10px 20px
}

.country-more-detail a span {
    line-height: 14px;
    text-decoration: none;
    color: #05c;
    border-bottom: #05c 1px dotted;
    background: 0 0
}

.country-more-detail a:hover span {
    text-decoration: none;
    color: #05c;
    border-bottom: #05c 1px solid
}

.country-more-detail a:visited span {
    text-decoration: none;
    color: #639;
    border-bottom: #639 1px dotted
}

.country-more-detail-box-wrapper {
    position: absolute;
    top: 0;
    right: 2px;
    display: none;
    min-width: 500px
}

.navigation ul {
    font-family: TheSansSemiBoldPlain, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    float: left;
    padding: 0;
    color: #212121;
    background: 0 0
}

.navigation li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    background: 0 0
}

.navigation li a {
    line-height: 20px;
    display: block;
    height: 61px;
    padding: 23px 12px 0 15px;
    text-decoration: none;
    color: #212121;
    border: none;
    text-shadow: #fff 0 1px 0
}

.navigation ul li a:hover {
    text-decoration: none;
    background: url(../images/expat/navi_hover.gif) top left repeat-x
}

.sub_title_wrapper {
    width: 100%;
    height: 59px;
    border-bottom: 1px solid #fff;
    background: url(../images/expat/inside_pg/sub_title_wrapper_bg.jpg) repeat-x
}

.sub_title_bgimg {
    margin: 0 auto;
    background: url(../images/expat/inside_pg/sub_title_bgimg.png) no-repeat
}

.sub_title {
    margin: 0;
    padding: 12px 0 0
}

.sub_title h1 {
    font-family: TheSansPlain;
    font-size: 34px;
    margin: 0;
    letter-spacing: -1pt;
    color: #333
}

.bank-name a,
.bank-name a:active,
.bank-name a:hover,
.bank-name a:link,
.bank-name a:visited {
    font-family: TheSansSemiBoldPlain, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #c1281b;
    border: 0
}

.cont_bordertop {
    border-top: 1px solid #ddd
}

.breadcrumbs {
    font-size: 12px;
    clear: both;
    width: 940px;
    margin: 0 auto;
    padding: 20px 0 0
}

.breadcrumbs ul {
    line-height: 14px;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.breadcrumbs li {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    color: #333;
    background: 0 0
}

.breadcrumbs li a {
    line-height: 20px;
    text-decoration: none;
    color: #05c;
    border-bottom: 1px dotted #05c
}

.breadcrumbs li a:hover {
    text-decoration: none;
    color: #05c;
    border-bottom: 1px solid #05c
}

.breadcrumbs li a:visited {
    text-decoration: none;
    color: #639;
    border-bottom: #639 1px dotted
}

.breadcrumbs li span {
    display: block;
    width: 5px;
    height: 14px;
    margin: 2px 7px;
    background: url(../images/expat/arrow_grey.png) center 6px no-repeat
}

a.secondary_navi {
    font-family: TheSansSemiBoldPlain, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    display: block;
    float: right;
    height: 63px;
    margin: 0 8px;
    padding: 23px 15px 0;
    text-decoration: none;
    color: #725d27;
    border: none;
    text-shadow: #fff 0 1px 0
}

a.secondary_navi:hover {
    background: url(../images/expat/navi_premier_hover.gif) top left repeat-x
}

a.secondary_navi.selected {
    background: url(../images/expat/navi_premier_on.jpg) top left no-repeat
}

.country-more-detail-content {
    position: absolute;
    z-index: 9;
    top: 22px;
    right: -6px;
    padding: 2px;
    border: 1px solid #d7d7d7;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    background-color: #fff
}

.inner-more-detail-content {
    overflow: hidden;
    width: 93px;
    margin: 0;
    padding: 0;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    background: url(../images/expat/inside_pg/country-bg.jpg) bottom left repeat-x #fff
}

.country-more-detail-content ul li.m-radius a:hover {
    width: 93px;
    color: #fff;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    background: #999
}

.country-more-detail-content ul li.c-radius a:hover {
    width: 93px;
    color: #fff;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    background: #999
}

@media (min-width:992px) {
    .sub_title_bgimg {
        width: 940px
    }
}

@media (max-width:991px) {
    #header-inside {
        height: 60px
    }
    #header-inside img.mlogo {
        margin-left: 10px
    }
    .sub_title h1 {
        font-size: 24px!important
    }
    .sub_title_wrapper {
        height: 49px!important;
        min-height: 49px!important
    }
    .sub_title_bgimg {
        padding-left: 15px;
        border-bottom: none!important
    }
    body {
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%
    }
    .sub_title_wrapper {
        width: 100%;
        border: none;
        background: #eee
    }
    .sub_title {
        margin: 0;
        padding: 12px 0 0
    }
    .sub_title h1 {
        line-height: 30px;
        margin: 0
    }
    .breadcrumbs {
        display: none;
        width: 100%
    }
    .header-wrapper {
        clear: both;
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 0
    }
    .header-logo-container {
        float: left;
        width: 76px;
        margin: 0 20px 0 0;
        padding: 0
    }
    .header-right-section {
        display: inline;
        display: none;
        float: left;
        clear: right;
        width: 844px;
        margin: 0;
        padding: 0
    }
    #header {
        clear: both;
        width: 100%;
        height: 60px;
        margin: 0;
        padding: 0;
        background: url(../images/expat/inside_pg/responsive/header_inside_navi_bg.jpg) top left repeat-x
    }
    .header-logo-container {
        display: none
    }
    .mobile-logo-container {
        display: inline
    }
}

#banner {
    height: 410px;
    margin-top: 20px;
    transition: background 1s ease-out;
    background: url(../images/expat/banner-wide_v2.png) top left no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

#banner #banner-text {
    margin-top: 30px
}

#banner #banner-text h2,
#banner #banner-text p {
    margin: 0;
    padding-bottom: 30px;
    color: #000
}

#banner #banner-text h2 {
    font-family: TheSansCdRegular
}

#banner #banner-text p {
    font-family: TheSansPlain;
    font-size: 18px;
    line-height: 27px
}

@media (min-width:1600px) {
    #banner {
        height: 460px;
        background: url(../images/expat/banner-wide_v2.png) top right no-repeat;
        background-size: cover
    }
    #banner .container {
        width: 1600px
    }
    #banner #banner-text {
        margin-top: 41px
    }
    #banner #banner-text p {
        font-size: 20px
    }
}

@media (min-width:992px) and (max-width:1199px) and (orientation:landscape) {
    #banner #banner-text {
        margin-top: 30px
    }
}

@media (max-width:991px) {
    #banner {
        margin-top: 50px;
        background-position: bottom center
    }
    #banner #banner-text {
        margin-top: 35px
    }
    #banner #banner-text p {
        font-size: 16px
    }
}

@media (max-width:767px) {
    #banner {
        height: 417px;
        background: url(../images/expat/banner-mobile.jpg) top left no-repeat;
        background-size: cover
    }
    #banner #banner-text {
        margin-top: 20px
    }
    #banner #banner-text h2 {
        padding-bottom: 20px
    }
    #banner #banner-text h2,
    #banner #banner-text p {
        line-height: 24px
    }
}

@media (max-width:767px) and (orientation:landscape) {
    #banner {
        height: 315px;
        background: url(../images/expat/banner-mobile-landscape.jpg) bottom left no-repeat;
        background-size: cover
    }
    #banner #banner-text p {
        line-height: 18px
    }
}

#section-menu {
    height: 90px;
    background-color: #f6f6f6
}

#section-menu ul li.active,
#section-menu ul li:hover {
    border-bottom: 4px solid #ed1c24
}

#section-menu ul li a {
    font-family: TheSansPlain;
    font-size: 18px;
    line-height: 86px;
    margin: 0 auto;
    padding: 40px 30px
}

#section-menu .fix {
    position: fixed;
    z-index: 9997;
    top: 0;
    width: 100%;
    height: 90px;
    background-color: #f6f6f6
}

@media (max-width:991px) {
    #section-menu ul li a {
        font-size: 14px;
        padding: 0 4px
    }
}

@media (max-width:767px) {
    #section-menu {
        height: 55px
    }
    #section-menu ul li a {
        line-height: 51px
    }
    #section-menu .fix {
        height: 55px
    }
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

#expat-banking {
    padding-top: 76px
}

#expat-banking h2 {
    margin: 0 0 68px;
    padding: 0;
    text-align: left;
}

#expat-banking.alt-grid .container-fluid .row [class*=col-] {
    padding: 0 5px
}

#expat-banking .box {
    cursor: pointer
}

#expat-banking .box:hover .inner-text {
    display: inline-block!important;
    padding-top: 20%;
    background-color: rgba(0, 0, 0, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6c000000', endColorstr='#6c000000')
}

#expat-banking .box:hover .inner-text h3 {
    position: static;
    width: 100%
}

@media only screen and (min-width: 600px) and (max-width: 609px) {

    #expat-banking .box.otf:hover .inner-text h3 {
        margin-top: 16.5px;
    }
}

@media only screen and (min-width: 610px) and (max-width: 663px) {

    #expat-banking .box.otf:hover .inner-text h3 {
        margin-top: 0
    }
}

@media only screen and (min-width: 600px) and (max-width: 663px) {

    #expat-banking .box.otf .inner-text h3 {
        margin-top: -16.5px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 991px) {

    #expat-banking .box.starhub .inner-text h3 {
        margin-top: -16.5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    #expat-banking .box.otf .inner-text h3 {
        margin-top: -19.5px;
    }

    #expat-banking .box.otf .inner-text p {
        margin-top: -19.5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    #expat-banking .box.starhub .inner-text h3 {
        margin-top: -39px;
    }
}

@media only screen and (min-width: 1200px) {

    #expat-banking .box.starhub .inner-text h3 {
        margin-top: -19.5px;
    }
}


@media only screen and (min-width: 600px) and (max-width: 1199px) {

    #expat-banking .box.starhub:hover .inner-text h3 {
        margin-top: 16.5px;
    }

    #expat-banking .box.starhub:hover .inner-text p {
        margin-top: -16.5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    #expat-banking .box:hover .inner-text h3 {
        margin-top: -19.5px;
    }

    #expat-banking .box.starhub:hover .inner-text h3 {
        margin-top: 19.5px;
    }

    #expat-banking .box.otf:hover .inner-text h3 {
        margin-top: 0;
    }

    #expat-banking .box.starhub:hover .inner-text p {
        margin-top: -39px;
    }
}

@media only screen and (min-width: 1200px) {

    #expat-banking .box.starhub:hover .inner-text h3 {
        margin-top: 19.5px;
    }

    #expat-banking .box.starhub:hover .inner-text p {
        margin-top: -19.5px;
    }
}


#expat-banking .box:hover .inner-text a,
#expat-banking .box:hover .inner-text p {
    display: inline-block
}

#expat-banking .box img {
    width: 100%
}

#expat-banking .box .inner-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10%;
    text-align: left
}

#expat-banking .box .inner-text h3 {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 80%;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff
}

#expat-banking .box .inner-text h3:after {
    display: block;
    width: 100%;
    height: 4px;
    margin: 15px auto 0;
    content: '';
    background: #e2281f
}

#expat-banking .box .inner-text p {
    font-size: 14px;
    line-height: 20px;
    display: none;
    color: #fff
}

#expat-banking .box .inner-text a {
    display: none;
    color: #fff
}

#expat-banking .owl-carousel .owl-controls .owl-nav div {
    position: absolute;
    background: 0 0
}

#expat-banking .owl-carousel .owl-controls .owl-nav .owl-prev {
    top: 43%;
    left: -55px
}

#expat-banking .owl-carousel .owl-controls .owl-nav .owl-next {
    top: 43%;
    right: -55px
}

#expat-banking .speak-with-us {
    margin-top: 45px;
    text-align: center
}

@media (min-width:1600px) {
    #expat-banking .box .inner-text a,
    #expat-banking .box .inner-text p {
        font-size: 17px;
        line-height: 22px
    }
}

@media (max-width:1199px) {
    #expat-banking {
        padding-top: 36px
    }
    #expat-banking h1 {
        margin: 0 0 28px
    }
    #expat-banking .speak-with-us {
        margin-top: 25px
    }
}

@media (min-width:768px) and (max-width:1199px) and (orientation:landscape) {
    #expat-banking .owl-carousel .owl-controls .owl-nav .owl-prev {
        left: -40px
    }
    #expat-banking .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -40px
    }
}

@media (max-width:991px) {
    #expat-banking [class*=col-] {
        padding: 0
    }
    #expat-banking .owl-carousel .owl-controls .owl-nav .owl-prev {
        left: 0
    }
    #expat-banking .owl-carousel .owl-controls .owl-nav .owl-next {
        right: 0
    }
}

@media (max-width:767px) {
    #expat-banking.alt-grid .container-fluid .row [class*=col-] {
        padding: 0
    }
    #expat-banking .owl-carousel .owl-controls .owl-nav .owl-next,
    #expat-banking .owl-carousel .owl-controls .owl-nav .owl-prev {
        top: 40%
    }
    #expat-banking .box .inner-text {
        padding: 7% 6%
    }
    #expat-banking .box .inner-text p {
        line-height: 16px
    }
    .save-monly {display: block;padding-bottom: 15px;}
    .save-donly {display: none;}
    .save-txt {padding-top: 15px !important;}
    .sub-table-title{padding-bottom: 0px; font-size: 16px !important;}
}

#our-products {
    padding-top: 76px;
    padding-bottom: 42px
}

#our-products h2 {
    margin: 0 0 68px;
    padding: 0;
    text-align: left;
}

#our-products .ocbc-360 {
    padding: 0 60px
}

#our-products .ocbc-360 h4 {
    padding-top: 20px;
    padding-bottom: 37px
}

#our-products .ocbc-360 ul {
    margin: 0;
    padding: 0
}

#our-products .ocbc-360 ul.nav-tabs {
    border-bottom: 0
}

#our-products .ocbc-360 ul li {
    width: 25%;
    padding: 0 15px 0 0
}

#our-products .ocbc-360 ul li.active .button {
    z-index: 1;
    bottom: -7px!important;
    height: 44px!important;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

#our-products .ocbc-360 ul li .box {
    height: 290px;
    padding-top: 15px
}

#our-products .ocbc-360 ul li .box.box-1 {
    background: url(../images/expat/cash.png) top right no-repeat #f3f3f3;
    background-origin: content-box
}

#our-products .ocbc-360 ul li .box.box-2 {
    background: url(../images/expat/bill.png) top right no-repeat #f3f3f3;
    background-origin: content-box
}

#our-products .ocbc-360 ul li .box.box-3 {
    background: url(../images/expat/card.png) top right no-repeat #f3f3f3;
    background-origin: content-box
}

#our-products .ocbc-360 ul li .box.box-4 {
    background: url(../images/expat/balance.png) top right no-repeat #f3f3f3;
    background-origin: content-box
}

#our-products .ocbc-360 ul li .box.box-5 {
    height: 135px;
    background: /*url() top right no-repeat*/ #aaa;
    background-origin: content-box

}

#our-products .ocbc-360 ul li .box .content {
    padding: 23px 20px 0
}

#our-products .ocbc-360 ul li .box .content span {
    font-family: TheSansCdRegular;
    font-size: 48px
}

#our-products .ocbc-360 ul li .box .content label,
#our-products .ocbc-360 ul li .box .content p {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    margin: 0
}
#our-products .ocbc-360 ul li .box .content label{
    vertical-align: top;
    line-height: 19px !important;
    padding-top: 8px;

}
#our-products .ocbc-360 ul li .box .content p {
    font-family: TheSansCdRegular;
    padding-top: 15px
}

#our-products .ocbc-360 ul li .box .content p+p {
    font-size: 14px;
    padding-top: 30px
}

#our-products .ocbc-360 ul li .box .content a.button {
    position: absolute;
    right: 15px;
    bottom: 8px;
    left: 0;
    display: block;
    width: 141px;
    height: 30px;
    margin: 0 auto;
    padding-top: 6px;
    color: #000;
    border-radius: 8px;
    background-color: #fbfbfb
}

#our-products .ocbc-360 ul li .box .content a.button .indicator {
    width: 16px;
    height: 16px;
    margin: 0 18px 0 10px
}

#our-products .ocbc-360 ul li .box .content a.button .arrow-up {
    background: url(../images/expat/arrow-up-tab.png)
}

#our-products .ocbc-360 ul li .box .content a.button .arrow-down {
    background: url(../images/expat/arrow-down-tab.png)
}

#our-products .ocbc-360 .bonus-interest,
#our-products .ocbc-360 .incremental-account {
    font-family: TheSansPlain;
    font-size: 18px;
    display: inline-block;
    height: 50px;
    border-bottom: 5px solid #aaa
}

#our-products .ocbc-360 .bonus-interest {
    width: 98.6%;
    margin: 0 12px 10px 0;
    padding-top: 20px
}

#our-products .ocbc-360 .incremental-account {
    width: 18.6%
}

#our-products .panel-group {
    padding-top: 58px
}

#our-products .panel-group .panel {
    border: 0;
    border-radius: 0
}

#our-products .panel-group .panel .panel-heading {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 80px;
    border-radius: 5px;
    background-color: #f3f3f3;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center
}

#our-products .panel-group .panel .panel-heading .panel-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center
}

#our-products .panel-group .panel .panel-heading .panel-title a {
    font-size: 22px;
    display: inline-block;
    width: 90%;
    padding-left: 30px
}

#our-products .panel-group .panel .panel-heading .panel-title a.collapsed {
    color: #e12720
}

#our-products .panel-group .panel .panel-heading .panel-title a.accordion-toggle.arrow {
    width: 5%
}

#our-products .panel-group .panel .panel-body {
    padding: 36px 0 36px 72px;
    border: 0;
    background: #f3f3f3;
    background: -webkit-linear-gradient(#f3f3f3, #fcfcfc);
    background: -o-linear-gradient(#f3f3f3, #fcfcfc);
    background: -moz-linear-gradient(#f3f3f3, #fcfcfc);
    background: linear-gradient(#f3f3f3, #fcfcfc)
}

#our-products .panel-group .panel .panel-body a.toc,
#our-products .panel-group .panel .panel-body h3 {
    margin: 0
}

#our-products .panel-group .panel .panel-body a.toc {
    display: block;
    margin-top: 28px
}

#our-products .panel-group .panel .panel-body .content {
    padding-top: 25px
}

#our-products .panel-group .panel .panel-body .content h4 {
    font-family: TheSansSemiBoldPlain
}

#our-products .panel-group .panel .panel-body .content p {
    font-size: 14px
}

#our-products .panel-group .panel .panel-body .content .eligibility {
    padding-top: 20px
}

#our-products .panel-group .panel .panel-body .content .eligibility .custom label {
    display: inline-block
}

#our-products .panel-group .panel .panel-body .content .custom {
    color: #03938c
}

#our-products .panel-group .panel .panel-body .content  {
    font-size: 28.5px
}

#our-products .panel-group .panel .panel-body .content  {
    font-size: 14px;
    font-weight: 400;
    display: block
}

.custom label,
.custom span {
    font-size: 17px;
    font-weight: normal;
}

#our-products .arrow-up {
    width: 50px;
    height: 51px;
    background: url(../images/expat/arrow-up.png)
}

#our-products .arrow-down {
    width: 50px;
    height: 51px;
    background: url(../images/expat/arrow-down.png)
}

#our-products .speak-with-us {
    margin-top: 25px;
    text-align: center
}
.spacing{display: block;
        height: 14px;
}

@media (min-width:1600px) {
    #our-products .panel-group .panel .panel-body .content a,
    #our-products .panel-group .panel .panel-body .content p {
        font-size: 17px;
        line-height: 22px
    }
}

@media (max-width:1199px) {
    #our-products .ocbc-360 ul li .box .content span {
        font-size: 42px
    }
    #our-products .ocbc-360 ul li .box .content label,
    #our-products .ocbc-360 ul li .box .content p {
        font-size: 16px
    }
    #our-products .ocbc-360 ul li .box .content a.button {
        width: 120px
    }
}

@media (min-width:768px) and (max-width:1199px) and (orientation:landscape) {
    #our-products .ocbc-360 ul li .box {
        height: 250px
    }
    #our-products .ocbc-360 ul li .box .content {
        padding: 23px 20px 0
    }
    #our-products .ocbc-360 .bonus-interest {
        width: 98.2%;
        margin: 0 12px 10px 0
    }
    #our-products .ocbc-360 .incremental-account {
        width: 18.2%
    }
}

@media (max-width:991px) {
    #our-products .ocbc-360 {
        padding: 0 15px
    }
    #our-products .ocbc-360 ul li {
        width: 100%;
        margin-bottom: 10px;
        padding: 0
    }
    #our-products .ocbc-360 ul li.active .button {
        bottom: 30px!important;
        height: 30px!important;
        border-radius: 8px!important
    }
    #our-products .ocbc-360 ul li .box {
        height: auto
    }
    #our-products .ocbc-360 ul li .box .content {
        padding-top: 20px;
        padding-bottom: 40px
    }
    #our-products .ocbc-360 ul li .box .content span {
        font-size: 44px
    }
    #our-products .ocbc-360 ul li .box .content a.button {
        right: inherit;
        bottom: 30px;
        left: 20px;
        text-align: center;
        border-radius: 8px
    }
    #our-products .arrow-down,
    #our-products .arrow-up {
        width: 35px;
        height: 36px;
        background-size: 35px 36px
    }
    #our-products .panel-group .panel .panel-heading {
        height: 60px
    }
    #our-products .panel-group .panel .panel-heading .panel-title a {
        font-size: 16px;
        display: inline-block;
        width: 90%;
        padding-left: 0
    }
    #our-products .panel-group .panel .panel-heading .panel-title a.accordion-toggle.arrow {
        width: 10%
    }
    #our-products .panel-group .panel .panel-body {
        padding: 36px 15px
    }
    #our-products .panel-group .panel .panel-body .content .eligibility .clearfix {
        padding-bottom: 20px
    }
    #our-products .panel-group .panel .panel-body .content .custom span {
        font-size: 24px
    }
}

@media (max-width:767px) {
    #our-products {
        padding-top: 36px
    }
    #our-products h2 {
        margin: 0 0 28px
    }
    #our-products .ocbc-360 h4 {
        font-size: 16px
    }
    #our-products .arrow-down,
    #our-products .arrow-up {
        width: 25px;
        height: 26px;
        background-size: 25px 26px
    }
    #our-products .speak-with-us {
        margin-top: 15px
    }
}

#more-products {
    padding-top: 56px;
    padding-bottom: 42px;
    background-color: #fbfbfb
}

#more-products h2 {
    font-family: TheSansCdLight, Arial;
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 38px;
    text-align: left
}

#more-products .box {
    height: 440px;
    background-color: #f3f3f3
}

#more-products .box h3 {
    font-family: TheSansB, TheSansCdSemiBold;
    font-size: 22px;
    margin: 0;
    padding: 22px 0 22px 35px
}

#more-products .box img {
    width: 100%;
    border-top: 4px solid red
}

#more-products .box .description {
    font-family: TheSansPlain;
    font-size: 14px;
    padding: 24px 35px
}

#more-products .box .description a {
    display: block;
    padding-top: 10px;
    text-decoration: underline
}

@media (min-width:1600px) {
    #more-products .box {
        height: 470px
    }
    #more-products .box .description {
        font-size: 17px;
        line-height: 22px
    }
}

@media (min-width:768px) and (max-width:1199px) and (orientation:landscape) {
    #more-products .box h3 {
        font-size: 20px
    }
}

@media (max-width:991px) {
    #more-products .box {
        height: 350px;
        margin-top: 20px
    }
    #more-products .box h3 {
        font-size: 16px
    }
    #more-products .box .description {
        padding: 25px
    }
    #more-products .owl-carousel .owl-controls .owl-nav div {
        position: absolute;
        background: 0 0
    }
    #more-products .owl-carousel .owl-controls .owl-nav .owl-prev {
        top: 46%;
        left: 5px
    }
    #more-products .owl-carousel .owl-controls .owl-nav .owl-next {
        top: 46%;
        right: 5px
    }
}

@media (max-width:767px) {
    #more-products h3 {
        margin-top: 36px;
        margin-bottom: 18px
    }
    #more-products .box-more-products [class*=col-] {
        padding: 0
    }
    #more-products .box {
        height: auto;
        margin-top: 20px
    }
    #more-products .box h3 {
        font-size: 18px;
        padding: 15px 25px
    }
    #more-products .owl-carousel .owl-controls .owl-nav .owl-prev {
        top: 43%;
        left: 5px
    }
    #more-products .owl-carousel .owl-controls .owl-nav .owl-next {
        top: 43%;
        right: 5px
    }
}

#contact-us {
    padding: 70px 0 15px
}

#contact-us h2 {
    margin: 0 0 68px;
    padding: 0;
    text-align: left;
}

#contact-us img {
    margin: 0 auto
}

#contact-us h4 {
    font-family: TheSansB, TheSansCdSemiBold;
    margin: 0 0 10px
}

#contact-us p {
    line-height: 20px;
    margin: 0;
    color: #8e8e8e
}

#contact-us a {
    line-height: 20px;
    display: inline-block;
    padding: 10px 0;
    color: #8e8e8e
}

#contact-us a[href^=tel] {
    font-family: TheSansB, TheSansCdSemiBold;
    color: #e22820
}

#contact-us a.document {
    padding: 0 0 5px;
    color: #e22820
}

#contact-us .locate-branch {
    margin-top: 36px
}

#contact-us .toc {
    font-size: 12px;
    line-height: 20px;
    margin-top: 47px;
    text-decoration: none;
    color: #000
}

#contact-us .accordion-caret .accordion-toggle:after {
    margin-left: 10px
}

#contact-us .accordion-caret .accordion-toggle:not(.collapsed):after {
    font-family: 'Glyphicons Halflings';
    content: '\e260'
}

#contact-us .accordion-caret .accordion-toggle.collapsed:after {
    font-family: 'Glyphicons Halflings';
    content: '\e259'
}

#contact-us #toc ul li {
    font-size: 12px;
    margin-bottom: 5px;
    padding: 0
}

#contact-us #toc ul li a {
    padding: 0;
    color: #000
}

@media (max-width:991px) {
    #contact-us {
        padding-top: 36px
    }
    #contact-us h2 {
        margin-bottom: 28px
    }
    #contact-us h4,
    #contact-us img {
        padding-top: 20px
    }
    #contact-us .locate-branch {
        margin-top: 20px
    }
}

#footer {
    bottom: 0;
    background: url(../images/expat/footer_bg.jpg) top left repeat-x
}

#footer .copyright,
#footer ul {
    padding-top: 18px;
    padding-bottom: 0
}

#footer .copyright {
    font-family: Arial;
    font-size: 10px;
    color: #4a4a4a
}

#footer .misc-links a {
    font-size: 12px
}

@media (max-width:991px) {
    #footer {
        height: 100px;
        background: url(../images/expat/footer-bg-mobile.jpg) left top repeat-x rgba(0, 0, 0, 0)
    }
    #footer .copyright,
    #footer ul {
        padding-top: 10px
    }
}

@media (max-width:767px) {
    #footer {
        height: 121px
    }
}

.pushy {
    font-size: 1.1em;
    font-weight: 300;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    overflow: auto;
    width: 190px;
    height: 100%;
    background: #666;
    -webkit-box-shadow: inset 10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset 10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset 10px 0 6px -9px rgba(0, 0, 0, .7);
    -webkit-overflow-scrolling: touch
}

.pushy a {
    display: block;
    padding: 15px 30px;
    text-decoration: none;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.pushy a.selected {
    font-weight: 700;
    display: block;
    color: #fff;
    border-right: 5px solid #ef1815;
    background-color: #373737
}

.pushy a:hover {
    color: #fff;
    background: #373737
}

.pushy-left {
    -webkit-transform: translate3d(-190px, 0, 0);
    -moz-transform: translate3d(-190px, 0, 0);
    -ms-transform: translate3d(-190px, 0, 0);
    -o-transform: translate3d(-190px, 0, 0);
    transform: translate3d(-190px, 0, 0)
}

.pushy-right {
    -webkit-transform: translate3d(190px, 0, 0);
    -moz-transform: translate3d(190px, 0, 0);
    -ms-transform: translate3d(190px, 0, 0);
    -o-transform: translate3d(190px, 0, 0);
    transform: translate3d(190px, 0, 0)
}

.pushy-open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.container-push,
.push-push {
    -webkit-transform: translate3d(-190px, 0, 0);
    -moz-transform: translate3d(-190px, 0, 0);
    -ms-transform: translate3d(-190px, 0, 0);
    -o-transform: translate3d(-190px, 0, 0);
    transform: translate3d(-190px, 0, 0)
}

#wrapper,
.push,
.pushy {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    -webkit-backface-visibility: hidden
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}


/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
    border: 8px solid #cbe8e8;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-overflow-scrolling: touch
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #fff;
    text-shadow: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.fancybox-opened {
    z-index: 99999
}

.fancybox-opened .fancybox-skin {
    padding: 25px
}

.fancybox-inner,
.fancybox-outer {
    position: relative
}

.fancybox-inner {
    overflow: hidden;
    color: #222
}

.fancybox-inner h2 {
    color: #222;
    font-size: 40px;
    line-height: 32px;
    font-family: TheSansCdRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    margin-bottom: 20px
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(../images/expat/fancybox/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 10000
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../images/expat/fancybox/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 8040;
    background: url(../images/expat/fancybox/close.png) no-repeat;
    border: none!important
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}

.fancybox-lock {
    overflow: hidden
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 9999;
    background: url(../images/expat/fancybox/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

/** font face **/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i");

/*for local*/
@font-face { font-family: TheSansPlain; src: url("../../../../assets/type/thesans-webfont.eot"); src: url("../../../../assets/type/thesans-webfont.eot?#iefix") format("embedded-opentype"), url("../../../../assets/type/thesans-webfont.woff") format("woff"), url("../../../../assets/type/thesans-webfont.svg#TheSansPlain") format("svg"); font-weight: normal; font-style: normal; }
@font-face {
font-family: TheSansSemiBoldPlain; src: url("../../../../assets/type/thesanssemibold-webfont.eot"); src: url("../../../../assets/type/thesanssemibold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../../assets/type/thesanssemibold-webfont.woff") format("woff"), url("../../../../assets/type/thesanssemibold-webfont.svg#TheSansSemiBoldPlain") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: TheSans; src: url("../../../../assets/type/thesans-webfont.eot?") format("eot"), url("../../../../assets/type/thesans-webfont.woff") format("woff"), url("../../../../assets/type/thesans-webfont.svg#TheSans-Regular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: TheSans; src: url("../../../../assets/type/thesans_light_plain-webfont.eot?") format("eot"), url("../../../../assets/type/thesans_light_plain-webfont.woff") format("woff"), url("../../../../assets/type/thesans_light_plain-webfont.svg#TheSans-Light") format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: TheSans; src: url("../../../../assets/type/thesansb-w7bold_2-webfont.eot?") format("eot"), url("../../../../assets/type/thesansb-w7bold_2-webfont.woff") format("woff"), url("../../../../assets/type/thesansb-w7bold_2-webfont.svg#TheSans-Bold") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: TheSans; src: url("../../../../assets/type/thesansc4s-extrabold.eot?") format("eot"), url("../../../../assets/type/thesansc4s-extrabold.woff") format("woff"), url("../../../../assets/type/thesansc4s-extrabold.svg#TheSans-ExtraBold") format("svg"); font-weight: 900; font-style: normal; }
@font-face { font-family: TheSansPlain; src: url("https://ext1.wearesection.com/assets/type/thesans-webfont.eot"); src: url("https://ext1.wearesection.com/assets/type/thesans-webfont.eot?#iefix") format("embedded-opentype"), url("https://ext1.wearesection.com/assets/type/thesans-webfont.woff") format("woff"), url("https://ext1.wearesection.com/assets/type/thesans-webfont.svg#TheSansPlain") format("svg"); font-weight: normal; font-style: normal; }

/*for staging*/
@font-face {
font-family: TheSansSemiBoldPlain; src: url("https://ext1.wearesection.com/assets/type/thesanssemibold-webfont.eot"); src: url("https://ext1.wearesection.com/assets/type/thesanssemibold-webfont.eot?#iefix") format("embedded-opentype"), url("https://ext1.wearesection.com/assets/type/thesanssemibold-webfont.woff") format("woff"), url("https://ext1.wearesection.com/assets/type/thesanssemibold-webfont.svg#TheSansSemiBoldPlain") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: TheSans; src: url("https://ext1.wearesection.com/assets/type/thesans-webfont.eot?") format("eot"), url("https://ext1.wearesection.com/assets/type/thesans-webfont.woff") format("woff"), url("https://ext1.wearesection.com/assets/type/thesans-webfont.svg#TheSans-Regular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: TheSans; src: url("https://ext1.wearesection.com/assets/type/thesans_light_plain-webfont.eot?") format("eot"), url("https://ext1.wearesection.com/assets/type/thesans_light_plain-webfont.woff") format("woff"), url("https://ext1.wearesection.com/assets/type/thesans_light_plain-webfont.svg#TheSans-Light") format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: TheSans; src: url("https://ext1.wearesection.com/assets/type/thesansb-w7bold_2-webfont.eot?") format("eot"), url("https://ext1.wearesection.com/assets/type/thesansb-w7bold_2-webfont.woff") format("woff"), url("https://ext1.wearesection.com/assets/type/thesansb-w7bold_2-webfont.svg#TheSans-Bold") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: TheSans; src: url("https://ext1.wearesection.com/assets/type/thesansc4s-extrabold.eot?") format("eot"), url("https://ext1.wearesection.com/assets/type/thesansc4s-extrabold.woff") format("woff"), url("https://ext1.wearesection.com/assets/type/thesansc4s-extrabold.svg#TheSans-ExtraBold") format("svg"); font-weight: 900; font-style: normal; }

/*for live*/
@font-face { font-family: TheSansPlain; src: url("https://www.ocbc.com/assets/type/thesans-webfont.eot"); src: url("https://www.ocbc.com/assets/type/thesans-webfont.eot?#iefix") format("embedded-opentype"), url("https://www.ocbc.com/assets/type/thesans-webfont.woff") format("woff"), url("https://www.ocbc.com/assets/type/thesans-webfont.svg#TheSansPlain") format("svg"); font-weight: normal; font-style: normal; }
@font-face {
font-family: TheSansSemiBoldPlain; src: url("https://www.ocbc.com/assets/type/thesanssemibold-webfont.eot"); src: url("https://www.ocbc.com/assets/type/thesanssemibold-webfont.eot?#iefix") format("embedded-opentype"), url("https://www.ocbc.com/assets/type/thesanssemibold-webfont.woff") format("woff"), url("https://www.ocbc.com/assets/type/thesanssemibold-webfont.svg#TheSansSemiBoldPlain") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: TheSans; src: url("https://www.ocbc.com/assets/type/thesans-webfont.eot?") format("eot"), url("https://www.ocbc.com/assets/type/thesans-webfont.woff") format("woff"), url("https://www.ocbc.com/assets/type/thesans-webfont.svg#TheSans-Regular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: TheSans; src: url("https://www.ocbc.com/assets/type/thesans_light_plain-webfont.eot?") format("eot"), url("https://www.ocbc.com/assets/type/thesans_light_plain-webfont.woff") format("woff"), url("https://www.ocbc.com/assets/type/thesans_light_plain-webfont.svg#TheSans-Light") format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: TheSans; src: url("https://www.ocbc.com/assets/type/thesansb-w7bold_2-webfont.eot?") format("eot"), url("https://www.ocbc.com/assets/type/thesansb-w7bold_2-webfont.woff") format("woff"), url("https://www.ocbc.com/assets/type/thesansb-w7bold_2-webfont.svg#TheSans-Bold") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: TheSans; src: url("https://www.ocbc.com/assets/type/thesansc4s-extrabold.eot?") format("eot"), url("https://www.ocbc.com/assets/type/thesansc4s-extrabold.woff") format("woff"), url("https://www.ocbc.com/assets/type/thesansc4s-extrabold.svg#TheSans-ExtraBold") format("svg"); font-weight: 900; font-style: normal; }


.font-a { font-family: 'Open Sans', Helvetica, Arial, sans-serif; }

.font-b { font-family: 'TheSansPlain', Helvetica, Arial, sans-serif; }

.font-c { font-family: 'Arial', Helvetica, Arial, sans-serif; }

.font-d { font-family: 'TheSansSemiBoldPlain', Helvetica, Arial, sans-serif; }

.font-e { font-family: 'TheSans', Helvetica, Arial, sans-serif; }

.fw-400 { font-weight: normal; }

.fw-700 { font-weight: bold; }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: -ms-flexbox !important; display: flex !important; }

.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 1200px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media print { .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

.bp-img img, .cf-banner-img img, .fw-icon img, .link-info img, .fb-table tbody tr a img, .fc-po-co img, .cc-ti-num img, .cf-note-list img { display: inline; max-width: 100%; height: auto; }
.bp-img.wide img, .wide.cf-banner-img img, .wide.fw-icon img, .wide.link-info img, .fb-table tbody tr a.wide img, .wide.fc-po-co img, .wide.cc-ti-num img, .wide.cf-note-list img { display: block; width: 100%; }
.ease, [box-group] [box-set] > .fw-box, [box-group] [box-set] [box-btn], .fc-po-co.close, .cf-input-group, .cf-dd-set, .cf-dd-title, .cf-dd-main, .cf-dd-title:after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.bp-curve, .fw-box, .fb-table.table-border.radius5, .cf-box, .cp-box, .cf-dd-set, .cf-dd-title, .cf-dd-main, .fw-bo-box { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.bp-curve2, .fc-po-co.main { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
.bp-circle, .fw-icon, .cc-ti-num { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.box-shadow, .fc-po-co.main { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); }
.box-shadow2, .cf-box { box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1); }

.fl { float: left; }

.fr { float: right; }

.clr, .clear { display: block; float: none; clear: both; }

.flex { display: flex; }

.flex-center { align-items: center; }

.flex-bottom { align-items: flex-end; }

.flex-row-reverse { flex-direction: row-reverse; }

.flex-xs { display: flex; }

@media (max-width: 767px) { .text-center-xs { text-align: center; }
  .text-left-xs { text-align: left; }
  .text-right-xs { text-align: right; } }
@media (max-width: 991px) and (min-width: 768px) { .flex-sm { display: flex; }
  .flex-sm-row-none { flex-direction: inherit; }
  .flex-sm-row-reverse { flex-direction: row-reverse; }
  .text-center-sm { text-align: center; }
  .text-left-sm { text-align: left; }
  .text-right-sm { text-align: right; } }
@media (min-width: 992px) { .flex-md { display: flex; }
  .flex-md-row-none { flex-direction: inherit; }
  .flex-md-row-reverse { flex-direction: row-reverse; }
  .text-center-md { text-align: center; }
  .text-left-md { text-align: left; }
  .text-right-md { text-align: right; } }
@media (min-width: 1200px) { .flex-lg { display: flex; }
  .flex-lg-row-none { flex-direction: inherit; }
  .flex-lg-row-reverse { flex-direction: row-reverse; }
  .text-center-lg { text-align: center; }
  .text-left-lg { text-align: left; }
  .text-right-lg { text-align: right; } }
.bp-set { display: inline-block; *display: inline; }
.bp-set.vm { vertical-align: middle; }
.bp-set.vt { vertical-align: top; }
.bp-set.vb { vertical-align: bottom; }

.bp-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.bp-rel { position: relative; }

.bp-ab { position: absolute; }

.co-black { color: #000000; }

.co-white { color: #ffffff; }

.co-red { color: #d62824; }

.co-purple { color: #896291 !important; }

.co-purple2 { color: #611a6d !important; }

.co-gray { color: #dfc694 !important; }

.co-yarrow { color: #dfc694 !important; }

.co-yarrow2 { color: #ba9f68 !important; }

.co-cyan { color: #33b1af !important; }

.bg-white { background-color: #ffffff !important; }

.bg-purple { background-color: #896291 !important; }

.bg-gray2 { background-color: #f6f6f6 !important; }

.bg-gray3 { background-color: #cccccc !important; }

.bg-gray4 { background-color: #f9f9f9 !important; }

.bg-gray5 { background-color: #e3e3e3 !important; }

.bg-gray6 { background-color: #b2b2b2 !important; }

.bg-gray7 { background-color: #E9E9E9 !important; }

.bg-gray8 { background-color: #aaaaaa !important; }

.bg-yarrow { background-color: #dfc694 !important; }

.bg-ash2 { background-color: #999999 !important; }

.bg-pink { background-color: #ff8ec2 !important; }

.bg-cyan { background-color: #33b1af !important; }

.pad-edge { padding-left: 15px; padding-right: 15px; }

.no-margin { margin: 0; }
.pt-76 { padding-top: 76px; }
.pb-76 { padding-bottom: 76px; }
.mb-68 { margin-bottom: 68px; }
.no-margin { margin: 0; }

.no-padding { padding: 0; }

.pt1 { padding-top: 10px; }

.pt2 { padding-top: 20px; }

.pt3 { padding-top: 30px; }

.pt4 { padding-top: 40px; }

.pt5, .cf-ap-list > li { padding-top: 50px; }

.pb1 { padding-bottom: 10px; }

.pb2 { padding-bottom: 20px; }

.pb3 { padding-bottom: 30px; }

.pb4 { padding-bottom: 40px; }

.pb5, .cf-ap-list > li { padding-bottom: 50px; }

.mt0 { margin-top: 0; }

.mt1 { margin-top: 10px; }

.mt1a { margin-top: 15px; }

.mt2 { margin-top: 20px; }

.mt3 { margin-top: 30px; }

.mt4 { margin-top: 40px; }

.mt5 { margin-top: 50px; }

.mb0 { margin-bottom: 0; }

.mb1 { margin-bottom: 10px; }

.mb2, .ca-li-list > li { margin-bottom: 20px; }

.mb3 { margin-bottom: 30px; }

.mb4 { margin-bottom: 40px; }

.mb5 { margin-bottom: 50px; }

@media (max-width: 640px) { .pt2 { padding-top: 10px; }
  .pt3 { padding-top: 20px; }
  .pt4 { padding-top: 30px; }
  .pt5, .cf-ap-list > li { padding-top: 40px; }
  .pb2 { padding-bottom: 10px; }
  .pb3 { padding-bottom: 20px; }
  .pb4 { padding-bottom: 30px; }
  .pb5, .cf-ap-list > li { padding-bottom: 40px; }
  .mt2 { margin-top: 10px; }
  .mt3 { margin-top: 20px; }
  .mt4 { margin-top: 30px; }
  .mt5 { margin-top: 40px; }
  .mb2, .ca-li-list > li { margin-bottom: 10px; }
  .mb3 { margin-bottom: 20px; }
  .mb4 { margin-bottom: 30px; }
  .mb5 { margin-bottom: 40px; }
  .mob-mt1 { margin-top: 10px; }
  .mob-mt2 { margin-top: 20px; }
  .mob-mb1 { margin-bottom: 10px; }
  .mob-mb2 { margin-bottom: 20px; } }
.bold { font-weight: bold; }

.nowrap { white-space: nowrap; }

.bp-center { text-align: center; }

.bp-left { text-align: left; }

.bp-right { text-align: right; }

.bp-justify { text-align: justify; }

.bp-tt { text-transform: uppercase; }

.fz-10 { font-size: 10px; }

.fz-12 { font-size: 12px; }

.fz-14 { font-size: 14px; }

.fz-16 { font-size: 16px; }

.fz-18 { font-size: 18px; }

.fz-20 { font-size: 20px; }

.fz-24 { font-size: 24px; }

.fz-26 { font-size: 26px; }

.fz-36 { font-size: 36px; }

.fz-40 { font-size: 40px; }

.fz-42 { font-size: 42px; }

.fz-56 { font-size: 56px; }

@media (min-width: 1200px) { .fz-56 { font-size: 52px; } }
@media (max-width: 1024px) { .fz-16 { font-size: 14px; }
  .fz-18 { font-size: 16px; }
  .fz-40 { font-size: 38px; }
  .fz-42 { font-size: 40px; }
  .fz-56 { font-size: 50px; } }
@media (max-width: 810px) { .fz-20 { font-size: 18px; }
  .fz-24 { font-size: 22px; }
  .fz-26 { font-size: 24px; }
  .fz-36 { font-size: 34px; }
  .fz-40 { font-size: 36px; }
  .fz-42 { font-size: 38px; }
  .fz-56 { font-size: 40px; } }
@media (max-width: 480px) { .fz-18 { font-size: 14px; }
  .fz-36 { font-size: 32px; }
  .fz-40 { font-size: 34px; }
  .fz-42 { font-size: 36px; }
  .fz-56 { font-size: 38px; } }
@media (max-width: 400px) { .fz-20 { font-size: 16px; }
  .fz-24 { font-size: 20px; }
  .fz-26 { font-size: 22px; }
  .fz-36 { font-size: 30px; }
  .fz-40 { font-size: 32px; }
  .fz-42 { font-size: 34px; }
  .fz-56 { font-size: 36px; } }
.bp-title, .bp-title1, .bp-title2 { font-family: "TheSans", Helvetica, Arial, sans-serif; }
.bp-title small, .bp-title1 small, .bp-title2 small { font-weight: inherit; }

.bp-title1 { letter-spacing: 5px; }

.bp-title2 { line-height: 1.4; }

.link-underline2, .in-co-par p a, .in-co-par ul li a { color: #3189DD; border-bottom: none; text-decoration: underline; }
.link-underline2:hover, .in-co-par p a:hover, .in-co-par ul li a:hover, .link-underline2:focus, .in-co-par p a:focus, .in-co-par ul li a:focus { text-decoration: underline; }

.link-noline { border-bottom: none !important; text-decoration: none !important; }

.link-inherit { color: inherit; }
.link-inherit > * { display: inline-block; vertical-align: middle; padding: 0 3px; }
.link-inherit > *:first-child { padding-left: 0; }
.link-inherit > *:last-child { padding-right: 0; }
.link-inherit:hover, .link-inherit:focus { color: inherit; text-decoration: underline; }

.link-whitebox { display: inline-block; border: 2px solid #ffffff; border-radius: 3px; color: #ffffff; padding: 10px 25px 10px 25px; text-decoration: none; }
.link-whitebox:hover { color: inherit; }

.in-co-par h1, .in-co-par h2, .in-co-par h3, .in-co-par h4, .in-co-par h5 { font-family: "TheSans", Helvetica, Arial, sans-serif; }
.in-co-par ul { margin-left: 25px; padding-left: 0; }
.in-co-par ul li { margin-bottom: 5px; list-style-type: disc; }
.in-co-par ul.list-num li { list-style-type: decimal; }
.in-co-par > *:last-child { margin-bottom: 0; }
.in-co-par p { margin-bottom: 1rem; }
.in-co-par p, .in-co-par li { font-size: inherit; font-family: inherit; line-height: 1.4; }
.in-co-par h3, .in-co-par h4 { margin: 0; margin-bottom: 0.5rem; line-height: 1.2; }
.in-co-par h3 { font-size: 1.17em; }
.in-co-par h4 { font-size: 1em; }
@media (min-width: 992px) { .in-co-par.par-pull { margin-left: -10px; margin-right: -10px; } }


.fw-box .in-co-par h3 { margin-bottom: 8px; }

.fw-box { padding: 20px; background-color: #f8f8f8; }
.fw-box.box-med { padding: 30px; }
.fw-box.box-border { border: 1px solid #cccccc; }
.fw-box.box-simple { background-color: transparent !important; }
.fw-box.bg-steady { background-color: #f8f8f8 !important; }
.fw-box.box-pull { margin: -10px; }
.fw-box.box-light-yarrow { background-color: #fcf8ef; }
.fw-box.box-gray { background-color: rgba(233, 233, 233, 0.7); }
.fw-box.active, [box-group] [box-set].box-active > .fw-box:first-child, [box-details][box-details="preview"] > .fw-box, .fw-box:hover { background-color: #dadada; }
.fw-box.active.box-light-yarrow, [box-group] [box-set].box-active > .box-light-yarrow.fw-box:first-child, [box-details][box-details="preview"] > .box-light-yarrow.fw-box, .fw-box:hover.box-light-yarrow { background-color: rgba(223, 198, 148, 0.5); }
.fw-box.active.bg-gray7, [box-group] [box-set].box-active > .bg-gray7.fw-box:first-child, [box-details][box-details="preview"] > .bg-gray7.fw-box, .fw-box:hover.bg-gray7 { background-color: rgba(178, 178, 178, 0.8) !important; }
.fw-box.active.box-gray, [box-group] [box-set].box-active > .box-gray.fw-box:first-child, [box-details][box-details="preview"] > .box-gray.fw-box, .fw-box:hover.box-gray { background-color: #dadada; }
.fw-box hr { border-top-width: 2px; }
.fw-box > .row:last-child { margin-bottom: 0; }
.fw-box .in-co-par ul { margin-left: 35px; }
.fw-box .fw-bo-box { margin-left: -10px; margin-right: -10px; }
@media (max-width: 767px) { .fw-box .fw-bo-main > *:first-child { padding-left: 0; }
  .fw-box .fw-bo-main > *:last-child { padding-right: 0; }
  .fw-box .fw-bo-main > * .in-co-par { text-align: center; }
  .fw-box .fw-bo-main > .fw-bo-table > * { display: block; }
  .fw-box .fw-bo-main .fw-bo-num { display: table; width: 100%; }
  .fw-box .fw-bo-main .fw-bo-num > div { display: table-cell; vertical-align: top; width: 50%; padding-left: 15px; padding-right: 15px; text-align: center; border-right: 1px solid #cccccc; }
  .fw-box .fw-bo-main .fw-bo-num > div:first-child { padding-left: 0; }
  .fw-box .fw-bo-main .fw-bo-num > div:last-child { padding-right: 0; border-right: none; }
  .fw-box .fw-bo-main .fw-bo-num .fw-num { text-align: center !important; }
  .fw-box .fw-bo-main .fw-bo-num .fw-bo-table > * { display: block; }
  .fw-box .fw-bo-main .fw-bo-num hr { display: none; }
  .fw-box .fw-bo-main .fw-bo-col .col-12 .fw-num:last-child { margin-top: 10px; }
  .fw-box .fw-bo-main .fw-bo-col .col-12 .fw-num br { display: none; }
  .fw-box .fw-bo-main .fw-icon { display: none; }
  .fw-box .fw-bo-col.col-btn { position: absolute; bottom: 15px; left: 0; width: 100%; } }
@media (max-width: 640px) { .fw-box { padding: 15px; }
  .fw-box.box-med { padding: 15px; }
  .fw-box.box-pull { margin: -7px; } }

.fw-icon { position: relative; background-color: #ffffff; overflow: hidden; }

.opacity-80 { opacity: 0.8; }

.opacity-60 { opacity: 0.6; }

.fw-arrow:hover { opacity: 1; }

.fw-bo-list { display: table; width: 100%; }
.fw-bo-list > * { display: table-cell; vertical-align: middle; padding-left: 15px; padding-right: 15px; }
.fw-bo-list > *:first-child { padding-left: 0; }
.fw-bo-list > *:last-child { padding-right: 0; }

.fw-bo-table { display: table; width: 100%; }
.fw-bo-table > * { display: table-cell; vertical-align: middle; }
.fw-bo-table .fw-bo-box { margin-left: 0; margin-right: 0; }

.fw-num { line-height: 1.0; }
@media (max-width: 767px) { .fw-num span { margin-bottom: 0 !important; } }
@media (max-width: 480px) { .fw-num.fz-26 { font-size: 16px; }
  .fw-num.fz-56 { font-size: 28px; } }
@media (max-width: 400px) { .fw-num.fz-26 { font-size: 14px; }
  .fw-num.fz-56 { font-size: 26px; } }

.link-info, .fb-table tbody tr a { color: inherit; }
.link-info:hover, .fb-table tbody tr a:hover { opacity: 0.7; }

.fb-table { width: 100%; }
.fb-table tbody tr th { position: relative; padding: 7px 15px 15px 0; }
.fb-table tbody tr th:last-child { padding-right: 0; }
.fb-table tbody tr td { padding: 5px 15px 5px 0; }
.fb-table tbody tr td:last-child { padding-right: 0; }
.fb-table tbody tr td hr { margin: 1px 0; border-top: 1px solid #cccccc; }
.fb-table tbody tr .col3 { width: 33.33%; }
.fb-table tbody tr .col2 { width: 50%; }
.fb-table.table-large tbody tr th { padding: 7px 40px 15px 0; }
.fb-table.table-large tbody tr th:after { width: calc(100% - 40px); }
.fb-table.table-large tbody tr td { padding: 5px 40px 5px 0; }
@media (max-width: 767px) { .fb-table.table-large tbody tr th { padding-right: 20px; }
  .fb-table.table-large tbody tr th:after { width: calc(100% - 20px;); }
  .fb-table.table-large tbody tr th:last-child { padding-right: 0; }
  .fb-table.table-large tbody tr th:last-child:after { width: 100%; }
  .fb-table.table-large tbody tr td { padding-right: 20px; }
  .fb-table.table-large tbody tr td:last-child { padding-right: 0; } }
.fb-table.table-border.radius5 { border-collapse: separate; border: solid #cccccc 1px; }
.fb-table.table-border.radius5 tbody tr th { border-top: none; border-bottom: none; border-left: none; }
.fb-table.table-border.radius5 tbody tr th:last-child { border-right: none; }
.fb-table.table-border.radius5 tbody tr td { border-bottom: none; border-left: none; }
.fb-table.table-border.radius5 tbody tr td.last-child { border-right: none; }
.fb-table.table-border.radius5 tbody tr:last-child td { border-bottom: none; }
.fb-table.table-border tbody tr th:after { display: none; }
.fb-table.table-border tbody tr th, .fb-table.table-border tbody tr td { padding: 7px 10px; border: 1px solid #cccccc; }

[box-group] [box-set] > .fw-box { cursor: pointer; }
[box-group] [box-set] [box-btn] { display: inline-block; }
[box-group] [box-set].box-active > .fw-box:first-child { padding-bottom: 30px; border-radius: 5px 5px 0 0; }
[box-group] [box-set].box-active [box-btn] { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
@media (max-width: 767px) { [box-group] [box-set] { margin-bottom: 20px; }
  [box-group] [box-set]:last-child { margin-bottom: 0; }
  [box-group] [box-set] > .fw-box { padding-bottom: 40px; }
  [box-group] [box-set].box-active > .fw-box:first-child { padding-bottom: 15px; } }
@media (min-width: 951px) { [box-group] > [box-details] { width: 100%; margin-top: -1px; } }

[box-details][box-details="preview"] > .fw-box { border-radius: 0 0 5px 5px; }
@media (max-width: 767px) { [box-details][box-details="preview"] > .fw-box { padding-bottom: 45px; } }
@media (max-width: 480px) { [box-details][box-details="preview"] .fw-box { padding-left: 10px; padding-right: 10px; } }

@media (max-width: 768px) { .mob-mb-list > * { margin-bottom: 20px; }
  .mob-mb-list > *:last-child { margin-bottom: 0; } }

.row.row-small { margin-left: -10px; margin-right: -10px; }
.row.row-small > [class*="col"] { padding-left: 10px; padding-right: 10px; }
@media (min-width: 1200px) { .row.row-large { margin-left: -30px; margin-right: -30px; }
  .row.row-large > [class*="col"] { padding-left: 30px; padding-right: 30px; } }

@media (min-width: 992px) { .row-hiw > .col-md-3 { max-width: 20%; flex: 0 0 20%; -ms-flex: 0 0 20%; }
  .row-hiw > .col-md-9 { max-width: 80%; flex: 0 0 80%; -ms-flex: 0 0 80%; } }

[dropdown-group] [dd-content] { display: none; }
@media (max-width: 991px) and (min-width: 768px) { [dropdown-group] [dd-content] .row .col-sm-4 { max-width: 35%; flex: 0 0 35%; -ms-flex: 0 0 35%; }
  [dropdown-group] [dd-content] .row .col-sm-8 { max-width: 65%; flex: 0 0 65%; -ms-flex: 0 0 65%; } }

.cf-dd-list > li { margin-bottom: 10px; }
.cf-dd-list > li .cf-dd-main { padding-top: 0; }
.cf-dd-list > li:last-child { margin-bottom: 0; }
@media (max-width: 480px) { .cf-dd-list > li .cf-dd-main { padding-left: 10px; padding-right: 10px; }
  .cf-dd-list > li .cf-dd-main .fw-box { padding-left: 10px; padding-right: 10px; } }

@media (min-width: 992px) { .fw-bo-row [class*="col-md"].fb-col.col-short { -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; }
  .fw-bo-row [class*="col-md"].fb-col.col-med { -ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%; } }

.fw-bo-box { padding: 10px 5px; background-color: #dadada; color: #ffffff; }
.fw-bo-box.box-med { padding: 20px; }
.fw-bo-box > *, .fw-bo-box p { margin-bottom: 5px; }
.fw-bo-box > *:last-child { margin-bottom: 0; }
@media (max-width: 640px) { .fw-bo-box br { display: none; }
  .fw-bo-box br.force { display: block; } }

.cf-popup-content { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.fc-po-co.cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); }
.fc-po-co.main { z-index: 5; position: absolute; top: 0; left: 0; width: 940px; max-height: calc(100% - 40px); padding: 50px; overflow: hidden; background-color: #ffffff; }
.fc-po-co.box { position: relative; overflow: hidden; overflow-y: auto; }
.fc-po-co.close { z-index: 6; position: absolute; top: 0; right: 0; width: 20px; height: 20px; margin: 20px; background: url("../images/expat/icon-close.png") no-repeat center; background-size: 100% 100%; cursor: pointer; }
@media (max-width: 1080px) { .fc-po-co.main { width: calc(100% - 40px); } }
@media (max-width: 810px) { .fc-po-co.main { padding: 20px; padding-top: 40px; }
  .fc-po-co.close { width: 15px; height: 15px; margin: 15px; } }

.cf-cl-title > * { display: inline-block; vertical-align: top; width: calc(100% - 45px); }
.cf-cl-title > *.num { width: 40px; }
.cf-cl-title > *.num .cc-ti-num { position: relative; top: -2px; }
.cf-cl-title .bp-title, .cf-cl-title .bp-title1, .cf-cl-title .bp-title2 { margin-bottom: 0; }
@media (max-width: 767px) { .cf-cl-title > * { vertical-align: middle; } }

.cc-ti-num { display: table-cell; vertical-align: middle; width: 30px; height: 30px; padding-top: 2px; text-align: center; font-weight: bold; border: 1px solid #d4d4d4; font-size: 90%; line-height: 1.0; }