@define a { color: #ffc20e; } @define alink { color: #1d8ccb; } @define ahover { color: #1e8fcf; } @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; } #component__top { text-align:center; display:block; position:fixed; color:#fff; font-size:20px; background-color: #ffc20e; opacity: 0; filter: alpha(Opacity:0); -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; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2); bottom: 60px; right: 10px; z-index: 300; width: 50px; height: 50px; transform: translate(0px, 10px); -ms-transform: translate(0px, 10px); -webkit-transform: translate(0px, 10px); -moz-transition-transform: translate(0px, 10px); } #component__top:hover { $bg: #f4c432 } #component__top { line-height: 50px; } #component__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; } .top-article{ background-color: #fafafa; position:relative; } .top-article .container{ padding:20px 0px; } .job-detail .cell{ vertical-align:top; } .job-detail .detail-head{ padding-bottom: 40px; border-bottom: 1px dotted #e0e0e0; } .job-detail .detail-head .detail__desc { width: 65%; } .post-type{ margin-bottom: 20px; } .post-type .type{ display:inline-block; margin-right: 10px; } .post-type .type .-ap{ margin-right: 5px; } #article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 25px; } .ctas .btn-apply { padding: 10px 40px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 25px; background-color: #ffc20e; 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; } .ctas .btn-apply:hover:after { content: ""; bottom: 0px; left: 0px; height: 3px; position:absolute; width:100%; background: rgba(0,0,0,0.2); } .box-share { position:relative; right: 0px; } [class^="ficon-"], [class*=" ficon-"]{ margin-right: 0px; } .detail-head .title{ font-size:32px; font-weight:normal; color:#ffc20e; line-height: 1.3; } .detail-head .detail__button{ width:350px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .box-share .share__name { color:#888; display:block; margin-bottom: 20px; } .detail-head .ctas{ margin-bottom: 20px; } .detail-head .ctas .btn-apply{ width:100%; } .box-share .btn-share { width:35px; height: 35px; border-radius: 50%; line-height: 35px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:inline-block; position:relative; color:#212529; background-color: #fff; } .desc-job { margin-top: 20px; line-height: 25px; } .desc-job .desc{ margin-bottom: 10px; } .desc-job .desc span{ font-weight:bold; } .box-share .btn-share:hover{ opacity: 0.8; filter: alpha(Opacity:80); } .box-share .btn-share.-fb { color:#fff; background-color: #3b5999; } .box-share .btn-share.-mail { color:#fff; background-color: #dd4b39; } .article .content-article { line-height: 25px; padding-top:40px; text-align:justify; } .article .content-article h2, .article .content-article h3, .article .content-article h4, .article .content-article h5 { margin-bottom: 20px; line-height: 1.3; color:#333; font-weight:normal; } .article .content-article h2 { font-size:24px; color:#ffc20e; } .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; color:#333; } .article .content-article li:before { content: "\ea2b"; display:inline-block; color:#999; font-family: "ap"; margin-left: 20px; margin-right: 5px; } .list__related { padding-top: 40px; } .list__related .name { font-size:18px; font-weight:bold; margin-bottom: 20px; } .list__related a { display:block; line-height: 20px; margin-bottom: 15px; } .list__related .btn-viewall { font-weight:bold; text-align:center; display:inline-block; color:#ffc20e; margin-top: 20px; border-bottom: 1px dotted #e0e0e0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .breadcrumb a { display:inline-block; } .breadcrumb a:hover{ color:#354254; } .container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; position:relative; max-width: 1170px; margin: 0px auto; } .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; background-color: #fff; position:relative; } .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:1px solid #e0e0e0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .select-custom select:focus { outline: none; } .table{ display: table; width:100%; } .cell{ display:table-cell; vertical-align:middle; } #appform{ } #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); } #appform h1{ font-weight:300; font-size:36px; padding-bottom:30px; } #appform .form{ } #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; padding-bottom:8px; } #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{ float:left; width:45%; } #appform .form .row .input.second{ float:right; width:45%; } #appform .form .submit{ background-color: #7abd1a; 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 .upload{ position:relative; 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); top: 0px; } #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; } * { 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; } *, *::before, *::after { box-sizing: border-box; } html, body { overflow: initial; font-size:14px; color:#212529; -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","Helvetica Neue", Helvetica,arial; } a { color:#212529; font-weight:normal; -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:#2586b7; color:#ffc20e; -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; } .section { padding: 60px 0px; } .section-head { margin: 0px auto; text-align:center; margin-bottom: 40px; } .section-head .section__title { font-size:32px; font-weight:bold; display:inline-block; color:#ffc20e; line-height: 1.2; text-transform:uppercase; } .section-head .section__desc { font-weight:300; font-size:16px; line-height: 25px; } .section--head .section__desc a { border-bottom: 1px solid #eee; } .section-image { margin-top: 40px; } .section-image img { width:100%; } /*---- OVERVIEW ----*/ .section-overview .overview__item { line-height: 22px; text-align: justify; overflow: hidden; max-height: 75px; } .section-overview .overview__item p { margin-bottom: 10px; } .section-overview .overview__item.first { float:left; } .section-overview .overview__item.last { float:right; } .section-overview .overview__item ul { margin-bottom: 10px; } .section-overview .section-content.active .overview__item { max-height: 100%; } .section-overview .viewmore a { font-size:16px; color:#333; text-decoration: underline; } .section-overview .viewmore .less{ display:none; } #about .section-content.active .viewmore .more{ display:none; } #about .section-content.active .viewmore .less { display:block; } /*---- END OVERVIEW ----*/ /*---- BENEFITS ----*/ .benefits__item { width: 30%; margin-right: 5%; float:left; } .benefits__item:nth-child(3n+3) { margin-right: 0px; } .benefits__item:nth-child(3n+4) { clear: both; } .benefits__item { position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 40px; } .benefits__item .img--icon { font-size:32px; color:#ffc20e; text-align:center; margin-bottom: 10px; } .benefits__item .content--head { font-weight:bold; font-size:16px; color:#333; text-align:center; margin-bottom: 15px; } .benefits__item .content--desc { line-height: 22px; color:#87898f; text-align:justify; } .benefits__item .content--desc:hover {} .benefit__video { position: relative; padding-bottom: 45%; margin: 0px 10%; margin-top: 40px; } .benefit__video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .benefit__list { width: 50%; vertical-align:top; padding-right: 40px; } .benefit--item { padding: 15px 0px; } .benefit--item .benefit__item--desc { padding-left: 20px; } .benefit--item .title { font-size:16px; font-weight:bold; margin-bottom: 10px; line-height: 24px; } .benefit--item .benefit__item--desc .detail p { text-align:justify; display: block; display: -webkit-box; max-height: 60px; font-size: 13px; line-height: 20px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; } .benefit--item .benefit__item--desc.active .detail p { max-height: 100%; text-overflow: initial; -webkit-line-clamp: initial; } .benefit--item .benefit__item--desc .detail a { font-weight:500; } .benefit--item .benefit__item--desc.active a { display:none; } .benefit__item--image { width: 50px; } .benefit__item--image img { width:100%; } .section-benefit .benefit__image { width: 50%; } .section-benefit .benefit__image img { width:100%; } .section-head .section__title span { font-weight:bold; } /*---- END BENEFITS ----*/ /*---- CUSTOMER ----*/ .saycustomer{ text-align:center; } .saycustomer img { max-width: 100%; } .saycustomer-content { margin: 0px auto; text-shadow: none; color:#212529; position:relative; text-align:center; min-height: 100%; } .saycustomer-content .saycustomer__title { color:#fff; font-size:32px; margin-bottom: 20px; } .saycustomer-content .saycustomer__say { color:#fff; font-size:20px; font-style:italic; } .saycustomer-content .saycustomer__say:before, .saycustomer-content .saycustomer__say:after { font-family: "ap"; display:inline-block; opacity: 0.6; filter: alpha(Opacity:60); font-style: normal; } .saycustomer-content .saycustomer__say:before { content: "\e8e7"; margin-right: 5px; } .saycustomer-content .saycustomer__say:after { content: "\e8e8"; margin-left: 5px; } .saycustomer-content .saycustomer__info { text-align:right; margin-top: 20px; } .saycustomer-content .saycustomer__info .name { font-weight:bold; font-size:22px; margin-bottom: 5px; } .saycustomer-content .saycustomer__info .pos { font-size:12px; opacity: 0.8; filter: alpha(Opacity:80); } /*---- END CUSTOMER ----*/ /*---- JOBS ----*/ .section-jobs .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .section-jobs .col-3{ width: 25%; padding: 0px 15px; } .section-jobs .col-9{ width: 75%; padding: 0px 15px; } .jobs-list .jobs__item { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); position:relative; } .jobs-list .jobs__item .list__item--title { padding-bottom: 2px; padding-right: 140px; } .jobs-list .jobs__item .list__item--title a { font-size:20px; color:#ffc20e; font-weight: 400; } .jobs-list .jobs__item .list__item--title a:hover { color:#212529; text-decoration: underline; } .jobs-list .jobs__item .list__item--info { color:#888; font-size:14px; padding-top: 15px; padding-right: 140px; } .jobs-list .jobs__item .list__item--info a { font-weight:normal; color:#555; } .jobs-list .jobs__item .list__item--info a:hover { @#main; text-decoration: underline; } .jobs-list .jobs__item .list__item--side { position:absolute; right: 0px; top: 20px; } .jobs-list .jobs__item .cta { color:#fff; float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px 20px; border: 1px solid #ffc20e; color: #ffc20e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .jobs-list .jobs__item .cta:hover { background-color: #ffc20e; color:#fff; } .jobs-list .jobs__item .icon-star-full { display:none; } #main-wrap .jobs-list .jobs__item.has-icon .list__item--title::after { content: "Hot"; font-size: 9px; color: #333; padding: 2px 5px; background-color: #ffc20e; margin-left: 15px; line-height: 12px; display: inline-block; font-weight: 600; text-transform: uppercase; vertical-align: top; } /*---- END JOBS ----*/ .__pag { text-align:right; padding: 10px 0px; } .__pag label { display:none; } .pag:hover, .pag.active { color: #ffc20e; -webkit-box-shadow: 0px 0px 0px 1px #ffc20e inset; box-shadow: 0px 0px 0px 1px #ffc20e 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; height: 36px; 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: #FFF 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; } /*-------------------------*/ #benefits .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } #benefits .col-2 { width: 33.33333%; padding: 0px 15px; } #benefits .item{ margin-bottom: 30px; } #benefits .item .icon { margin-bottom: 10px; } #benefits .item .icon img { height: 70px; } #benefits .item .main h3 { color:#000; font-size:15px; font-weight:bold; text-transform:uppercase; margin-bottom: 10px; } #benefits .item .main p { color:#333; font-size:14px; text-align:justify; line-height: 22px; overflow: hidden; max-height: 45px; } #benefits .item .main.active p{ max-height: initial; } #benefits .item .main .viewmore .less{ display:none; } #benefits .item .main.active .viewmore .more{ display:none; } #benefits .item .main.active .viewmore .less{ display:block; } /*--------------------------------*/ .search-form{ max-width: 768px; margin: 0px auto; margin-bottom: 40px; } .search-form .box-search{ position: relative; } .search-form .box-search .form-control{ width: 100%; height: 45px; padding: 0px 30px; border: 1px solid #e0e0e0; border-radius: 4px; background-color: #fff; } .search-form .box-search .btn-search{ position:absolute; top: 0px; right: 0px; text-align:center; font-weight:bold; height: 45px; line-height: 45px; cursor: pointer; padding: 0px 25px; border-radius: 4px; background-color: #ffc20e; } /*-------------------------*/ .section-news .row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .section-news .col-6{ width: 50%; padding: 0px 15px; } .section-news .video iframe{ width: 100%; height: 300px; } .title-news { margin-bottom: 20px; } .title-news h2 { color: #000; font-size: 20px; text-transform: uppercase; } .list-news .item { margin-bottom: 15px; } .list-news .item h3 a { color: #000; font-size: 16px; font-weight: bold; display: block; padding: 10px 0px; } .list-news .item h3:hover a{ color:#ffc20e; } .say-reward img{ max-width: 100%; } .section-video .video{ max-width: 768px; margin: 0px auto; } .section-video .video iframe{ width: 100%; height: 350px; margin-bottom: 30px; } .section-video .video h3{ color:#333; font-size:18px; margin-bottom: 10px; } .section-video .video p{ color:#333; font-size:15px; line-height: 22px; } .section-video .row{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .section-video .col-6{ width: 50%; padding: 0px 15px; } .section-video .section-head{ text-align:left; } .section-video .news-content .new-item{ width: 100%; display: table; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .section-video .news-content .new-item:last-child{ border-bottom: none; } .section-video .news-content .new-item .image{ width: 200px; height: auto; overflow: initial; display: table-cell; vertical-align: top; padding-right: 15px; margin-bottom: 0px; } .section-video .news-content .new-item .text{ display: table-cell; vertical-align: top; } #footer { padding: 30px 0px; border-top: 3px solid #ffc20e; } #footer .box-footer { width: 40%; } #footer .links-footer, #footer .contact { width: 25%; } #footer .col-3 { margin-right: 5%; float:left; } #footer .col-3:nth-child(3n+3) { margin-right: 0px; } #footer .title { color:#212529; text-transform:uppercase; margin-bottom: 20px; } #footer .links-footer a { display:block; color:#212529; margin-bottom: 10px; line-height: 25px; } #footer .links-footer a:hover { text-decoration:underline; } #footer .box-footer .logo { margin-bottom: 10px; } #footer .box-footer .logo img { height: 50px; } #footer .box-footer .address { color:#212529; line-height: 20px; margin-bottom: 10px; } #footer .box-footer .address p { margin-bottom: 10px; } #footer .box-footer .address .location { display:block; margin-bottom: 5px; } #footer .box-footer .address a { color:#ffc20e; } #footer .contact p { margin-bottom: 10px; color:#212529; } #footer .bottom-footer { border-top: 1px solid rgba(255, 255, 355, 0.1); margin-top: 20px; padding-top: 20px; color:#212529; position:relative; } #footer .bottom-footer a { color:#212529; } #footer .social a { font-size:25px; color:#212529; display:inline-block; } #footer .social a img{ width: 35px; } #footer .map{ margin-bottom: 20px; } #footer .map iframe{ width: 100%; height: 200px; } #header-recr { position: sticky; width:100%; top: 0px; left: 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; z-index: 11; background-color: #fcfcfc; padding: 10px 0px; } #header-recr.stick { position:fixed; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); } .overlay-common { position:fixed; width:100%; height:100%; z-index: 10; background: rgba(0,0,0,0); top: 0px; display: none; left: 0px; } #header-recr.showfixed .navigation { -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: 0px; } #header-recr .row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } #header-recr .col-3{ width: 20%; padding: 0px 15px; } #header-recr .col-9{ width: 80%; padding: 0px 15px; } #header-recr .logo { } #header-recr .logo img { } #header-recr .logo .name { position:relative; display:inline-block; color:#212529; font-size:18px; padding: 5px 15px; } #header-recr .box-menu { width:100%; text-align:center; } #header-recr .box-menu .links { display:inline-block; } #header-recr .box-menu .links a { font-size:16px; display:inline-block; color:#ffc20e; font-weight:bold; padding: 15px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #header-recr .box-menu .links a:hover, #header-recr .box-menu .links a.active { color:#fff; background-color: #ffc20e; } #header-recr .menu-right { display:inline-block; } #header-recr .box-menu .links .cta { color:#fff; padding: 10px 20px; display:inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #ffc20e; } #header-recr .box-menu .cta:hover { background-color: #f6b900; color:#fff; } #header-recr .join .cta { padding: 15px 25px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor:pointer; display:inline-block; color:#333; font-weight: 600; background-color: #ffc20e; text-shadow: none; -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 .join .cta:hover { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); transform: scale(1.01); -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; } .section-banner { position:relative; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-banner .banner__cover { position:relative; width:100%; height:100%; max-width: 100%; } .section-banner .banner__cover img { max-width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } .section-banner .bg { position:absolute; width:100%; height:100%; background-image: -webkit-linear-gradient(36deg, #1a8bf0 0, #25292d 100%); background-image: -moz-linear-gradient(36deg, #1a8bf0 0, #25292d 100%); background-image: -o-linear-gradient(36deg, #1a8bf0 0, #25292d 100%); background-image: linear-gradient(36deg, #1a8bf0 0, #25292d 100%); top: 0px; left: 0px; opacity: .4; filter: alpha(Opacity:40); z-index: 2; } .section-banner .banner { position: relative; } .section-banner .banner_text { color:#fff; position:absolute; width:100%; z-index: 3; top: auto; left: 50%; bottom: 15%; padding: 0px 15px; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .banner_text .title { font-size:28px; font-weight:normal; line-height: 1.2; margin-bottom: 10px; } .section-banner .cta { padding: 9px 15px; margin-top: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor:pointer; display:inline-block; color:#333; font-weight: 600; background-color: #ffc20e; text-shadow: none; -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; } .section-banner .cta:hover { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); transform: scale(1.01); -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; } .section-banner .list-menu .cta { color:#333; } .section-banner .list-menu .cta:hover { color:#333; background-color: #ffc20e; } .section-banner .btn-contact { display:block; padding: 20px 0px; color: rgba(255, 255, 255, 0.8); } .section-banner .btn-contact:hover { text-decoration:underline; } .section-banner .banner__text-bottom { position:absolute; width:100%; text-align:center; bottom: 40px; } .section-banner .list-menu.stick { position:fixed; top: 0px; left: 0px; bottom: auto; background: rgba(0,0,0,0.7); z-index: 10; padding: 10px 0px; } .section-banner .list-menu a { padding: 10px 30px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:inline-block; margin: 0px 5px; } .section-banner .list-menu a.active, .section-banner .list-menu a:hover { background: rgba(255,255,255,0.1); color:#fff; } .section-banner img { width: 100%; } @media(max-width: 768px) { .section-banner .banner__text { padding: 80px 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:#212529; } .check-action:hover { color:#7ebd26; } .check-action:hover .icon { color:#7ebd26; } .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:#ffc20e; } #main-wrap { } #sidebar { } #sidebar .title-cat { font-size:20px; font-weight:normal; color:#333; margin-bottom: 10px; padding-bottom: 10px; } #sidebar .list-category { margin-bottom: 20px; } #sidebar .list-category .list { padding-left: 5px; } #sidebar .list-category .list.scrollable { overflow: hidden; max-height: 210px; } #sidebar .list-category .list.scrollable:hover { overflow-y: scroll; transition: all .2s ease; } #sidebar .list-category .check-action { margin-bottom: 10px; color:#888; } .box-subcribe { border: 3px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 40px; } .box-subcribe .title { font-size: 18px; line-height: 22px; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 10px; } .box-subcribe .desc { margin-bottom: 20px; color:#212529; font-size:13px; } .box-subcribe .input { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; border:1px solid rgba(0, 0, 0, 0.05); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .box-subcribe .btn-apply, #sidebar-right .box-subcribe .btn-apply { display:block; text-align:center; color:#333; background: rgba(0,0,0,0.05); font-weight: 600; margin-top: 5px; line-height: 20px; } .box-subcribe .btn-apply:hover, #sidebar-right .box-subcribe .btn-apply:hover { background-color: #e0e0e0; color:#333; } #sidebar .social { margin-top: 20px; } #sidebar .social .title { display:block; color:#666; } #sidebar .social .btn-share { display:inline-block; text-align:center; color:#888; width: 30px; height: 30px; margin-top: 10px; line-height: 30px; border:1px solid #ddd; border-radius: 50%; } #sidebar .social .btn-share span { margin-right: 0px; } #sidebar .social .btn-share.-fb:hover { background-color: #3b5998; border:1px solid #3b5998; color:#fff; } #sidebar .social .btn-share.-google:hover { background-color: #e62117; border:1px solid #e62117; color:#fff; } #sidebar .social .btn-share.-linkedin:hover { background-color: #0077b5; border:1px solid #0077b5; color:#fff; } .baseui.button { font-size:13px; font-weight:500; text-align:center; cursor:pointer; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -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; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -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; margin-bottom: 15px; } .baseui.button.fluid { display:block; width:100%; } .baseui.button.main { color:#333; background-color: #ffc20e; border: 1px solid #ffc20e; } .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; 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; width:100%; } .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: 0.67857143em 1em; color: rgba(0, 0, 0, 0.87); box-shadow: none; border: 1px solid #dedede; } .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; } #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: #ffc20e; outline: 1px solid #ffc20e; } @media(max-width: 992px) and (min-width: 599px) { #benefits .col-2{ width: calc(100%/3); } } @media(max-width: 768px){ .benefit__list, .section-benefit .benefit__image{ width:100%; display:block; padding: 0px; } .detail-head .detail__button{ width:100%; } .job-detail .detail-head .detail__desc{ width: 100% !important; } } @media(max-width: 767px){ .section-overview .overview__item{ width:100%; } } @media(max-width: 600px){ #menu .sidebar-main{ padding-left: 0px; } #alljobs .row .jobs-list{ flex: 100%; } .jobs-list .jobs__item{ padding: 20px 0px; } .benefit__list .benefit__item--image{ display:inline-block; width: 45px; } .jobs-list .jobs__item .list__item--title{ padding-bottom: 10px; } #footer .links-footer{ float: none; width:100%; margin-right: 0px; margin-bottom: 20px; } #footer .links__title{ margin-bottom: 10px; } #benefits .col-2{ width:100%; } } @media(max-width: 480px){ .saycustomer-content{ padding: 0px; } .jobs-list .jobs__item .list__item--title a{ font-size:17px; } .detail-head .title{ font-size:28px; } } .job-banner { text-align:center; } .job-banner img { max-width: 100%; } .section-news{ padding: 30px 0px; } .section-news .news-title { margin-bottom: 40px; } .section-news .news-title h2 { color:#ffc20e; font-size:32px; font-weight:bold; text-transform:uppercase; } .news-content .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .news-content .col-4 { width: 33.33333%; padding: 0px 15px; } .news-content .new-item { margin-bottom: 30px; } .news-content .new-item .image { margin-bottom: 10px; height: 200px; overflow: hidden; } .news-content .new-item .image img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } .news-content .new-item .cate { margin-bottom: 10px; } .news-content .new-item .cate a { color:#ffc20e; font-size:15px; font-weight:500; display:block; } .news-content .new-item .text .name { margin-bottom: 10px; } .news-content .new-item .text .name a { color:#ffc20e; font-size:18px; font-weight:bold; } .news-content .new-item .text .desc { color:#333; font-size:14px; text-align:justify; display: block; display: -webkit-box; max-height: 88px; line-height: 22px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #news-detail { background-color: #f5f5f5; } #news-detail #post-content { background-color: #fff; padding: 50px 100px; } #post-content h1 { color:#ffc20e; font-size:24px; line-height: 1.3; margin-bottom: 20px; } #post-content .sub.title { color:#333; font-size:15px; margin-bottom: 20px; } .content-article { margin-bottom: 40px; } .content-article .detail-article{ line-height: 22px; } .content-article .detail-article p { margin-bottom: 15px; } .content-article .detail-article p, .content-article .detail-article p span{ color: #333 !important; font-size: 15px !important; font-family: Roboto !important; } .content-article .detail-article span{ display:block; color: #333 !important; font-size: 15px !important; font-family: Roboto !important; } .share-post { padding: 10px 0px; margin: 10px 0px; line-height: 25px; border-top: 1px solid #e9ebee; border-bottom: 1px solid #e9ebee; } .share-post .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; margin-right: -15px; margin-left: -15px; } .share-post .col-6 { width: 50%; padding: 0px 15px; } .share-post .social img { height: 25px; border-radius: 50%; } .share-post .post-cate { text-align: right; } #post-content .share-post .post-cate a { color:#000; font-size:18px; font-weight:normal; display:inline-block; text-transform:uppercase; line-height: 25px; } #recent-posts .head-sec { line-height: 30px; margin-bottom: 20px; } #recent-posts .title-main { color:#ffc20e; font-size:20px; font-weight:bold; display:inline-block; text-transform:uppercase; line-height: 30px; } .head-sec .viewall { float:right; color:#333; font-size:17px; line-height: 30px; } .head-sec .viewall:hover { color:#ffc20e; } #recent-posts .swiper-container { margin: 0px -10px; } #recent-posts .slick-slide { padding: 0px 10px; } #recent-posts .baseui.post.vertical .cover { overflow: hidden; height: 170px; margin-bottom: 15px; } #recent-posts .baseui.post.vertical .cover img{ -webkit-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); height: 100%; max-width: 100%; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } #recent-posts .baseui.post.vertical:hover .cover img{ -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } #recent-posts .baseui.post.vertical:hover .name a{ color:#7ebd26; } .baseui.post.vertical .name a { color:#333; font-size:17px; font-weight:bold; text-transform:uppercase; line-height: 22px; } .slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: 0; background: 0 0; opacity: 1; cursor: pointer; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: 0; background: 0 0 } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25 } .slick-next:before, .slick-prev:before { font-family: ap; font-size: 40px; line-height: 1; opacity: .5; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 100; } .slick-prev { left: -25px; z-index: 9; } [dir=rtl] .slick-prev { right: -25px; left: auto } .slick-prev:before { content: "\e6b9"; } [dir=rtl] .slick-prev:before { content: "\e6b9"; } .slick-next { right: -25px; z-index: 9; } [dir=rtl] .slick-next { right: auto; left: -25px } .slick-next:before { content: "\e6ba" } [dir=rtl] .slick-next:before { content: "\e6ba" } .slick-dotted.slick-slider { margin-bottom: 30px } .slick-dots { position: absolute; bottom: 10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index: 9; } .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 0px; cursor: pointer; color: transparent; border: 0; outline: 0; background: #fff; border-radius: 50%; } .slick-dots li button:focus, .slick-dots li button:hover { outline: 0 } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 } .slick-dots li button:before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button{ background-color: #ffc20e; } .slick-dots li.slick-active button:before { opacity: .75; color: #000 }