@define a { color: #d9ac27; } @define alink { color: #26aad0; } @define ahover { color: #28aed4; } @define alight { color: ; } -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } @define rotate180 { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } @define rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); } @define xfont { font-family: 'Roboto', 'Segoe UI', sans-serif; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes fadeInDown { from { opacity: 0; filter: alpha(Opacity:0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; filter: alpha(Opacity:100); -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInDown { from { opacity: 0; filter: alpha(Opacity:0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; filter: alpha(Opacity:100); -webkit-transform: none; transform: none; } } @-o-keyframes fadeInDown { from { opacity: 0; filter: alpha(Opacity:0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; filter: alpha(Opacity:100); -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; filter: alpha(Opacity:0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; filter: alpha(Opacity:100); -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInUp { from { opacity: 0; filter: alpha(Opacity:0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; filter: alpha(Opacity:100); -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { from { opacity: 0; filter: alpha(Opacity:0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; filter: alpha(Opacity:100); -webkit-transform: none; transform: none; } } @-o-keyframes fadeInUp { from { opacity: 0; filter: alpha(Opacity:0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; filter: alpha(Opacity:100); -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; filter: alpha(Opacity:0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; filter: alpha(Opacity:100); -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeIn { from { opacity: 0; filter: alpha(Opacity:0); } to { opacity: 1; filter: alpha(Opacity:100); } } @-moz-keyframes fadeIn { from { opacity: 0; filter: alpha(Opacity:0); } to { opacity: 1; filter: alpha(Opacity:100); } } @keyframes fadeIn { from { opacity: 0; filter: alpha(Opacity:0); } to { opacity: 1; filter: alpha(Opacity:100); } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .head-article.article .container{ } .head-article .ctas-fixed{ display:none; } .head-article.sticky .ctas-fixed{ position: fixed; top: 57px; left: 0px; width: 100%; z-index: 999; background-color: transparent; } .head-article.sticky .ctas-fixed a{ line-height: 45px; padding: 0px 25px; max-width: 300px; } .head-article .banner__cover{ position: static; } #article { padding: 30px 0px; } #sidebar-left { flex: 0 0 27%; position: relative; } .ctas{ margin-bottom: 15px; } .ctas .btn-apply { color:#fff; position:relative; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; font-weight:bold; display:block; padding: 10px 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #d9ac27; } #article-right { flex: 0 0 70%; padding-left: 3%; } .head-article.article { position: relative; } .head-article .head-text { text-align:center; margin-bottom: 30px; } .head-article .title { margin-bottom: 10px; color:#000; font-size:28px; font-weight:bold; } .head-article .breadcrumb a { color:#d9ac27; border-color: #d9ac27; } .head-article .post-type .type { display:inline-block; font-size:13px; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-transform:uppercase; padding: 4px 10px; margin-right: 10px; } .head-article .post-type .type.dept { background-color: #d9ac27; } .head-article .post-type .type[data-job-type='ft'] { background-color: #A6D32B; } .head-article .post-type .type[data-job-type='pt'] { background-color: #F09820; } .head-article .post-type .type[data-job-type='cs'] { background-color: #F06020; } .head-article .post-type .type[data-job-type='it'] { background-color: #8259DD; } .head-article .post-type .type[data-job-type='fl'] { background-color: #d88282; } .head-article .post-type .type[data-job-type='vl'] { background-color: #7a20f0; } .footer-article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; position:fixed; bottom: 0px; background-color: white; left: 0px; display: table; z-index: 2; line-height: 25px; box-shadow: 0px 1px 1rem rgba(0, 0, 0, 0.1); padding: 10px 0px; } .footer-article .cell { display:table-cell; vertical-align:middle; } .footer-article .name { text-align:center; font-size:16px; color:#156d94; line-height: 30px; opacity: 0; filter: alpha(Opacity:0); padding: 0px 20px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .footer-article.stick .name { opacity: 1; filter: alpha(Opacity:100); -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .footer-article .breadcrumb{ width: 20%; } .footer-article.stick .breadcrumb a { color:#d9ac27; border-bottom-color: #d9ac27; } .footer-article .ctas { text-align:right; } #article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 60px; line-height: 25px; } #article .desc-job { display: table; width:100%; } #article .desc-job .desc { line-height: 25px; margin-bottom: 10px; } #article .desc-job .-desc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fbfbfb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px; margin-bottom: 20px; border: 1px solid #e4e4e4; } #article .desc-job .desc span { font-weight:bold; } #article .desc-job .-desc li { color:#888; border-bottom: 1px solid #e4e4e4; padding: 0.75em 0; margin-bottom: 15px; padding-top: 0; } #article .desc-job .-desc li:last-child { padding-bottom: 0; border-bottom: none; } #article .desc-job .-desc li strong { font-size:16px; color:#000; display:block; font-weight:normal; } .box-share { position:relative; margin-bottom: 20px; } .box-share .name { color:#000; font-weight:bold; text-transform:uppercase; margin-bottom: 10px; } .box-share .btn-share { width: 120px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 40px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:inline-block; position:relative; color:#87898f; padding-left: 30px; background-color: #fff; height: 40px; border: 1px solid rgba(0, 0, 0, 0.1); } .box-share .btn-share span { position:absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; top: 0px; line-height: 40px; width: 30px; height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.1); left: 0px; } .box-share .btn-share.-fb:hover { color:#fff; background-color: #3b5999; } .box-share .btn-share.-mail:hover { color:#fff; background-color: #dd4b39; } .article .content-article { line-height: 25px; } .article .content-article h2, .article .content-article h3, .article .content-article h4, .article .content-article h5 { margin-bottom: 20px; line-height: 1.3; color:#d9ac27; font-weight:normal; } .article .content-article h2 { font-size:24px; } .article .content-article h3 { font-size:20px; } .article .content-article h4 { font-size:18px; } .article .content-article h5 { font-size:16px; } .article .content-article div, .article .content-article p, .article .content-article li { margin-bottom: 20px; } .article .content-article li:before { content: "\f375"; display:inline-block; color:#156d94; font-family: "ap"; margin-left: 20px; margin-right: 10px; } .article .content-article img{ max-width: 100%; } .article .list-related { border-top: 1px solid #e6e7e8; margin-top: 40px; padding: 40px 0px; } .article .list-related .name { font-size:18px; color:#000; font-weight:bold; text-transform:uppercase; margin-bottom: 20px; } .article .list-related a { color:#888; display:block; margin-bottom: 10px; } .article .list-related a:hover { color:#d9ac27; } .article .list-related .btn-viewall { color:#d9ac27; font-weight:bold; margin-top: 10px; } .breadcrumb { margin-bottom: 20px; } .breadcrumb a { display:inline-block; color:#156d94; border-bottom: 1px solid #156d94; } .container { width:100%; position:relative; max-width: 1160px; margin: 0px auto; } .row{ display: flex; flex-wrap: wrap; flex-direction: row; } .section{ padding: 50px 0px; } #scroll-top { text-align:center; display:block; position:fixed; color:#87898f; font-size:20px; bottom: 60px; right: 10px; z-index: 300; width: 40px; height: 40px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); opacity: 0; filter: alpha(Opacity:0); border-radius: 50%; transform: translate(0px, 10px); -ms-transform: translate(0px, 10px); -webkit-transform: translate(0px, 10px); -moz-transition-transform: translate(0px, 10px); -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } #scroll-top:hover { color:#d9ac27; border-color: #d9ac27; } #scroll-top span { line-height: 40px; } #scroll-top.show { opacity: 1; filter: alpha(Opacity:100); -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; transform: none; -ms-transform: none; -webkit-transform: none; -moz-transition-transform: none; } .btn-apply { padding: 7px 15px; display:inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; white-space: nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .divider { border-top: 2px solid #eee; clear: both; } .section- { padding: 40px 0px; } .select-custom { padding: 0; margin: 0; width: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; clear:both; position:relative; border:1px solid #e6e7e8; } .select-custom:before { font-family: "FontAwesome"; content: "\f0d7"; right: 10px; color:#888; position:absolute; line-height: 40px; } .select-custom select { padding: 10px 15px; width:100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-custom select:focus { outline: none; } #application-canvas { position:fixed; z-index: 999; top: 0px; left: 0px; right: 0px; } #application-canvas:after{ content: ''; position:absolute; width:100%; height: 100%; top: 0px; left: 0px; right: 0px; z-index: 1; background-color: #00000085; } .outer-canvas{ position:relative; margin: 60px auto; z-index: 2; } #appform { width: 100%; flex: 0 0 100%; margin-bottom: 40px; } #appform h1{ color:#d9ac27; font-weight:bold; line-height: 35px; } #appform .wrapper{ background-color: #fff; padding:20px 30px; -moz-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2); border: none; } #appform h2{ font-weight:300; font-size:30px; padding-bottom:30px; } #appform .form .row{ padding-bottom:25px; } #appform .form .row .ext{ color:#aaa; font-weight:300; font-size:14px; padding-top:10px; } #appform .form .row .label{ color:#666; font-weight:bold; display:block; width:100%; padding-bottom:8px; } #appform .form .row .input, #appform .form .row .select, #appform .form .row .data{ width:100%; } #appform .form .row .input input, #appform .form .row .input textarea{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; display:block; padding:0; margin:0; border:none; background:transparent; } #appform .form .row .input input, #appform .form .row .input textarea{ padding:11px 13px; border:1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #appform .form .row .input.first{ flex: 0 0 49%; padding-right: 2%; } #appform .form .row .input.second{ flex: 0 0 49%; } #appform .form .submit{ background-color: #d9ac27; padding:15px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-weight:500; font-size:16px; position:relative; text-align:center; color:#fff; cursor:pointer; font-weight:500; margin-top:30px; } #appform .form .submit:hover { background-color: #b78e17; } #appform .form .upload{ position:relative; width:100%; border:1px dashed #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top:10px; } #appform .form .upload:hover{ background-color: #f8f8f8; } #appform .form .upload .text{ position:relative; text-align:center; font-size:15px; z-index:100; padding:10px 0; } #appform .form .upload .text .more{ font-size:13px; font-weight:300; color:#999; padding-top:4px; } #appform .form .upload input{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; display:block; padding:0; margin:0; border:none; background:transparent; } #appform .form .upload input{ display:block; position:absolute; white-space: nowrap; width:100%; height:100%; z-index:101; opacity: 0; filter: alpha(Opacity:0); } #appform .form .cancel{ padding:15px 0; text-align:center; cursor:pointer; font-weight:300; font-size:16px; color:#999; margin-top:30px; } #appform .form .cancel:hover{ color:#111; text-decoration:underline; } .app-closebutton { color:#000; position:absolute; top: -17px; right: -17px; width: 35px; height: 35px; line-height: 35px; text-align:center; background-color: #fff; cursor: pointer; border-radius: 100%; } * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { overflow: initial; font-size:14px; color:#87898f; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; font-family:"Roboto","Segoe UI","Lato", "Helvetica Neue", Helvetica; } a { color:#0a8cc6; font-weight:normal; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } a:hover, a:focus { color:#205081; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .clearfix { clear: both; } .overview__head{ text-align:center; margin-bottom: 20px; } .overview__head h2{ color:#d9ac27; font-size:24px; text-transform:uppercase; line-height: 30px; margin-bottom: 10px; } .overview__head p{ text-align:right; max-width: 865px; } .overview__text { color:#747b81; font-size:17px; margin: 0px auto; line-height: 22px; } .overview__text p{ margin-bottom: 10px; } .overview__text ul{ margin-bottom: 10px; } .overview__text ul span{ font-size:16px; } .overview__text .join { font-weight:bold; color:#3a3f44; margin-top: 10px; } .overview__text .join a{ font-weight:bold; } .overview__image{ margin-top: 30px; } .overview__image img{ max-width: 100%; } #feature-jobs { padding: 60px 0px; background-color: #FAFAFA; } #feature-jobs .section-title { color:#d9ac27; font-size: 32px; margin-bottom: 30px; text-align:center; } #feature-jobs .title { font-size:32px; color:#156d94; text-transform:uppercase; font-weight:normal; text-align: center; margin-bottom: 35px; } .feature-item { float:left; width: 100%; display: block; overflow: hidden; padding: 15px 10px; border-bottom: 1px solid #eee; position: relative; transition: all .3s ease-out; } .feature-item .feature-info { } .feature-item h3 { display:block; overflow: hidden; font-size:20px; color:#333; line-height: 1.3em; margin-bottom: 5px; transition: all .3s ease-out; } .feature-item h3 a{ display:block; font-size:20px; color:#333; font-weight:500; } .feature-item h3:hover a{ color:#d9ac27; } .feature-item .location-type span{ display:inline-block; color:#d9ac27; vertical-align: middle; } .feature-item span { display:block; overflow: hidden; font-size:14px; color:#666; } .feature-item .feature-etime{ float:right; width: 10%; text-align: right; } .feature-item .location-type p { margin-top: 5px; } .feature-item .feature-cta { position: absolute; top: 15px; right: 0px; } .feature-item .feature-cta a{ padding: 8px 20px; color: #fff; font-size: 14px; border-radius: 3px; background-color: #d9ac27; } .feature-item .feature-info .location-type a { color: #87898f; } .list-cats { flex: 0 0 75%; padding-left: 3%; } .jobs__title{ text-align:center; margin-bottom: 30px; } .jobs__title h2 { font-size:24px; text-transform:uppercase; color:#d9ac27; line-height: 30px; } .item--job { position:relative; padding: 30px 0px 30px 0; border-bottom: 1px solid #e4e4e4; } .item--job .name__job { margin-bottom: 10px; } .item--job .name__job .title { font-size:20px; font-weight:bold; } .item--job .name__job .title a { color:#333; font-size:20px; font-weight:bold; } .item--job .name__job .title:hover a { color:#d9ac27; } .item--job .desc__job ul li { font-size:15px; display:inline-block; margin-right: 20px; line-height: 30px; } .item--job .desc__job a { color:#87898f; } .item--job .desc__job span.-ap, .item--job .desc__job span[class*='ficon-'] { font-weight:bold; color:#d9ac27; margin-right: .3em; } .item--job .job__cta{ position:absolute; top: 30px; right: 0px; } .item--job .job__cta a{ padding: 8px 20px; color: #fff; font-size: 14px; border-radius: 3px; background-color: #d9ac27; } .desc__job .salary { font-weight:bold; } .desc__job .salary.orange { color:#FF9500; } .desc__job .salary.green { color:#4CD964; } .__pag { text-align: right; padding-top: 20px; } .__pag label { display: none; } .pag:hover, .pag.active { color: rgb(0, 170, 172) !important; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 170, 172, 1) inset; box-shadow: 0px 0px 0px 1px rgba(0, 170, 172, 1) inset; } .ficon-angle-double-left::before { content: "\f100"; } .ficon-angle-double-right::before { content: "\f101"; } .pag.disabled:hover { box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; color: rgba(0, 0, 0, 0.6) !important; } .pag { cursor: pointer; display: inline-block; min-height: 1em; outline: none; border: none; vertical-align: baseline; margin: 0em 0.25em 0em 0em; padding: 0.78571429em 1.5em 0.78571429em; text-transform: none; text-shadow: none; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; border-radius: 0.28571429rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent none !important; color: rgba(0, 0, 0, 0.6) !important; font-weight: normal; -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; } .section-testimonials{ position: relative; } .section-testimonials::after{ content: ''; position: absolute; top: 0px; left: 0px; width:100%; height:100%; z-index: 2; background-color: #000000b5; } .testimonials__wrap{ position: relative; z-index: 9; } .testimonial { color: #fff; text-align: center; } .testimonial img { border-radius: 50%; display: inline-block; height: 150px; width: 150px; } .testimonial blockquote { border: 0; margin: 0; padding: 30px 10%; } .testimonial blockquote p { font-size: 16px; font-style: italic; margin-bottom: 15px; line-height: 22px; } .testimonial blockquote footer { font-size: 18px; } .testimonial__item .testimonial img { margin-top: 25px; box-shadow: 0 0 0 5px #d9ac27, 0 0 0 15px rgba(217,172,39, 0.15), 0 0 0 25px rgba(217,172,39, 0.15); } #section_logobrand{ padding: 35px 0px; background-color: #f4f4f4; } .logo_all { padding: 30px 0; } .box_logo { clear: both; margin-bottom: 20px; } .box_logo h3{ text-transform: uppercase; } .box_logo ul { margin: 0; padding: 0; } .box_logo li { list-style: none; margin-bottom: 15px; text-align: center; float: left; margin: 0 30px; } .box_logo img { max-height: 55px; } @media (min-width: 1024px){ .box_logo:first-child { padding-top: 20px; } .box_logo h3 { border-right: 1px dotted #ccc; height: 60px; float: left; width: 150px; margin: 0; font-size: 18px; text-align: left; color: #808285; font-weight: bold; padding-top: 12px; } .box_logo h3 span { display: block; font-size: 11px; } .box_logo ul { float: left; border-bottom: 1px dotted #ccc; } .box_logo li { float: left; height: 60px; } .box_logo li a { vertical-align: middle; } } @media(max-width: 1024px){ .box_logo h3 { border-bottom: 1px dotted #ccc; padding-bottom: 10px; font-size: 18px; color: #8d8787; margin-bottom: 20px; } } @media screen and (max-width: 800px) and (min-width: 360px){ .box_logo li { display: inline-block; width: 19%; height: 60px; } } #alljobs #company{ text-align:center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100% !important; padding: 0rem; padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 20px; align-items: center; justify-content: center; } #alljobs .row>.column { position: relative; display: inline-block; padding-left: 1rem; padding-right: 1rem; margin-top: 1rem; margin-bottom: 1rem; vertical-align: top; } #company .column a { background-color: #d9ac27; color: #fff; padding: 10px; border-radius: 20px; } #company .column a.active::after { content: "\f00c"; margin-left: 10px; font-family: FontAwesome; } .fb-messenger { position: fixed; bottom: 40px; right: -10px; z-index: 99; } .zalo-chat-widget{ left: 0 !important; } #footer .prefooter { background-color: #1a1a1a; padding: 120px 0 90px; } .prefooter .col-5 { flex: 0 0 44%; padding-right: 4%; } .prefooter .col-4 { flex: 0 0 30%; } .prefooter .col-3 { flex: 0 0 25%; padding-right: 4%; } .prefooter .col-3:last-child { padding-right: 0px; } .link__foo h3 { font-size:20px; color:#d9ac27; text-transform:uppercase; margin-bottom: 10px; } .link__foo .textwidget { font-size:15px; color:#888; text-align:justify; line-height: 25px; } .link__foo .foo-contact p{ font-size:15px; color:#888; display:block; margin-bottom: 10px; } .link__foo .foo-contact p a{ font-size:15px; color:#888; } .foo-contact h4{ font-size:18px; margin-bottom: 10px; } .foo--ul li { line-height: 35px; } .foo--ul li a { font-size:17px; color:#888; display:block; } .foo--ul li a:hover { @@mainh; } .foo--ul li span { color:#d9ac27; } #footer .credits { background-color: #000; text-align:center; font-size:16px; padding: 30px 0; } .credits a{ color:#d9ac27; display:inline-block; } .credits [class*='icon-']{ border: 2px solid #d9ac27; border-radius: 50%; display: inline-block; font-size: 1.25em; height: 50px; line-height: 50px; margin: 0 0.25em 1em 0.25em; text-align: center; width: 50px; } #header-recr { position: sticky; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; left: 0; top: 0; width:100%; z-index: 100; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; box-shadow: 0px 0px 4px #ccc; } #header-recr.stick { position:fixed; width:100%; z-index: 11; top: 0px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } #header-recr.stick .logo img { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } #header-recr.stick .box-menu { padding-top: 0px; } #header-recr .logo { display:inline-block; padding: 5px 0px; vertical-align: middle; } #header-recr .logo img { display:inline-block; height: 60px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } #header-recr .box-menu { float:right; padding: 15px 0px; vertical-align: middle; } .box-menu .links .menus{ display:inline-block; } .box-menu .links .menus li { position:relative; display:inline-block; padding: 0; } .box-menu .links .menus li a { color:#333; display:block; height: 100%; font-size:14px; text-transform:uppercase; line-height: 40px; padding: 0 15px; text-shadow: none; transition: none; } .box-menu .links .menus li.active a, .box-menu .links .menus li:hover a { color:#d9ac27; } .box-menu .menu-join { display:inline-block; } .box-menu .menu-join a{ color:#fff; font-weight:normal; background-color: #d9ac27; text-transform: none; } #header-recr.showfixed .links { right: 0px; $transtion: all 0.3s ease; opacity: 1; filter: alpha(Opacity:100); visibility: visible; } #overlay-common { position:fixed; width:100%; height:100%; display:none; background: transparent; z-index: 9; top: 0px; left: 0px; } #header-recr.showfixed #overlay-common{ display:block; } #header-recr .menu-nav { display: none; color:#87898f; font-size:20px; vertical-align:middle; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; width: 35px; height: 35px; line-height: 35px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #e6e7e8; } #header-recr .menu-nav:hover { color:#323c46; border:1px solid #323c46; } .section-banner{ position:relative; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 600px; } .section-banner .container { position: absolute; width: 100%; height: 100%; left: 50%; top: 0px; transform: translateX(-50%) translateY(0%); -webkit-transform: translateX(-50%) translateY(0%); } .banner__cover{ position:absolute; top: 0px; left: 0px; width:100%; height: 100%; } .banner__cover img{ width:100%; object-fit: cover; height: 100%; } .banner__text{ position: absolute; width: 100%; bottom: 100px; left: 15px; } .banner__text .title{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#d9ac27; font-weight:bold; font-size:40px; text-transform:uppercase; margin-bottom: 10px; line-height: 1.2; } .banner__text .desc{ font-size:20px; color:#333; font-weight:normal; text-transform:uppercase; font-style: italic; line-height: 24px; } .box-search{ margin-top: 20px; max-width: 880px; } .box-search .form-group { position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .box-search .form-group.box-input { width: 60%; display:inline-block; vertical-align:middle; margin-right:1.78571%; } .box-search .form-group.-button { margin-right: 0; width: 17.17857%; text-align:left; display:inline-block; vertical-align:middle; } .box-search .form-control { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; background-color: white; border:1px solid #e6e7e8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 45px; } .box-search .form-group.-button .btn-search { width:100%; text-align:center; display:inline-block; color:#fff; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #d9ac27; height: 45px; line-height: 45px; } .box-search .form-group.-button a { width:100%; text-align:center; display:inline-block; color:#fff; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #d9ac27; height: 45px; line-height: 45px; } .sidebar { flex: 0 0 25%; } .sidebar .filter { margin-bottom: 20px; color:#42464e; } .sidebar h3 { font-weight:bold; font-size:16px; color:#42464e; text-transform:uppercase; line-height: 30px; margin: 0 0 15px; } .sidebar .filter a { display:block; position:relative; padding-left: 25px; margin-bottom: 15px; cursor: pointer; font-size:14px; color:#7d8492; line-height: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sidebar .filter a::before { font-family: 'ap' !important; content: '\f372'; position:absolute; top: 0px; left: 0px; color:#888; height: 23px; width: 23px; font-size:23px; border-radius: 3px; } .sidebar .filter a.active::before { font-family: 'ap' !important; content: '\f374'; color:#d9ac27; } .sidebar .title-cat { font-size:20px; font-weight:bold; color:#d9ac27; margin-bottom: 15px; } .sidebar .list-category .check-action { font-size:17px; margin-bottom: 15px; color:#888; } .sidebar .list-category .check-action a{ display: block; color:#888; position:relative; padding-left: 20px; line-height: 22px; } .sidebar .list-category .check-action a::before { font-family: 'FontAwesome' !important; content: '\f096'; position: absolute; top: 0px; left: 0px; color: #333; height: 16px; width: 16px; font-size: 16px; border-radius: 3px; } .sidebar .list-category .check-action:hover a{ color: #d9ac27; } .sidebar .list-category .check-action.active a{ color: #d9ac27; } .sidebar .list-category .check-action.active a::before { font-family: 'FontAwesome' !important; content: '\f046'; color: #d9ac27; } .sidebar .list-category { margin-bottom: 30px; } .check-action input { opacity: 0; filter: alpha(Opacity:0); position:absolute; display:block; width:100%; z-index: 2; height: 100%; cursor: pointer; } .check-action { display:block; position:relative; color:#87898f; } .check-action:hover { color:#d9ac27; } .check-action:hover .icon { color:#156d94; } .check-action .icon { font-family: 'FontAwesome' !important; margin-right: 10px; } .check-action .icon:before { content: "\f096"; } .check-action input:checked+.icon:before { content: "\f046"; color:#d9ac27; } .sidebar .list-category .filter { margin-bottom: 20px; } .sidebar .list-category .list { padding-left: 0px; } .sidebar .list-category .filter a{ display:block; font-size:16px; color: #333; margin-bottom: 10px; padding-left: 20px; position: relative; } .sidebar .filter a::before{ font-family: 'FontAwesome' !important; content: '\f096'; position: absolute; top: 4px; left: 0px; color: #333; height: 16px; width: 16px; font-size: 16px; border-radius: 3px; } .sidebar .filter a.active::before{ font-family: 'FontAwesome' !important; content: '\f046'; color: #d9ac27; font-weight:bold; color:#d9ac27; } .sidebar .list-category .list .li.active a::before{ font-family: 'FontAwesome' !important; content: '\f046'; color: #d9ac27; } .sidebar .list-category .list .li.active a{ font-weight:bold; color:#d9ac27; } .sidebar .list-category .check-action a{ color:#888; display:block; } .sidebar .list-category .check-action.active a{ font-weight:bold; color:#d9ac27; } .baseui.button.disabled { opacity: .3; filter: alpha(Opacity:30); -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; cursor: default; pointer-events: none !important; } .baseui.input { position:relative; font-weight:normal; width:100%; font-style: normal; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: rgba(0, 0, 0, 0.87); margin-top: 10px; margin-bottom: 10px; } .baseui.input>input { text-align:left; max-width: 100%; margin: 0em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#FFFFFF; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; outline: none; padding: 6px 1em; color: rgba(0, 0, 0, 0.87); box-shadow: none; border: 1px solid #dedede; } .baseui.input.fluid { width:100%; } .baseui.icon.input>i.icon { cursor: default; position:absolute; text-align:center; opacity: 0.5; filter: alpha(Opacity:50); line-height: 1; top: 0px; right: 0px; margin: 0em; height: 100%; width: 2.67142857em; } .baseui.icon.input>i.icon:before, .baseui.icon.input>i.icon:after { position:absolute; text-align:center; width:100%; left: 0; top: 50%; margin-top: -0.5em; } .sidebar .list-category .list.scrollable { overflow: hidden; max-height: 345px; } .sidebar .list-category .list.scrollable:hover { overflow-y: scroll; transition: all .2s ease; } #locations::-webkit-scrollbar, #departments::-webkit-scrollbar { width: .5em; } #locations::-webkit-scrollbar-track, #departments::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, .05); } #locations::-webkit-scrollbar-thumb, #departments::-webkit-scrollbar-thumb { background-color: #d9ac27; outline: 1px solid #d9ac27; } @media(max-width: 991px){ .section-banner{ min-height: 370px; } .banner__text{ position: static; padding: 50px 0px; } .list-cats, .sidebar{ flex: 0 0 100%; padding-left: 0; } .box-share .btn-share{ margin-bottom: 10px; } .app-closebutton{ right: 0; } #header-recr .menu-nav{ display:block; } #header-recr .links{ position:fixed; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px; z-index: 10; top: 0px; width: 220px; height: 100%; background-color: #272D34; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; right: -220px; visibility: hidden; opacity: 0; filter: alpha(Opacity:0); } #header-recr .links li{ float: none; } #header-recr .links a{ display:block; color:#fff; opacity: 0.6; filter: alpha(Opacity:60); padding:10px 0px; line-height: inherit; } #header-recr .links a:hover{ opacity: 1; filter: alpha(Opacity:100); } #header-recr .links .menu-right{ margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); } #header-recr .links .btn-contact{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align:center; color:#fff; border:1px solid #fff; } #header-recr .links.btn-contact:hover{ color:#d9ac27; background-color: #fff; } .box-menu .links .menus li.active a, .box-menu .links .menus li:hover a{ background: transparent; } #header-recr .box-menu .menu-join a{ padding: 10px; opacity: 1; } } @media(min-width: 768px){ .outer-canvas{ width: 750px; } #appform .wrapper{ padding: 15px 20px; } } @media(max-width: 767px){ .prefooter .link__foo{ flex: 0 0 100%; padding: 0; margin-bottom: 20px; } #article{ padding: 30px 0px; } #sidebar-left, #article-right{ flex: 0 0 100%; padding: 0px; } .head-article .title{ font-size:24px; line-height: 1.2; } .footer-article .breadcrumb, .footer-article .name{ display:none; } #appform .wrapper{ margin: 0px 00px 0px; } #appform h1{ font-size: 24px; padding-bottom: 20px; } .box-search .form-group.box-input{ width:100%; display:block; margin: 0px; margin-bottom: 15px; } .box-search .form-group.-button{ width:100%; display:block; } .box-search .form-group.-button .btn-search{ margin-bottom: 10px; } .head-article .banner__cover{ height: 200px; } .head-article .head-text{ max-width: 100%; margin-left: 0px; background-color: transparent; } } @media(max-width: 500px){ .section-banner{ min-height:400px; } .banner__text{ padding: 35px 0px; } .banner__text .title{ font-size: 35px; } .banner__text .desc{ font-size:18px; } .testimonial blockquote{ font-size:16px; padding: 30px 5%; } } .component__top--v9 { bottom: 90px; background-color: #d9ac27; } .component__top--v9:hover { } .component__top--v9 i.icon { } .component__top--v9.--show { }