html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; margin: 0; padding: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:18px; line-height:26px; color:#000000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; background:#FFFFFF; overflow-x:hidden; }
img { max-width: 100%; border: none; text-decoration: none; outline: none; vertical-align: top; }
.clear { clear: both; }
.clearfix { display: inline-block; width: 100%; }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
.inline { display: inline-block; }
.relative { position: relative; }
.f-left { float: left; }
.f-right { float: right; }
.no-bg { background: none !important; }
.no-bordr { border: none !important; }
.no-margn { margin: 0px !important; }
.no-pad { padding: 0px !important; }
.margn-btm { margin-bottom: 0px !important; }
.pad-thirty { padding: 30px; }
.a-align { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }
.v-align { vertical-align: middle; }
.lh-none { line-height: normal !important; }
select option { padding: 5px; }
hr { margin: 15px 0px 15px; height: 1px; background: #DDD; border: none; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 30px; font-weight:700; color:#1F3443;}
h1 { font-weight:800; font-size: 34px; line-height: 36px; }
h2 { font-size: 22px; line-height: normal; }
h3 { font-size: 18px; line-height: 20px; }
h4 { font-size: 20px; line-height: 24px; }
h5 { font-size: 18px; line-height: 22px; }
h6 { font-size: 16px; line-height: 20px; }
b, strong { font-weight: 700; }
p a { text-decoration: underline; }
p a:hover { text-decoration: none; }
small { font-size: 14px; line-height: 20px; color: #101820; }
a {color:#0B89D3; text-decoration:underline; border:none; outline:none; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; text-decoration: none;}
a:hover { color: #057fc7; outline: none; text-decoration: none; }
ol { margin: 0px 0px 20px 20px; }
ul { margin: 0px 0px 30px; }
ul li:before { content: ''; width:4px; height:4px; position: absolute; left: 0px; top: 11px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; }
ol li { font-size: 18px; line-height: 34px; list-style-position: inside; color: #696969; list-style-type: decimal; }
.parallax{background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size: cover; }
.hide { display: none; }
.show { display: block; }
.form-group { display: block; margin:0px 0px 10px; }
label{ display:block; font-size:14px; line-height:32px; font-weight:400; color:#1F3443;}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] { padding: 0 40px 0 17px; width: 100%; font-family: 'Montserrat', sans-serif; font-size: 16px; color: #000000; height: 50px; line-height: normal; background: #FFFFFF; border: 1px solid #CBD5D7; border-radius: 3px; outline: none; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none;}
textarea {border-radius: 3px; outline: none; padding:20px 15px 10px 16px; width: 100%; font-family: 'Montserrat', sans-serif; font-size: 18px; color: #000000; height: 150px; line-height: normal; background: #FFFFFF; border: 1px solid #D6D6D6; outline: none; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; resize: none; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, textarea:focus { position:relative; z-index:99; border-color: #000; box-shadow: 0px 0px 0px 1px #000; -moz-box-shadow: 0px 0px 0px 1px #000; -webkit-box-shadow: 0px 0px 0px 1px #000;}
button { outline: none; border: none; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; }
::-webkit-input-placeholder { font-weight:400; color:#B4B8BE; }
::-moz-placeholder { font-weight:400; color:#B4B8BE; }
:-ms-input-placeholder { font-weight:400; color:#B4B8BE; }
:-moz-placeholder { font-weight:400; color:#B4B8BE; }
button, input[type="submit"], input[type="button"], input[type="reset"], input[type="search"] { min-width:108px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; }
.form-label { display:block; position:relative;}
.form-label label { margin:0px; line-height:48px; font-size: 16px; font-family: 'Montserrat', sans-serif; color: #A2AAAC; position: absolute; top:2px; left: 17px; color: #b4b8be; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index:99; pointer-events:none;}
.form-label input[data-empty="false"], .form-label input:focus { padding:25px 45px 10px 16px; }
.form-label input:focus { outline: 0; background: white; }
.form-label input[data-empty="false"] + label, .form-label input:focus + label {font-size: 12px; -webkit-transform: translate3d(0, -13px, 0); transform: translate3d(0, -13px, 0);}
.has-error input[type="text"], .has-error input[type="password"], .has-error input[type="number"], .has-error input[type="email"], .has-error input[type="tel"], .has-error .cke, .has-error .custom-select select,.has-error textarea {border-color: red !important;}
.has-error input[type="text"]:focus, .has-error input[type="password"]:focus, .has-error input[type="email"]:focus, .has-error input[type="tel"]:focus, .has-error input[type="number"]:focus, .has-error select:focus, .has-error textarea:focus, .has-error .cke:focus {
box-shadow: 0px 0px 0px 1px red;
-moz-box-shadow: 0px 0px 0px 1px red;
-webkit-box-shadow: 0px 0px 0px 1px red;
border:red 1px solid;
outline: 0;
}
.has-error .help-block { color: red; font-size: 12px; margin-top: 5px; display:block; }
.gm-ui-hover-effect { display: none !important; }
.navbar-block { display: block; }
.city-job { display: grid; grid-template-columns: 20% 79%; grid-gap: 1%; }
.home-state-list { margin: 0px; padding: 0px; }
.home-state-list li { list-style: none; margin: 0px; padding: 4px; border-bottom: 1px solid #e1e1e1;}
.home-state-list li a { font-size: 15px; text-decoration: none; font-weight: 500; }
.home-city-list { margin: 0px; padding-left: 20px; display: none;}
.home-city-list li { border-bottom: 0px; padding: 2px; }
.home-city-list li a { color: #000; font-weight: normal; }
.job-list-home { color: #fff; }
.job-list-home article { padding: 10px; }
.job-title-apply { display: grid; grid-template-columns: 88% 12%; }
.job-list-home .job-list-signle { background: #057fc7; padding: 10px; margin-bottom: 0px; border: none; border-radius: 10px; }
.job-list-home article a { font-size: 16px; text-decoration: none; font-weight: 600; color: #fff; }
.job-list-home article h3 { padding-bottom: 10px; border-bottom: 1px solid #185e88; margin-bottom: 0px;}
.job-info { font-size: 14px; margin-top: 8px; display: grid; grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); }
.job-info span { padding-right: 20px; color: #fff; }
.job-info span i { color: #dbd3d3; margin-right: 5px; }
.btn { outline: 0 !important; vertical-align: middle; display: inline-block; font-weight: 400; color: #3f4254; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; }
.btn-warning { background-color: #ffa800; padding: 2px 8px; border-radius: 4px; font-size: 14px !important; font-weight: normal !important; }
.apply-now { width: 100px; height: 28px;}
.city-job-title { font-size: 25px; font-weight: 700; line-height: normal; color: #057fc7; margin-bottom: 20px;}
.mobile-app-section { padding: 55px 0px 35px; background: #583cdf; color: #fff; }
.mobile-app { display: grid; grid-template-columns: 50% 49%; grid-gap: 1%; align-items: center; }
.mobile-app ul li { list-style: none; padding-top: 10px; font-weight: 500; }
.mobile-app ul li i { color: #39929e; }
.mobile-app h2 { text-align: left; font-size: 30px; color: #fff; }
.mobile-store { display: grid; grid-template-columns: 33% 33% 33%; grid-gap: 1%; }
.mobile-store img { width: 100%; }
.load-more { text-align: center; margin-top: 25px; }
.load-more-job { font-size: 14px; border: 2px solid #057fc7; color: #057fc7; background: #ffffff; transition: .3s; font-weight: 600; margin: auto; display: flex; justify-content: center; align-items: center; padding: 0 !important; height: 50px; width: 250px; border-radius: 8px;}
/*job detail*/
.job-info-detail { font-size: 14px; margin-top: 8px; display: grid; grid-template-columns: repeat( auto-fit, minmax(20%, 1fr) ); }
.job-info-detail span { padding-right: 20px; color: #fff; }
.job-info-detail span i { color: #dbd3d3; margin-right: 5px; }
.banner-title h1 { font-size: 25px; font-weight: 700; margin-bottom: 30px; }
.job-detail-desc { display: grid; grid-template-columns: 12% 88%; font-size: 16px; }
.job-article h2 { display: block; margin-top: 30px; margin-bottom: 15px; font-weight: 600; font-size: 18px }
.job-article p { margin-bottom: 20px; font-size: 16px; }
.job-detail-part { display: grid; grid-template-columns: 68% 30%; grid-gap: 2%; }
.job-calendar { padding: 20px; border: 1px solid #e1e1e1; border-radius: 10px; }
.job-calendar h2 { font-size: 18px; font-weight: 500; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; margin-bottom: 10px; }
.job-apply-interview { display: grid; grid-template-columns: 50% 40% 7%; grid-gap: 3%; align-content: center;}
.form-input { width: 100%; padding: 8px; border: 1px solid #d1d1d1; border-radius: 5px; }
.form-control { width: 100% !important; padding: 8px !important; border: 1px solid #d1d1d1 !important; border-radius: 5px !important; height: 42px !important; }
.job-img { display: grid; grid-template-columns: repeat(auto-fill, minmax(248px, 1fr)); grid-gap: 10px; }
.job-img img { border-radius: 10px; height: 250px; width: 100%; }
.job-detail-name { align-content: center; display: grid;grid-template-columns: 90% 10%; margin-left: 10px; }
.job-img-title { display: block; margin-top: 30px; margin-bottom: 25px; font-weight: 600; font-size: 18px; }
/*contact us*/
.contact { background: #fff; border-radius: 10px; padding: 30px; }
.contact-grid { display: grid; grid-template-columns: 49% 49%; grid-gap: 2%; }
.required { color: red; }
.info { padding: 8px; margin-bottom: 1rem; border-radius: .25rem; position: fixed; background-color: white; width: auto; min-width: 0px; border-width: 0; right: 0.3rem; box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5); }
.amap-marker-label { border: 0px solid blue; padding: 0px; }
.avail-desc { font-size: 15px; color: #929292; margin-bottom: 15px; }
.avail-table { border-collapse: collapse; text-align: center; font-size: 14px; max-width: 100%; margin: auto;}
.avail-table th { padding: 10px 5px; line-height: 20px; }
.day-period span { margin-right: 8px; width: 32px; }
.avail-table td { width: 75px; border: 1px solid #e5e5e5; text-align: center;}
.avail-table .checked {display: inline-block;width: 24px;height: 24px; line-height: 27px; border-radius: 50%; background: #ffb33e; color: #fff; font-size: 12px; }
.avail-table .checked .fas { color: #fff; }
.modal { display: none; position: fixed; z-index: 99999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; max-width: 600px; border-radius: 7px;}
.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer;}
.interview-question li { margin-left: 30px; margin-bottom: 10px; font-size: 16px;}
.tab-login-register { display: grid; grid-template-columns: 49% 49%; grid-gap: 2%; text-align: center; margin-bottom: 20px;}
.tab-login-register a { color: #fff; background: #ffb33e; padding: 10px; border-radius: 6px; }
.tab-login-register a:hover { background: #0B89D3; }
.tab-active { background: #0B89D3 !important;}
.btn-danger { border-radius: 5px; padding: 10px 16px; background: #f64e60;color: #fff; width: auto; min-width: auto; font-size: 15px;}
.btn-success { border-radius: 5px; padding: 10px 16px; background: #0B89D3; color: #fff; width: auto;min-width: auto;font-size: 15px;}
.form-group-row { display: grid; grid-template-columns: 49% 49%; grid-gap: 2%;}
.progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: .75rem; background-color: #ebedf3; border-radius: .42rem; -webkit-box-shadow: none;box-shadow: none; }
.progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #6993ff; -webkit-transition: width .6s ease; transition: width .6s ease; }
.job-shate-like { text-align: right; }
.map-google-china { width: 100%; min-height:800px; }
.job-more-info { display: grid; grid-template-columns: 50% 50%; font-size: 15px; }
.job-sub-title { color: #04b4e0; font-weight: 600; }
.job-more-info-part { display: grid; grid-template-columns: 55% 45%; margin-bottom: 10px;}
.job-benefits { display: grid; grid-template-columns: 27% 73%; font-size: 15px; margin-bottom: 10px;}
/*city profile*/
.city-profile { padding: 10px; color: #000; font-size: 16px; }
.city-profile-header { font-size: 20px !important; margin-bottom: 20px !important; color: #057fc7 !important; font-weight: 700 !important; }
.city-profile h2 { font-size: 16px; margin-bottom: 20px; color: #0B89D3; font-weight: 600; }
.city-profile-about { display: grid; grid-template-columns: 60% 39%; grid-gap: 1%; }
.city-profile-more { display: grid; grid-template-columns: 30% 66%; grid-gap: 4%; margin-top: 30px; }
.city-profile-living { margin-top: 30px; }
.city-table { border-collapse: collapse; text-align: left; font-size: 14px; width: 100%; margin-top: 20px; }
.city-table th { font-weight: 600; }
.city-table td, th { width: 75px; border: 1px solid #e5e5e5; padding: 6px; }
.alert-danger, .alert-error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; border: 1px solid transparent; border-radius: 4px; margin-bottom: 20px; padding: 10px; }
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 4px; margin-bottom: 20px; padding: 10px; }
.cmn-form .alert-success a {font-size: 24px; text-decoration: none !important; top: 1px; float:right; position: relative; color: #3c763d; }
.dashboard-wrap .alert-success a {font-size: 24px; text-decoration: none !important; top: 1px; float:right; position: relative; color: #3c763d; }
.post-inner-dtl .alert-danger a {font-size: 24px; text-decoration: none !important; top: 1px; float:right; position: relative; color: #a94442; }
.dashboard-wrap .alert-danger a {font-size: 24px; text-decoration: none !important; top: 1px; float:right; position: relative; color: #a94442; }
html, body { min-height:100%;}
.page-wrapper { width: 100%; overflow:hidden; }
#mid-wrapper { display:block; padding:0px; float: left; width: 100%;min-height:650px; }
section { padding:70px 0px; float: left; width: 100%; }
.fix-wrap { display:block; max-width: 1420px; margin: 0 auto; }
.btn-primary, .btn-green{ display:inline-block; padding:11px 20px; min-width:158px; min-height:40px; font-size:14px; font-weight:800; line-height:18px; color:#FFF; text-align:center; text-transform:none; background:#0B89D3; border:none; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px; -o-border-radius:22px; -ms-border-radius:22px; outline:none; text-decoration:none; outline:none; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none;}
.btn-primary:hover{ background:#0573b4; color:#FFF;}
.btn-green { background:#0B89D3;}
.btn-green:hover{ background:#0B89D3; color:#FFF;}
.btn-brdr { color:#2A2D34; background:none; border:1px solid #2A2D34;}
.btn-brdr:hover { border-color:#0B89D3;}
ul.cmn-list li { margin:0px; padding:0px;}
header ul li:before, ul.cmn-list li:before { content:normal;}
.web-view { display:block;}
.mob-view { display:none;}
.dis-none { display:none !important;}
.open-navbar { overflow:hidden;}
header { background: #232F49; display:block; padding:0px; width: 100%; top:0px; left:0px; color:#797a7d; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; z-index: 999;}
header a { text-decoration:none;}
.logo { display:block; margin:auto; float:left; max-width:260px;}
.logo a { display:block; outline:none;}
.navbar-header { display: block; float:left; }
.navbar-toggle { display: none; margin:18px 0px 0px; float: right; width: 28px; height: 24px; background: url('../images/hamburger-menu.png') no-repeat center center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.navbar-toggle span {display: none;}
.navbar-close .navbar-toggle{ background: url('../images/close.jpg') no-repeat; background-size: cover; height: 25px; width: 25px;}
.nav-right { max-width:74%;}
.nav-right, .nav-brand { display:block; float:right;}
.top-bar { display:block; padding:10px 0px; width:100%; float:right;}
.top-bar ul, .top-bar ul li { display:block; float:right; margin:0px;}
.top-bar ul li { float:left; border-right:1px solid rgba(255,255,255,0.8);}
.top-bar ul li a { display:block; padding:0px 12px; font-size:12px; line-height:14px; color:#FFF; text-decoration:none; transition:none;}
.top-bar ul li a:hover { text-decoration:underline;}
.top-bar ul li:last-child { border:none;}
.top-bar ul li:last-child a{ padding-right:0px;}
.nav-brand ul, .nav-brand ul li { display:block; margin:0px; padding:0px; list-style:none;}
.nav-brand > ul > li { float:left; line-height:normal;}
.nav-brand > ul > li:last-child > a { padding-right:0px;}
.nav-brand > ul > li > a { display:block; padding:0px 15px; font-size:18px; font-weight:700; line-height:40px; color:#FFFFFF; text-decoration:none; position:relative; transition:none;}
.nav-brand > ul > li:hover > a:before, .nav-brand > ul > li.active > a:before { content:''; height:2px; position:absolute; bottom:8px; left:15px; right:15px; background:#FFFFFF;}
.nav-brand > ul > li:last-child > a:before{ right:0px;}
.header-fix {margin:0px; background:#FFFFFF; box-shadow:0 2px 10px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 2px 10px 0 rgba(0,0,0,0.5); -o-box-shadow:0 2px 10px 0 rgba(0,0,0,0.5);}
.header-fix .logo { margin:0px 0px 12px; max-width:230px;}
.header-fix .top-bar ul li, .cmn-static-page .top-bar ul li { border-color:rgba(0,0,0,0.3);}
.header-fix .top-bar ul li a, .cmn-static-page .top-bar ul li a { color:#0B89D3;}
.header-fix li.nav-search .search-btn, .cmn-static-page li.nav-search .search-btn {background:url('../images/search-black.svg') no-repeat center center;}
.header-fix .nav-brand > ul > li > a, .header-fix li.nav-search input[type="text"], .cmn-static-page .nav-brand > ul > li > a, .cmn-static-page li.nav-search input[type="text"] { color:#2A2D34;}
.header-fix li.nav-search input[type="text"]:focus, .header-fix li.nav-search:hover input[type="text"], .cmn-static-page li.nav-search input[type="text"]:focus, .cmn-static-page li.nav-search:hover input[type="text"]{background:#FFCC01;}
.header-fix .nav-brand > ul > li:hover > a:before, .header-fix .nav-brand > ul > li.active > a:before, .cmn-static-page .nav-brand > ul > li:hover > a:before, .cmn-static-page .nav-brand > ul > li.active > a:before {background:#2A2D34;}
.header-fix .nav-search ::-webkit-input-placeholder, .cmn-static-page .nav-search ::-webkit-input-placeholder { color: #2A2D34;}
.header-fix .nav-search ::-moz-placeholder, .cmn-static-page .nav-search ::-moz-placeholder { color: #2A2D34;}
.header-fix .nav-search :-ms-input-placeholder, .cmn-static-page .nav-search :-ms-input-placeholder {color: #2A2D34;}
.header-fix .nav-search :-moz-placeholder, .cmn-static-page .nav-search :-moz-placeholder { color: #2A2D34;}
.submenu-wrap { display: block; padding:4px 0px 0px; width:270px; position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; overflow: hidden; pointer-events:none; -webkit-pointer-events:none; -moz-pointer-events:none; -o-pointer-events:none; -ms-pointer-events:none; }
.submenu-wrap ul { padding:10px 0px; text-align:left; background:#FFFFFF; border-radius:8px; box-shadow:0 5px 20px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 5px 20px 0 rgba(0,0,0,0.2); -o-box-shadow:0 5px 20px 0 rgba(0,0,0,0.2); -ms-box-shadow:0 5px 20px 0 rgba(0,0,0,0.2); overflow:hidden;}
.submenu-wrap > ul li a{display:block; padding:8px 20px; font-size:16px; line-height:16px; color:#0B89D3; transition:none;}
.submenu-wrap > ul li a:hover { color:#f3632f; text-decoration:underline;}
.nav-brand > ul > li.parent:hover .submenu-wrap{ opacity: 1; visibility: visible; overflow: visible; pointer-events:all; -webkit-pointer-events:all; -moz-pointer-events:all; -o-pointer-events:all; -ms-pointer-events:all;}
.submenu-wrap > ul li.has-submenu > a { padding-right:30px; position:relative;}
li.has-submenu > a:after { content:''; display:block; margin:auto; position:absolute; top:0px; bottom:0px; right:15px; width:8px; height:14px; background:url('../images/nav-arrow.png') no-repeat 0px 0px;}
li.has-submenu > a:hover:after, li.has-submenu.open-second-subnav > a:after {background:url('../images/nav-arrow-hover.png') no-repeat 0px 0px;}
li.has-submenu .submenu-nav{ display:block; width: 200px; background: #FFF; position: absolute; top:0px; left: 100%; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; pointer-events:none; -webkit-pointer-events:none; -moz-pointer-events:none; -o-pointer-events:none; -ms-pointer-events:none; }
li.has-submenu:hover .submenu-nav{ opacity: 1; visibility: visible; overflow: visible; pointer-events:all; -webkit-pointer-events:all; -moz-pointer-events:all; -o-pointer-events:all; -ms-pointer-events:all; }
li.has-submenu .submenu-nav ul { box-shadow: 5px 2px 10px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 5px 2px 10px 0 rgba(0,0,0,0.5); -moz-box-shadow: 5px 2px 10px 0 rgba(0,0,0,0.5); -o-box-shadow: 5px 2px 10px 0 rgba(0,0,0,0.5);}
.resourcesmenu .submenu-wrap {left:auto; right:0px;}
/*** Header Searchbox ***/
li.nav-search > form { position: relative; width: inherit; height: 33px; z-index: 510; }
li.nav-search input[type="text"] {display:block; position:absolute; top:0px; right:0px; width:33px; height:40px; padding: 0px 20px; line-height:normal; outline:0; -webkit-appearance:textfield; font-size:0px; color:#FFFFFF; background:none; border:none; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; z-index:1;}
li.nav-search input[type="text"]:focus, li.nav-search:hover input[type="text"] {width:250px; padding:8px 40px 8px 20px; background:#f3632f; font-size:16px; box-shadow:none;}
li.nav-search .search-btn { display: block; margin:0px 8px 0px 15px; padding: 0px; float: left; width:20px; height:40px; cursor: pointer; background: url('../images/search.svg') no-repeat center center; background-size:20px 20px; position:relative; z-index:4; }
li.nav-search input[type="submit"]:hover { }
.nav-search ::-webkit-input-placeholder { color: #fff;}
.nav-search ::-moz-placeholder { color: #fff;}
.nav-search :-ms-input-placeholder {color: #fff;}
.nav-search :-moz-placeholder { color: #fff;}
footer{display:block; padding:0px; float:left; width:100%; min-height:388px; color:#FFFFFF; background: rgba(11,138,211,1); background: -moz-linear-gradient(left, rgba(11,138,211,1) 0%, rgba(103,96,168,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11,138,211,1)), color-stop(100%, rgba(103,96,168,1))); background: -webkit-linear-gradient(left, rgba(11,138,211,1) 0%, rgba(103,96,168,1) 100%); background: -o-linear-gradient(left, rgba(11,138,211,1) 0%, rgba(103,96,168,1) 100%); background: -ms-linear-gradient(left, rgba(11,138,211,1) 0%, rgba(103,96,168,1) 100%); background: linear-gradient(to right, rgba(11,138,211,1) 0%, rgba(103,96,168,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b8ad3', endColorstr='#6760a8', GradientType=1 ); position:relative; overflow:hidden; }
.foot-img { display:block; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-repeat:no-repeat; background-position:top center; background-size:cover; z-index:0;}
footer section { position:relative; z-index:3;}
.foot-links { padding:46px 0px 0px;}
.f-col { display:block; padding-right:50px; float:left; width:25%;}
.f-col h3 { margin:0px 0px 5px; font-weight:800; color:#057fc7;}
.f-col ul, .f-col ul li { display:block; margin:0px; padding:0px; list-style:none; overflow:hidden;}
.f-col ul { margin:0px 0px 20px;}
.f-col ul li a { display:inline-block; padding:4px 0px; font-size:14px; line-height:20px; color:#000; font-weight: 600; text-decoration:none;}
.f-col ul li a:hover { text-decoration:none;}
.f-logo { display:block; margin:0px 0px 12px; width:100%; float:left;}
.f-logo a { display:inline-block; float:left;}
.f-logo img { display:block; max-width:176px;}
.copyright { padding:8px 0px 30px; font-size:12px; line-height:14px; border-top:1px solid rgba(255,255,255,0.2); color: #000;}
.copyright .f-left span { display:inline-block; margin-right:10px; color: #000;}
.copyright .f-left a{ padding:0px 10px;}
.copyright a { display:inline-block; color:#000; text-decoration:none;}
.copyright a:hover { text-decoration:underline;}
.cmn-banner { display:block; padding:0px; float:left; width:100%; position:relative; color:#FFFFFF;}
.cmn-banner:before{z-index: 2; width: 100%; content: ''; height: 150px; position: absolute; top: 0px; left: 0px; float: left;background: -moz-linear-gradient(top, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0.74) 1%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 1%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 1%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd000000', endColorstr='#00000000',GradientType=0 );}
.imgDiv { width:100%; height:250px; background-color:#000000; background-repeat:no-repeat; background-position:top center; background-size:cover !important; position:relative; z-index:0;}
.banner-title { display:block; margin:auto; position:absolute; bottom:15px; left:20px; right:20px; max-width:1170px; z-index:99;}
.banner-title h1{ margin:0px; color:#FFFFFF; letter-spacing:-0.3px;}
.page-title-banner:after { content:''; display:block; margin:auto; position:absolute; top:0px; bottom:0px; left:0px; right:0px; opacity:0.2; background:#000000; z-index:1}
.hp-banner .imgDiv{ height:550px;}
.find-job { display:block; margin:auto; padding:48px 65px; max-width:630px; min-height:290px; text-align:center; position:absolute; top:50%; left:20px; right:20px; transform:translateY(-40%); border-radius:12px 12px 80px 12px; z-index:9;width: calc(100% - 40px);}
.find-job h1 { margin:0px 0px 25px; font-size:24px; line-height:28px; color:#fff;}
.find-job a { display:inline-block; font-size:14px; font-weight:600; line-height:22px; color:#fff; text-decoration: none;}
.find-job a:hover { text-decoration:none;}
.find-job .form-group { position:relative;}
.find-job input[type="text"] {padding-right:130px; font-size:18px; line-height:20px; border:none; border-radius:5px; height:60px;}
.find-job input[type="text"]:focus {box-shadow:none;}
.find-job .btn-green { position:absolute; top:10px; right:10px; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px; -o-border-radius:22px; -ms-border-radius:22px; z-index:100;}
.small-link { display:inline-block; font-size:12px; line-height:normal;}
.hp-featured { padding:55px 0px 35px; background:#EFF3F4;}
.hp-featured h2 { margin:0px 0px 20px; width:100%; font-weight:800; font-size:22px; line-height:20px; color:#2A2D34; text-align:center; }
.featured-list { display:block; float:left; width:100%;}
.featured-list ul, .featured-list ul li { display:block; margin:0px; padding:0px; overflow:hidden;}
.featured-list ul li{ margin:0px 19px 19px 0px; float:left; width:32%; font-size:16px; line-height:20px; color:#2A2D34; text-align:center; background:#FFFFFF; border:1px solid #D2DCDE; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
.featured-list ul li:nth-child(3n) { clear:right; margin-right:0px;}
.featured-list ul li:nth-child(3n+1) { clear:left;}
.featured-list ul li a { display:block; padding:40px 32px; min-height:250px; text-decoration:none;}
.featured-list ul li .fetured-icn { display: flex; height: 58px; align-items: center; justify-content: center; }
.featured-list ul li .fetured-icn img{ display:inline-block; vertical-align:middle; max-height:58px;}
.featured-list ul li p { margin:0px; color:#2A2D34;}
.featured-list ul li h3 { margin:30px 0px 12px; font-size:22px; font-weight:800; line-height:20px; color:#057fc7;word-wrap: break-word;}
.featured-list ul li:hover { background:#057fc7; border-color:#057fc7; -webkit-box-shadow:inset 0px -12px 0px 0px #057fc7; -moz-box-shadow:inset 0px -12px 0px 0px #057fc7; box-shadow:inset 0px -12px 0px 0px #057fc7;}
.featured-list ul li:hover h3, .featured-list ul li:hover p { color:#FFFFFF;}
.paginition { display:block; margin:10px 0px; width:100%; font-weight:600; font-size:12px; line-height:14px; color:#2A2D34; overflow:hidden;}
.paginition ul li { float:left; padding:0px;}
.paginition ul li:before{content:normal;}
.paginition ul li a {display: inline-block;padding: 5px 6px;color: #0B89D3;text-decoration: none; font-weight:600; font-size: 12px;line-height: 14px;}
.paginition ul li.active a {color: #2A2D34;}
.paginition ul li.disabled a {color: #c2c2c2;cursor: not-allowed;}
.paginition a {display: inline-block;padding: 5px;color: #0B89D3;text-decoration: none;font-weight:600;font-size: 12px;line-height: 14px;}
.paginition a.active { color:#2A2D34;}
.paginition span { display:inline-block;}
.back-link { display:block; margin:0px 0px 20px; width:100%; overflow:hidden;}
.back-link a{display:inline-block; font-weight:700; font-size:14px; line-height:20px; color:#F26330; text-decoration:none;}
a.orange { display:inline-block; color:#F26330; text-decoration:none;}
a.orange:hover { color:#F26330; text-decoration:underline;}
.job-boards-wrap { padding:35px 0px;}
.jobs-filter { display:block; margin:0px 0px 19px; width:100%; float:left;}
.jobs-filter h3 { margin:11px 0px 0px; float:left; max-width:75%; font-weight:700; font-size:14px; line-height:18px; color:#2A2D34;}
.search-jobs { display:block; float:left; position:relative;}
.search-jobs .form-group { margin:0px;}
.search-jobs input[type="text"] { padding:0 95px 0 15px; width:300px; height:40px; font-size:14px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px;}
.search-jobs .btn-green { padding:6px 16px;margin:0; min-height:30px; min-width:inherit; position:absolute; top:5px; right:5px; border-radius:20px; z-index:100;font-weight: normal;}
.jobs-filter .btn-primary { margin-left:10px; float:left; min-width:inherit;}
.jobs-list { display:block; width:100%; overflow:hidden;}
.jobs-list ul, .jobs-list ul li { display:block; margin:0px; padding:0px; width:100%; overflow:hidden;}
.jobs-list ul li { padding:15px; font-size:12px; line-height:16px; color:#000000; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
.jobs-list ul li:nth-child(even) { background:#EFF3F4;}
.jobs-list ul li a{display:inline-block; font-weight:600; font-size:16px; line-height:18px; color:#0B89D3; transition:none;}
.jobs-list ul li a:hover{ color:#F26330; text-decoration:underline;}
.jobs-list ul li a:visited { color: #551A8B; }
.jobs-list ul li p { margin:0px;}
.jobs-list ul li .job-title { display:block; float:left; width:70%;}
.jobs-list ul li .job-post-time { display:block; float:right; width:100px; font-size:10px; line-height:12px; color:#000000; text-align:right;}
.sponsored-jobs { background:#FFFBEB; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
.sponsored-jobs h3 { margin:0px; padding:15px 15px 0px; font-weight:700; font-size:10px; line-height:14px; color:#FFCC01; text-transform:uppercase;}
.jobs-list.sponsored-jobs ul li:nth-child(even) { background:none;}
.job-detail-wrap { padding:60px 0px;}
.job-details { padding-left:65px; margin:0px 0px 60px; width:100%; max-width:765px; position:relative;}
.job-details h1 { margin:0px; position:relative;}
.job-details h1 span { font-weight:800;display: block;}
.job-details h1 span.sub-title {margin-top:15px;}
.job-details h1 .job-bag-icon { margin:0px; position:absolute; top:0px; left:-65px;}
.author-desc { display:block; padding:25px 0px; margin:0px 0px 30px; width:100%; font-size:14px; line-height:20px; color:#000000; border-bottom:1px solid #D2DCDE; overflow:hidden;}
.author-desc a { color:#0B89D3; text-decoration:none;}
.author-desc a:hover { text-decoration:underline;}
.job-details h3 { margin:0px 0px 12px; font-weight:800; font-size:20px; line-height:24px; color:#6760A8;}
.job-details ul li { margin:0px 0px 10px; color:#000000;}
#get-inspiration {margin-left: -53px;margin-right: -53px;width: auto;}
section.privacy-policy .caption {width: 100%; max-width: 700px; }
section.privacy-policy h1 {margin-bottom: 25px; }
.dropdown-search {position: absolute;top: 100%;left: 0;z-index: 2;display: block;float: left;width: 100%;list-style: none;font-size: 14px;text-align: left;background-color: #fff;border-radius: 0;background-clip: padding-box;padding: 0;-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);margin-top: 10px;}
.dropdown-search:before {bottom: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;left: 15%;border-color: rgba(218, 218, 218, 0);border-bottom-color: #fff;border-width: 11px;margin-left: -11px;}
.dropdown-search li {list-style: none !important;padding-left: 0;}
.dropdown-search li:before {display: none;}
.find-job .dropdown-search li a {text-transform: none;font-size: 12px;padding: 10px;display: block;text-decoration: none;line-height: 20px;}
.find-job .dropdown-search li a:hover {background: #0B89D3;color: #fff;}
.search-jobs input[type="text"] {width: 100%;}
/*home page*/
.content-home p {
margin-bottom: 15px;
font-size: 16px;
}
.content-home ul {
padding-left: 35px;
font-size: 16px;
margin-bottom: 20px;
}
.content-home h3 {
margin-top: 20px;
margin-bottom: 20px;
font-weight: 600;
color: #0B89D3;
}
.mobile-store-scan {
display: grid;
grid-template-columns: 49.5% 49.5%;
grid-gap: 1%;
width: 320px;
margin: auto;
}
.mobile-store-scan-img {
background: #fff;border-radius: 5px;
}
.mobile-store-scan-text {
margin-top: 10px;font-size: 14px;line-height: normal;
}
.foreign-teachers {
display: grid;
grid-template-columns: repeat(4, 24%);
grid-gap: 20px;
}
.foreign-teachers-list
{
border: 1px solid #e2e2e2;border-radius: 5px;background: #fff;box-shadow: 0 3px 8px 0 rgba(0, 50, 125, 0.2);
}
.foreign-teachers h3 {
text-align: center;
margin: 0px;
padding: 10px;
}
.foreign-teachers ul {
list-style: none;
padding: 0px 10px;
font-size: 13px;
margin: 0px 0px 10px 0px;
}
.foreign-teacher-info {
display: grid;
grid-template-columns: 49% 49%;
grid-gap: 1%
}
.text-position-right {
text-align: right;
}
.foreign-teacher-info i {
color: #FF6D6D;
margin-right: 10px;
}
.profile-image {
text-align: center;
}
.profile-image img {
width: 200px;
height: 200px;
border-radius: 50%;
}
.local-time .flag img {
width: 20px;
height: auto;
margin: 7px 2px 0px 10px;
}
.local-time .date-time {
color: #f79663;
font-size: 13px;
font-weight: 500;
}
.foreign-info-title {
color: #000;
}
.foreign-teacher-header {
display: grid;
grid-template-columns: 50% 50%;
}
.foreign-teacher-img {
text-align: right;
padding: 4px 6px 0px 0px;
}
.foreign-teacher-img img{
width: 60px;
}
.week-btn {
padding: 10px;
border-radius: 4px;
font-size: 14px;
position: relative;
border: 2px solid #057fc7;
font-weight: bold;
background-color: rgba(253, 253, 253, .8);
color: #057fc7 !important;
}
.foreign-teachers-week-button {
position: relative; text-align: center; color: white;
}
.foreign-teacher-btn {
text-align: center;
display: block;
margin-bottom: 28px;
position: absolute;
top: 92%;
transform: translate(-50%, -50%);
left: 50%;
width: 100%;
}
.mobile-nationality-home {
display: none;
}
.foreign-teachers-employed {
background-color: #EDF7FB;padding: 30px 0px;
}
.foreign-teachers-duty {
background-color: #EDF7FB;margin: 0px 0px 20px 0px;padding: 30px 0px;
}
.foreign-teachers-duty-img {
padding: 0px 20px;text-align: center;background: #EDF7FB;
}
.foreign-teachers-duty-img img {
border-radius: 10px;
}
.foreign-teacher-view-all {
display: block; text-align: right;margin-top: 25px;
}
.foreign-teacher-view-all a {
color: #fff;background: #057fc7;padding: 7px 9px;border-radius: 5px;font-size: 16px;
}
.foreign-teachers-main {
display: grid;
grid-template-columns: repeat(3, 32%);
grid-gap: 20px;
}
.foreign-teachers-main h3 {
text-align: center;
margin: 0px;
padding: 10px;
}
.foreign-teachers-main ul {
list-style: none;
padding: 0px 10px;
font-size: 13px;
margin: 0px 0px 10px 0px;
}
.header-logo {
height: 58px;
}
.header-icon-section {
display: none;
padding-bottom: 0px !important;
}
.section-link, .footer-mobile {
display: none;
}
.header-icon {
display: grid;
grid-template-columns: 31% 31% 31%;
grid-gap: 10px;
}
.header-icon img {
max-width: 100%;
height: 74px;
}
.header-icon-box {
/*border: 1px solid #e2e2e2;*/
/*border-radius: 5px;*/
/*background: #fff;*/
/*box-shadow: 0 3px 8px 0 rgba(0, 50, 125, 0.2);*/
text-align: center;
padding: 10px;
}
.header-icon-mobile {
display: none;
}
.header-icon-mobile-first {
width: 40px;height: 32px;margin-top: 13px;margin-left: 12px;
}
.header-icon-mobile-second {
width: 46px; height: 41px; margin-top: 11px;
}
.header-icon-mobile-third {
width: 54px;height: 48px;margin-top: 8px;
}
.mobile-app-phone {
display: none;
padding: 10px 0px;
}
.login-user {
margin: 18px 0px 0px;float: right;height: 24px;color: #fff;font-size: 24px;display: none;
}
/*end home page*/
@media screen and (max-width:1169px) {
.fix-wrap { padding: 0px 20px; }
.featured-list ul li { width:31.2%;}
.featured-list ul li a { padding:30px 20px;}
}
@media screen and (max-width:1024px) {
.nav-right { max-width:72%;}
.forum-wrap .search-jobs input[type="text"] { width:280px;}
.forum-wrap .data-table { margin-bottom:0px; padding-bottom:20px; overflow-y:hidden; overflow-x:auto;}
.forum-wrap .data-table table { width:900px;}
}
@media screen and (max-width:979px) {
.logo { max-width:230px;}
.nav-right { max-width:68%;}
.nav-brand > ul > li > a { padding:0px 10px;font-size: 16px;}
li.nav-search .search-btn { margin:0px 8px 0px 10px;}
.nav-brand > ul > li:hover > a::before, .nav-brand > ul > li.active > a::before { left:10px; right:10px; }
.submenu-wrap { width:235px;}
.featured-list ul { display:flex; flex-wrap:wrap}
.featured-list ul li { margin:0px 10px 19px 0px;}
.featured-list ul li a { padding: 30px 15px; }
.foreign-teachers {
grid-template-columns: repeat(2, 49%);
}
.foreign-teachers-main {
grid-template-columns: repeat(2, 48.5%);
}
}
@media screen and (max-width:767px) {
.navbar-close, .cmn-static-page header { background:#FFFFFF; border-bottom:1px solid #D6D6D6;}
.navbar-header { width:100%;}
.logo, .header-fix .logo { margin:0px 0px 12px; max-width:200px;}
.nav-right { max-width:100%;}
.top-bar { display:none;}
.navbar-toggle { display:block;}
.nav-brand {display: none; padding:0px; margin:0px; height: calc(100% - 70px); top:70px; left:0px; right:0px; background:#FFFFFF; overflow:auto;z-index: 1000;}
.nav-brand > ul#topbar li:first-child { border:none;}
.nav-brand > ul > li { width:100%; text-align:left; border-top: 1px solid #D6D6D6;}
.nav-brand > ul > li:last-child {border-bottom:1px solid #D6D6D6;}
.nav-brand > ul > li > a { padding:15px 20px; line-height:21px; color:#2A2D34;font-size: 18px;}
.nav-brand > ul > li > a:hover, .nav-brand ul li.active > a, .nav-brand ul li > a.open-subnav { background:#f3632f; color:#FFFFFF;}
.nav-brand > ul > li > a:hover::before, .nav-brand > ul li.active > a::before { content:normal;}
.nav-brand > ul > li.nav-search { padding:5px 20px; background:#f26330; border:none;}
li.nav-search input[type="text"], .header-fix li.nav-search input[type="text"] { top:0px; padding:0px 25px 0px 0px; width: 100%; font-size: 16px; color: #FFF; background:#f26330; box-sizing: border-box; }
li.nav-search input[type="text"]:focus, li.nav-search:hover input[type="text"], .header-fix li.nav-search input[type="text"]:focus, .header-fix li.nav-search:hover input[type="text"] { padding:0px 25px 0px 0px; width:100%; color:#FFF; background:#f3632f !important;}
li.nav-search > form, li.nav-search .search-btn { height:40px;}
li.nav-search .search-btn { margin:0px; float:right;}
.header-fix li.nav-search .search-btn { background:url('../images/search.svg') no-repeat center center;}
.header-fix .nav-search ::-webkit-input-placeholder { color: #FFFFFF;}
.header-fix .nav-search ::-moz-placeholder { color: #FFFFFF;}
.header-fix .nav-search :-ms-input-placeholder {color: #FFFFFF;}
.header-fix .nav-search :-moz-placeholder { color: #FFFFFF;}
.nav-brand > ul > li:hover > a::before, .nav-brand > ul > li.active a::before { content:normal; }
.nav-brand > ul > li.parent > a::after { content:''; margin:auto; width:16px; height:16px; background:url('../images/plus-sign.png') no-repeat 0px 0px; position:absolute; right:20px; top:0px; bottom:0px; }
.nav-brand > ul > li.parent.active > a:after, .nav-brand > ul > li.parent > a:hover:after {background:url('../images/plus-sign-white.png') no-repeat 0px 0px;}
.nav-brand > ul > li.parent > a.open-subnav::after {background:url('../images/minus-sign.png') no-repeat 0px 0px;}
.submenu-wrap { display:none; padding:0px; width:100%; position: relative; top: 100%; left: inherit; opacity: 1; visibility: visible; overflow:visible; transition:none; }
.submenu-wrap ul { border:none; box-shadow:none;}
li.has-submenu .submenu-nav { display:none; width:100%; position:relative; left:0px; visibility:visible; opacity:1; overflow:visible; transition:none;}
li.has-submenu .submenu-nav ul {box-shadow:none;}
li.has-submenu .submenu-nav ul li a { padding-left:25px; color:#000;}
li.has-submenu .submenu-nav ul li a:hover { background:none;}
li.has-submenu.open-second-subnav > a{ color:#FFF; background:#0061af;}
li.has-submenu.open-second-subnav > a:after { width:14px; height:8px; background:url('../images/nav-arrow-down-white.png') no-repeat 0px 0px;}
.find-job { padding:50px;}
.hp-banner .imgDiv { height: 500px; }
.intro-blk { padding:50px 30px 50px 20px; max-width:97%; }
.intro-blk .intro-img { width:180px; height:180px;}
.intro-blk .caption { width:60%; }
.sponsor-bar { clear:both; float:none; margin:auto; width:250px;}
.featured-list { margin:0px 0px 15px; width:100%;}
.hp-featured h2 { width:100%;}
.featured-list ul li, .hp-sponsor-links .sponsor-links ul li { margin:0px 19px 19px 0px; width:48.2%;}
.featured-list ul li:nth-child(3n), .hp-sponsor-links .sponsor-links ul li:nth-child(3n) { margin-right:19px; }
.featured-list ul li:nth-child(2n), .hp-sponsor-links .sponsor-links ul li:nth-child(2n) { margin-right:0px; }
.see-our-add h3{ clear:both; margin:20px auto; float:none; width:96%; max-width:inherit; text-align:center;}
.see-our-add .dark-box { clear:both;float:none;max-width:inherit;}
.see-our-add .dark-box { margin-bottom:10px;}
.foot-links .f-col { width:50%;}
.foot-links .f-col:nth-child(2n) { clear:right;}
.foot-links .f-col:nth-child(2n+1) { clear:left;}
.f-logo { margin:15px 0px; text-align:center;}
.f-logo a { float:none;}
.copyright .f-left { margin:0px 0px 15px;}
.copyright .f-left, .copyright .f-right { width:100%; text-align:center;}
.job-center-wrap .featured-list { margin:0px 0px 20px;}
.job-center-wrap .sponsor-bar { margin:0px auto 40px;}
.login-user {display: block;}
}
@media screen and (max-width:599px) {
.find-job { padding: 40px 20px; }
.find-job .btn-green{padding: 11px 14px;}
.find-job input[type="text"] {font-size: 15px;padding-right: 120px;}
.featured-list ul { display: block; margin:auto; flex-wrap: inherit; max-width:310px;}
.featured-list ul li, .hp-sponsor-links .sponsor-links ul li { margin: 0px 0px 19px; width:100%; }
.featured-list ul li:nth-child(3n), .hp-sponsor-links .sponsor-links ul li:nth-child(3n) {margin: 0px 0px 19px;}
.featured-list ul li a { padding:30px;}
.copyright .f-left span { display:block; margin:0px 0px 5px;}
.jobs-filter h3 { margin:0px 0px 15px; width:100%;}
.jobs-filter .f-right { width:100%;}
.search-jobs .form-group { margin:0px 0px 15px;}
.jobs-list ul li .job-title { width:100%; }
.jobs-list ul li .job-post-time { margin:5px 0px 0px; width:100%; text-align:left;}
.job-details h1 { font-size:32px; line-height:34px;}
.cmn-banner-links .search-jobs .form-group { margin:0px;}
.foreign-teachers {
grid-template-columns: repeat(3, 33%);
grid-gap: 3px;
}
.foreign-teachers-main {
grid-template-columns: repeat(3, 33%);
grid-gap: 3px;
}
.foreign-teacher-header {
grid-template-columns: 100%;
}
.foreign-teacher-img img, .local-time .flag img, .foreign-teachers ul, .foreign-teachers-main ul {
display: none;
}
.local-time {
text-align: center;
}
.profile-image img {
width: 100%;
height: 103px;
border-radius: 0%;
}
.foreign-teachers h3, .foreign-teachers-main h3 {
font-size: 15px;
font-weight: 600;
padding-bottom: 0px;
}
.foreign-teacher-btn {
top: 85%;
}
.week-btn {
padding: 6px;
font-size: 13px;
}
.mobile-nationality-home {
display: block;
text-align: center;
font-size: 14px;
color: #000;
}
.city-job-title {
font-size: 22px;
text-align: center;
}
.foreign-teachers-duty {
padding: 10px 0px;
}
.foreign-teachers-week-button {
padding: 0px;
}
.header-logo {
height: 44px;
}
.header-icon-section, .header-icon-mobile, .mobile-app-phone, .section-link, .footer-mobile {
display: block;
}
.hp-featured, .mobile-app-section, .footer-desktop {
display: none;
}
}
@media screen and (max-width:479px) {
.find-job h1 { margin:0px 0px 20px; font-size:24px; line-height:26px;}
.foot-links .f-col { padding:0px; width:100%;}
}
@media screen and (max-width:374px) {
.find-job { padding:30px 20px; }
.find-job h1 { font-size:22px; line-height:24px;}
.search-jobs input[type="text"] { width:280px;}
.jobs-filter .btn-primary { margin:0px;}
}
@media (max-width:1086px) {
.job-title-apply { grid-template-columns: 80% 20%; }
}
@media (max-width:995px) {
.job-detail-part { grid-template-columns: 100%; }
.job-img { margin-bottom: 20px; }
.job-calendar { margin-bottom: 60px;}
}
@media (max-width:767px) {
.job-title-apply { grid-template-columns: 100%; }
.apply-now { margin-top: 10px; }
.job-detail-desc { grid-template-columns: 100%; text-align: center; }
.job-detail-name { margin-top: 10px; }
.contact-grid { display: grid; grid-template-columns: 100%; grid-gap: 0%; }
.job-detail-name { grid-template-columns: 100%; }
.job-shate-like { text-align: center; }
.ChinaMap { margin-bottom: 10px; }
.job-more-info { grid-template-columns: 100%; }
.city-profile-about {grid-template-columns: 100%; grid-gap: 0%; }
.city-profile-more { grid-template-columns: 100%; grid-gap: 0%; }
.city-profile-margin { margin-top: 20px; }
}
@media (max-width:576px) {
.city-job { grid-template-columns: 100%; grid-gap: 0%; }
.job-list-home { margin-top: 20px; }
.mobile-app { grid-template-columns: 100%; grid-gap: 0%; }
.mobile-store-des { margin-top: 30px; }
.imgDiv { min-height: 380px; }
.job-info-detail { grid-template-columns: 100%; }
.job-detail-name { margin-top: 10px;}
.map-google-china { width: 94%; min-height:300px; margin: auto;}
}