/*====================================================*/
/* style.css 

1. HOME PAGE STYLING
2. ABOUT PAGE STYLING
3. CAREERS PAGE STYLING
4. HOWTOAPPLY PAGE STYLING
5. CONTACT PAGE STYLING
6. FAQ PAGE STYLING
7. APPLY PAGE STYLING
8. PRIVACY POLICY PAGE STYLING

/*====================================================*/
/** Background Banner **/
#wrapper{background:center 63px no-repeat; background-size:100% auto;}
.about #wrapper{background-image:url(../images/subpages/topBanner_about.jpg);}
.apply #wrapper{background-image:url(../images/subpages/topBanner_apply.jpg);}
.careers #wrapper{background-image:url(../images/subpages/topBanner_careers.jpg);}
.contact #wrapper{background-image:url(../images/subpages/topBanner_contact.jpg);}
.faq #wrapper{background-image:url(../images/subpages/topBanner_faq.jpg);}
.howtoapply #wrapper{background-image:url(../images/subpages/topBanner_howtoapply.jpg);}

/** Text Content Banner **/
.careers .tbcontent{top:112px; right:78px;}
.howtoapply .tbcontent{top:111px; left:153px;color:#391c0d}
.howtoapply .tbcontent p{padding-top:22px;}

.apply .tbcontent{top:119px; left:0px; color:#2b2923; width:340px;}
.apply .tbcontent p{padding-top:22px;}

.contact .tbcontent{top:117px; left:31px; color:#435977; width:423px;}
.contact .tbcontent p{padding-top:20px;}

.faq .tbcontent{top:94px; left:76px; width:367px;}
.faq .tbcontent p{padding-top:21px;}

.about .tbcontent{top:115px; left:273px; width:438px;}
.about .tbcontent h1{font-size:40px;}
.about .tbcontent p{padding-top:6px;}

.w370{width:370px;}
.w351{width:351px;}

/** Revised Header navigation **/
body:not(.home) #globalNavi {background: none;}
body:not(.home) #globalNavi li{width: 163px; height: 85px; background: url(../../images/header_nav_bg.png) repeat no-repeat; border-right: #b0b0b0 1px solid;}
body:not(.home) #globalNavi li a{padding-left: 1px;}
body:not(.home) #globalNavi li:last-child{border-right: none;}
body:not(.home) #globalNavi li.active, body:not(.home)  #globalNavi li:hover {background: none; border-right: none; }
body:not(.home) #globalNavi li.active::after, body:not(.home) #globalNavi li:hover::after {content: ''; background: url(../images/globalNavi_act.png) center bottom no-repeat; display: block; height: 10px; top: -2px; position: relative;}
.gn_scroll .globalNavi li {padding: 0 13px 0 12px;}

/*-----------------------------------------------------------------------------------*/
/*	1. HOME PAGE
/*-----------------------------------------------------------------------------------*/	


.home #globalHeader{height:auto}
.home #globalHeader > div.bodyw, .home .gh_headbox a{display:none;}
.home .gh_headbox .gh_apply{display:block}
.hglobalNavi{background-color:#3d3d3d}
.hglobalNavi #globalNavi{height:85px; padding:0;width:980px;background:inherit;}
.hglobalNavi #globalNavi li{height:85px; border-right:1px solid #646464;width: 163.3px;}
.hglobalNavi #globalNavi li:first-child{border-left:1px solid #646464}
.hglobalNavi #globalNavi li a, .hglobalNavi #globalNavi li i{color:#fff;}
.home .fbanner{display:none;}

.home .topbanner{
    background:#4ba4c4 url(../images/index/index_topbanner_bg.jpg) center top no-repeat;
    height:586px;
}
.home .topbanner .topBanCnt{
    background:url(../images/index/index_topbanner.jpg) right top no-repeat;
    height:100%; width:1020px;
    text-align:center;
    padding:192px 20px 0 49px;
}

.topBanCnt .cpn_name{
    font:bold 20px/33px "HelveticaNeue",Meiryo,sans-serif;
    color:#fff; text-align:center;
    letter-spacing:0.04em;
    width:225px; margin:0 auto;
    background-color:#2d2d2d;
    margin-top:21px;
}

.topBanCnt .bigtxt{font:600 23px/33px "Myriad Pro"; letter-spacing:0;  padding-top:36px;}
.topBanCnt .stxt{font:15px/30px "Myriad Pro"; color:#1598e7; letter-spacing:0.12em;}

.home .container{background:#fffffe url(../images/index/home_bg.gif) 0 0 repeat-x;}

.h_aboutbiz{line-height:26px; padding:59px 40px 61px;}
.h_aboutbiz .titlebig{margin-bottom: 64px;}
.h_aboutbiz .readmore{margin-top:22px;}

.h_careers{
    background:#c6dee8 url(../images/index/index_bgCareers.png) center top no-repeat scroll;
    padding:64px 0 70px;
    background-size:100% auto;	
}
.h_careers .titlebig{margin-bottom: 63px;}
.home .boxhbgblue, .h_careers .cr_sab_img{background:#fff;}
.h_careers .careers_sab{margin:38px auto 20px}
.h_careers .cr_sab_item{padding-left:0}
.h_careers{}

.h_howtoapply{
    padding:63px 0 71px;
    background:#666 url(../images/index/index_bgHowtoapply.png) center top no-repeat scroll;
    background-size:100% auto;	
}
.h_howtoapply .titlebig{margin-bottom: 70px;color:#fff;}
.h_howtoapply .hta_process{padding-bottom:30px}
.h_howtoapply .readmore{margin-top:30px}
.h_howtoapply{}
.h_howtoapply{}
/*--- END HOME --------------------------------------------------------------------*/	

/*-----------------------------------------------------------------------------------*/
/*	2. ABOUT PAGE
/*-----------------------------------------------------------------------------------*/	
.abo_whatbiz{padding:53px 40px 35px;}
.abo_whatbiz .tithbor{margin-bottom:63px;}
.videoBox{
    background-color:#eee;
    padding:10px 10px 0;
    width:640px;
}
.video{width:620px; height:370px; overflow:hidden}
.videoBox p{padding:29px 33px 35px;}
.aboWhatbiz_txt{
    width:233px;
    padding-left:15px;
    margin-top:-7px;
}
.aboWhatbiz_txt p{padding:14px 0 24px;}

.abo_ourteam{
    background:#3b78a9 url(../images/subpages/abo_ourteam_bg.jpg) center top no-repeat;
    background-size:100% auto;
    color:#fff;
    padding:73px 0 60px;
}
.abo_ourteam .tithbor{margin-bottom:56px;}
.abo_ourteam .titlenbor{margin:45px 0;}

.teamMember{
    width:450px;
    float:left;
    margin-right:80px;
}
.teamMbr_img{float:left; margin:0 20px 22px 0;}
.teamMbr_name{
    font-size:26px; line-height:28px;
    font-weight:700;
    padding:98px 0 14px;
}
.teamMbr_part{
    font-size:16px; line-height:24px;
    font-weight:normal;
}
.tMbrTrainer{
    width:273px;
    float:left;
    margin-right:80px;
}
.tMbrTrainer_img{text-align:center;}
.tMbrTrainer_name{
    font-size:20px; line-height:30px;
    font-weight:700; text-align:center;
    padding:14px 0 19px;
}

.abo_update{
    padding:68px 0 0;
    background-color:#f2f2f2;
}
.abo_update .tithbor{margin-bottom:54px}
.abo_update .title{margin-bottom:43px}
.aboupdate_video{width:450px; height:269px; overflow:hidden;}

.title_notice {
	font-size:11px;
}
/*--- END ABOUT --------------------------------------------------------------------*/	

/*-----------------------------------------------------------------------------------*/
/*	3. CAREERS PAGE
/*-----------------------------------------------------------------------------------*/	
.careers .boxhbgblue{padding-left:41px; margin-bottom:4px;}
.careers .boxhbgblue > img{float:right;}
.careers .boxhbgblue .title{padding:32px 0 27px;}

.crboxtop_box1{width:537px; min-height:626px;}
.crboxtop_box1 .listdot{
    padding-right:205px;
    margin-top:-2px;
    margin-left:-11px;
}

.crboxtop_box2, .crboxtop_box3{width:439px; min-height:311px;}
.crboxtop_box2 .listdot{padding-right:195px;}
.crboxtop_box2 > img{margin:60px 35px 0 0;}

.crboxtop_box3 .crboxtop_cnt{padding-right:215px;}
.crboxtop_box3 > img{margin:45px 35px 0 0;}

.crboxtop_box4 .listdot{
    padding-right:340px;
    margin-top:-2px;
    padding-bottom:25px;
}
.crboxtop_box4 > img{margin:50px 50px 0 0;}

.careers_sab{margin-top:32px;}
.cr_sab_item{
    width:50%; float:left;
    padding:0 0 40px 23px;
}
.cr_sab_img{
    float:left; margin-right:25px;
    background-color:#f0f0f0;
    width:156px; height:156px;
    border-radius:78px;
    line-height:156px; text-align:center;
}
.cr_sab_img img{display:inline-block; vertical-align:middle;}
.cr_sab_item .title{padding:27px 0 19px;}
.cr_sab_des{line-height:26px;}
/*--- END CAREERS --------------------------------------------------------------------*/	

/*-----------------------------------------------------------------------------------*/
/*	4. HOWTOAPPLY PAGE
/*-----------------------------------------------------------------------------------*/	
.howtoapply .container{padding-top:18px;}
.hta_process{padding:30px 30px 40px;}
.hta_process .title{padding: 0 0 33px 8px;}
.hta_steps{}
.hta_steps li{
    float:left;
    font-weight:500; color:#fff;
    width:111px; padding-left:50px;
    height:183px;
    box-sizing:content-box;
    background:url(../images/subpages/howtoapply_bgarrleft.png) 16px 2px no-repeat;
}
.hta_steps li:first-child{padding-left:0;background:none;}
.hta_steps li > span{}
.hta_steps li > span .fa-stack-2x{color:#0b4368; font-size:34px;}
.hta_steps li > span .fa-inverse{font:500 16px/34px 'Roboto', sans-serif}
.hta_steps .hta_steps_ico{
    font-size:48px; color:#666;
    text-align:center;
    padding:8px 0 26px;
}
.hta_steps .hta_steps_txt{
    line-height:20px;
    background-color:#1598e7;
    text-align:center;
}

.hta_stepbystep{
    width:610px;
    padding-right:18px;
    margin:0 auto;
}
.hta_step{
    padding-top:83px;
    background:url(../images/subpages/howtoapply_bgarrdown.png) 136px 33px no-repeat;
}
.hta_step:first-child{padding-top:65px;background:none;}
.hta_step_tit{
    font-size:30px; line-height:50px;
    font-weight:500; color:#338bcd;
    letter-spacing:0;
}
.hta_step_tit > span{padding-top:11px; width:68px;}
.hta_step_tit > span .fa-stack-2x{color:#0b4368; font-size:46px;}
.hta_step_tit > span .fa-inverse{font:500 26px/46px 'Roboto', sans-serif}
.hta_step_des{
    font-size:16px; line-height:28px;
    letter-spacing:0;
    width:350px; padding-left:78px;
    box-sizing:content-box;
    margin-top:-7px;
}
.hta_step_ico{
    font-size:80px; color:#666;
    float:right;
    padding-top:49px;
}

/*--- END HOWTOAPPLY --------------------------------------------------------------------*/	

/*-----------------------------------------------------------------------------------*/
/*	5. CONTACT PAGE
/*-----------------------------------------------------------------------------------*/	
.ctus{
    line-height:30px;
    width:602px; margin:59px auto 0;
}
.ctus .w85{display:inline-block; width:85px;}
.ctus .fwb5{font-weight:500;}
.ctus .txt2{padding-left:85px; display:block}
.map {
    display: block;
    height: 452px; width:602px;
    border:1px solid #b0b0b0;
    margin-bottom:14px;
}

/*--- END CONTACT --------------------------------------------------------------------*/	

/*-----------------------------------------------------------------------------------*/
/*	6. FAQ PAGE
/*-----------------------------------------------------------------------------------*/	
.faqs_accordion{padding-top:27px;}
.faqs_accordion > h3{
    clear:both; overflow:hidden;
    font-size:16px; line-height:31px;
    border-bottom:1px solid #e5e5e5;
    padding:20px 23px 20px 42px;
    text-indent:-20px;
    background-color:#f7f7f7;
    vertical-align:top;
    cursor:pointer;
}
.faqs_accordion > h3.active{border:0 none;}
.faqs_accordion .faqs_acc_btn{
    float:right;
    cursor:pointer;
    display:block; width:20px;
}
.faqs_accordion .faqs_acc_btn i{
    font-size:22px; line-height:31px;
    color:#999;
    display:block; float:right;
}
.faqs_accordion .faqs_acc_btn i:first-child{display:none;}
.faqs_accordion .faqs_acc_btn.show i{display:none;}
.faqs_accordion .faqs_acc_btn.show i:first-child{display:block;color:#338bcd;}
.faqs_accordion .ansbox{
    font-size:16px; line-height:28px;
    font-style:italic; color:#fff;
    background-color:#786e69;
    padding:12px 55px 11px 48px;
    position:relative;
    display:none;
}
.faqs_accordion .ansbox p{padding-bottom:5px}
.faqs_accordion .ansbox.first{display:block;}
.faqs_accordion .faq_ico{margin-right:5px;}
.faqs_accordion .ansbox .faq_ico{
    margin-right:0px;
    position:absolute; top:12px; left:24px
}


/*--- END FAQ --------------------------------------------------------------------*/	

/*-----------------------------------------------------------------------------------*/
/*	7. APPLY PAGE
/*-----------------------------------------------------------------------------------*/	
.apply .container{padding-top:60px;line-height:26px}
.apply .title{line-height:26px;}

.ap_chooseapp{
    width:440px; margin:43px auto 92px;
    font-size:27px; line-height:160px; 
    text-align:center; position:relative
}
.ap_chooseapp select{display:none !important;}
.ap_chooseapp_new, .ap_chooseapp_return{
    width:160px; height:160px;
    font-size:14px; line-height:18px; 
    padding-top:84px;
    background:0 0 no-repeat;
    cursor:pointer;
}
.ap_chooseapp_new{
    float:left;
    background-image:url(../images/subpages/apply_newapp.png);
}
.ap_chooseapp_new.active{color:#fff;background-image:url(../images/subpages/apply_newapp_act.png)}
.ap_chooseapp_return{
    float:right;
    background-image:url(../images/subpages/apply_returnapp.png);
}
.ap_chooseapp_return.active{color:#fff;background-image:url(../images/subpages/apply_returnapp_act.png)}

.ap_txtsec{padding:16px 0 37px;}
.apply_box{
    background-color:#f7f7f7;
    padding:40px 43px 27px 42px;
    margin-bottom:10px;
}
.ap_titlebox{padding-top:11px}
.ap_titlebox .title{margin-bottom:17px}
.ap_tbl{width:622px}
.ap_tbl th, .ap_tbl td{
    font-size: 14px;line-height:21px;
}
.ap_tbl th{
    text-align:left; font-weight:300;
    vertical-align:top;
    padding-top:12px;
    padding-right:15px;
}
.ap_tbl td{position:relative}
.boxform{}
.selectbox{width:100%; position:relative;margin-bottom:10px}
.sl120{width:120px; float:left; margin-right:10px;}
.fnote{ /* Why does designer not set color for text? I follow design: set opacity :| .  */
    opacity: 0.60;
    -moz-opacity: 0.60;
    -khtml-opacity: 0.60;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter:alpha(opacity=60);
    display/*\**/: block\9;
    margin-bottom:10px;
}
.itxt{
    /*font:300 14px/50px 'Roboto', sans-serif;*/
    font-family:'Roboto', sans-serif;
    font-size:14px; line-height:1;
    font-weight:300;
    width:100%; height:50px;
    border:1px solid #e8e8e8;
    background:#fff;
    padding:0 18px;	
    margin:0 0 10px;
    -webkit-appearance: none;
    border-radius: 0;
}
.itxtarea{height:200px; line-height:23px; padding:12px 18px}
/* do not group these rules */
.itxt::-webkit-input-placeholder {color: #2d2d2d; opacity: 0.40;}
.itxt:-moz-placeholder {/* FF 4-18 */color: #2d2d2d; opacity: 0.40;}
.itxt::-moz-placeholder {/* FF 19+ */color: #2d2d2d; opacity: 0.40;}
.itxt:-ms-input-placeholder {/* IE 10+ */color: #2d2d2d; opacity: 0.40;}

.fcbox{float:left; width:50%;  margin-bottom:5px;}
.fcbox input[type="checkbox"],.fcbox label{display:block; float:left;}
.fcbox input[type="checkbox"]{
    padding:0; margin:0;
    width:29px; height:30px;
    margin-left:-60px;
    position:relative; z-index:-999;
}
.fcbox label{
    background:url(../images/ico_check.gif) 0 0 no-repeat scroll;
    padding-left:44px;
    line-height:30px;
}
.fcbox label.fichecked{background-image:url(../images/ico_checked.gif); font-weight:500}
.fselect_top{display:none;}

.smbtn{
    display:block;
    width:280px; margin:45px auto 0;
    background:#338bcd;
    font-size:18px; line-height:50px;
    font-weight:500; text-align:center;
    color:#fff; letter-spacing:0.21em;
    cursor:pointer;
    border:0 none; padding:0;
    -webkit-appearance: none;
    border-radius: 0;
}
.ap_quesitem{padding-bottom:10px}
.ap_quesitem > p{font-weight:bold}
.ap_quesitem input, .ap_quesitem label{display:block; float:left; line-height:21px}
.ap_quesitem li{clear:both; overflow: hidden;}
.ap_quesitem input[type="radio"]{display:block; float:left; height:21px; margin:0 8px 0 10px;}
.ap_quesitem label.error{float:none; width:100%}
/*.ap_quesitem span{display:block; float:left; line-height:21px;}*/
/*.ap_quesitem label{clear:both; overflow:hidden; display:block;}*/

.vocaroo {
    line-height:25px;
    margin-bottom:10px;
}

.button {
    background:#FF9900;
    background-image: -webkit-linear-gradient(top, #FF9900, #FF6600);
    background-image: -moz-linear-gradient(top, #FF9900, #FF6600);
    background-image: -ms-linear-gradient(top, #FF9900, #FF6600);
    background-image: -o-linear-gradient(top, #FF9900, #FF6600);
    background-image: linear-gradient(to bottom, #FF9900, #FF6600);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 16px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

.button:hover {
    background: #2f91cf;
    background-image: -webkit-linear-gradient(top, #2f91cf, #0033FF);
    background-image: -moz-linear-gradient(top, #2f91cf, #0033FF);
    background-image: -ms-linear-gradient(top, #2f91cf, #0033FF);
    background-image: -o-linear-gradient(top, #2f91cf, #0033FF);
    background-image: linear-gradient(to bottom, #2f91cf, #0033FF);
    text-decoration: none;
}
label.error{display:block; color:#ee7b07}

.apply-check-policy {
    margin: 42px auto;
	width: 425px;
}
.apply-check-policy .fcbox {
    float: none;
    height: 30px;
    margin: 0;
    overflow: hidden;
    width: 100%;
}
.apply-check-policy .fcbox a {
    color: #1287cd;
    text-decoration: underline;
}
/*--- END APPLY --------------------------------------------------------------------*/	


/*-----------------------------------------------------------------------------------*/
/*	8. PRIVACY POLICY PAGE
/*-----------------------------------------------------------------------------------*/	
.privacy-page .breadcrumb {
    padding-top: 14px;
}
.privacy-page #page-title {
    margin: 52px 0 66px;
}
.privacy-page #page-title span {
    letter-spacing: 0.03em;
}
.privacy-page .privacy-box {
    line-height: 26px;
    margin: 0 0 94px;
}
.privacy-page .privacy-box.box-item-0 {
    margin-bottom: 85px;
    color: #007bff;
    font-weight: 400;
}
.privacy-page .privacy-box.box-item-1 {
    margin-bottom: 117px;
}
.privacy-page .privacy-box.box-item-4 {
    margin-bottom: 91px;
}
.privacy-page .privacy-box.box-item-5 {
    margin-bottom: 85px;
}
.privacy-page .privacy-submit {
    margin: 0 0 165px;
}
.privacy-page .privacy-box .caption {
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 30px;
    margin: 50px 0 51px;
    text-align: center;
}
.privacy-page .privacy-box b {
    font-weight: 500;
}
.last-updated {
    color: red;
    text-align: right;
    margin-bottom: 10px;
    margin-right: 240px;
    font-weight: 400;
    font-size: 13px
}
/*--- END PRIVACY POLICY ------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	9. COMPLIANCE PAGE
/*-----------------------------------------------------------------------------------*/	
.compliance #wrapper {background-image: url(../images/subpages/topBanner_about.jpg);}
.compliance .container {padding-top: 160px;}
.compliance .compliance_headers {margin: 40px auto;}
.compliance .compliance_headers h3 {text-align: center; font-size: 30px; margin-top: 10px; line-height: 35px;}
.compliance .compliance_checklist p {margin-bottom: 20px;}
.compliance .compliance_checklist ol li {margin-bottom: 10px;}
/*--- END COMPLIANCE ------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	A. WINDOW RESIZE FIX
/*-----------------------------------------------------------------------------------*/	
@media screen and (max-width: 1680px) {
    .compliance .container {padding-top: 0;}
}

/*--- END WINDOW RESIZE FIX ------------------------------------------------------------*/