@charset "UTF-8";
@font-face {
	font-family: "BT Beau";
	src: url("https://staticx-talent.basecdn.net/image/fonts/btbeau/bt-beausans-regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: "BT Beau";
	src: url("https://staticx-talent.basecdn.net/image/fonts/btbeau/bt-beausans-bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal
}
@define a {
 color: #f4bb40;
}
@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;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
 -webkit-tap-highlight-color: transparent;
 position: relative
}
.owl-carousel {
 display: none;
 width: 100%;
 z-index: 1
}
.owl-carousel .owl-stage {
 position: relative;
 -ms-touch-action: pan-Y;
 touch-action: manipulation;
 -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0
}
.owl-carousel .owl-stage-outer {
 position: relative;
 overflow: hidden;
 -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
 min-height: 1px;
 float: left;
 -webkit-backface-visibility: hidden;
 -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
 display: block;
 width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
 display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
 display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
 cursor: pointer;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
 background: 0 0;
 color: inherit;
 border: none;
 padding: 0 !important;
 font: inherit
}
.owl-carousel.owl-loading {
 opacity: 0;
 display: block
}
.owl-carousel.owl-hidden {
 opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
 visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}
.owl-carousel.owl-grab {
 cursor: move;
 cursor: grab
}
.owl-carousel.owl-rtl {
 direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
 float: right
}
.owl-carousel .animated {
 animation-duration: 1s;
 animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
 z-index: 0
}
.owl-carousel .owl-animated-out {
 z-index: 1
}
.owl-carousel .fadeOut {
 animation-name: fadeOut
}
@keyframes fadeOut {
 0% {
 opacity: 1
 }
 100% {
 opacity: 0
 }
}
.owl-height {
 transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
 opacity: 0;
 transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
 max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
 transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
 position: relative;
 height: 100%;
 background: #000
}
.owl-carousel .owl-video-play-icon {
 position: absolute;
 height: 80px;
 width: 80px;
 left: 50%;
 top: 50%;
 margin-left: -40px;
 margin-top: -40px;
 background: url(owl.video.play.png) no-repeat;
 cursor: pointer;
 z-index: 1;
 -webkit-backface-visibility: hidden;
 transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
 -ms-transform: scale(1.3, 1.3);
 transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
 display: none
}
.owl-carousel .owl-video-tn {
 opacity: 0;
 height: 100%;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
 position: relative;
 z-index: 1;
 height: 100%;
 width: 100%
}
#component__top {
	text-align:center;
 display:block;
 position:fixed;
 color:#fff;
	font-size:20px;
	background-color: #f4bb40;
	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: #edbf5b
}
#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;
}
.section-detail-banner {
	text-align:center;
}
.section-detail-banner img {
 max-width: 100%;
}
.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: #f4bb40;
 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:#f4bb40;
 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:#414b5b;
 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:#414b5b;
	font-weight:normal;
}
.article .content-article h2 {
	font-size:24px;
 color:#f4bb40;
}
.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:#414b5b;
}
.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:#f4bb40;
 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 {
	width:100%;
	position:relative;
 max-width: 1170px;
 margin: 0px auto;
}
.btn-apply {
 padding: 7px 15px;
 display:inline-block;
	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:#414b5b;
 -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: "BT Beau","Helvetica Neue", Helvetica,arial;
}
a {
 color:#414b5b;
	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:#f4bb40;
 -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: 70px 0px;
 position: relative;
}
.section-head {
	text-align:center;
 margin-bottom: 40px;
}
.section-head .section__title {
	font-size:32px;
	font-weight:bold;
 display:inline-block;
 color:#2c2c2c;
 line-height: 1.2;
 text-transform: capitalize;
}
.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: 40px 0px;
}
.section-image img {
	width:100%;
}
/*---- OVERVIEW ----*/
.section-overview{
 padding-top: 70px;
 position: relative;
}
.lp-about{
 position: relative;
}
.section-overview .row {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.section-content .title {
 color:#2c2c2c;
	font-size:24px;
	font-weight:bold;
 margin-bottom: 30px;
 padding-left: 10px;
 border-left: 3px solid #f4bb40;
}
.section-overview .col-6{
 width: 50%;
 padding: 0px 15px;
}
.lp-about .video {
	text-align:center;
 position: relative;
 padding-bottom: 56.4%;
}
.lp-about .video iframe {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
}
.lp-about .text p{
 margin-bottom: 10px;
 line-height: 22px;
	text-align:justify;
}
.overview-content .col-3{
 width: 25%;
 padding: 0px 15px;
}
.overview-content .item{
	text-align:center;
 cursor: pointer;
 padding: 60px 10px 60px 10px;
 box-shadow: 0px 6px 34px 0px rgba(215, 216, 222, 0.41);
 border-bottom: solid 4px #fff;
}
.overview-content .item .counter-number{
 color:#404041;
	font-weight:bold;
 font-size: 60px;
}
.overview-content .item .counter-title{
	font-size:15px;
 margin-top: 12px;
}
.overview-content .item:hover {
 border-bottom: solid 4px #f4bb40;
}
.overview-content .item:hover .counter-number,
.overview-content .item:hover .counter-title{
 color:#f4bb40;
}
.lp-values{
 position: relative;
 padding-top: 60px;
}
.tabbed-content{
 display: flex;
 flex-flow: row wrap;
}
.tabbed-content .nav{
 padding-top: 0;
 width: 25%;
 display: -webkit-inline-box;
}
.tabbed-content .nav .tab{
 background: #414b5b;
 width: 33.33%;
 margin-right: 0;
 text-align: center;
 transition: all ease 0.8s;
 display: flex;
 align-items: center;
 justify-content: center;
 height: 100%;
 line-height: 1.5;
 cursor: pointer;
 position: relative;
}
.tabbed-content .nav .tab.current{
 width: 66.66%;
 background-color: #f4bb40;
}
.tabbed-content .nav .tab.current::before{
 content: '';
 position: absolute;
 width: 32px;
 height: 32px;
 background-image: url('https://datax-talent.basecdn.net/sapp/icons/ar-right.png');
 background-repeat: no-repeat;
 background-size: contain;
 right: -14px;
 z-index: 2;
 transition: all ease 0.8s;
}
.tabbed-content .nav .tab span{
 color:#fff;
	font-size:16px;
	font-weight:bold;
 display:block;
 letter-spacing: 1.5px;
 text-transform: capitalize;
 transition: all ease 0.8s;
}
.tabbed-content .nav .tab.current span{
 font-size: 24px;
 letter-spacing: 0.48px;
}
.tabbed-content .tab-panels{
 padding: 40px;
 flex: 1;
 background: #F9F9F9;
}
.tabbed-content .tab-panels .tab-content{
	display:none;
}
.tabbed-content .tab-panels .tab-content.current {
 display:block;
}
.tabbed-content .tab-panels .box-text.box-tamnhin{
 padding: 63px 0px;
}
.tabbed-content .tab-panels .box-text ul{
 list-style: initial;
 padding-left: 20px;
}
.tabbed-content .tab-panels .box-text ul li{
 margin-bottom: 30px;
}
.tabbed-content .tab-panels .box-text .item{
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 30px;
}
.tabbed-content .tab-panels .box-text .item:last-child{
 margin-bottom: 0px;
}
.tabbed-content .tab-panels .box-text .item .icon{
 width: 50px;
 height: 50px;
 margin-right: 20px;
}
.tabbed-content .tab-panels .box-text .item .icon img{
 width: 50px;
 height: 50px;
}
.tabbed-content .tab-panels .box-text .item .main{
 width: calc(100% - 70px);
}
.tabbed-content .tab-panels .box-text .item .main h3{
 color:#f4bb40;
	font-size:18px;
	font-weight:bold;
 margin-bottom: 10px;
}
.tabbed-content .tab-panels .box-text .item .main p{
 color:#414b5b;
	font-size:14px;
}
.lp-culture{
 position: relative;
 padding-top: 60px;
}
.cultures .item{
 display: flex;
 align-items: center;
 margin-bottom: 30px;
 padding: 15px;
 border: 1px solid #f4bb40;
 border-radius: 15px;
}
.cultures .item .icon{
 width: 120px;
 height: 120px;
 margin-right: 20px;
 display: flex;
 align-items: center;
 justify-content: center;
}
.cultures .item .icon img{
 width: 90px;
 height: 90px;
}
.cultures .item .main{
 width: calc(100% - 140px);
}
.cultures .item .main h3{
 color:#f4bb40;
	font-size:20px;
	font-weight:bold;
 margin-bottom: 15px;
}
.cultures .item .main ul{
 list-style: initial;
 padding-left: 20px;
}
.cultures .item .main ul li{
 color:#414b5b;
	font-size:14px;
 margin-bottom: 5px;
}
.section-content .working .title{
	text-align:center;
 padding: 10px 30px;
 border-radius: 15px;
 margin-bottom: 45px;
 position: relative;
 background-color: #f4bb40;
}
.section-content .working .title h3{
 color:#fff;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
}
.working .col-4{
 width: 33.33333%;
 padding: 0px 15px;
}
.working .item{
 height: 100%;
 position: relative;
 padding: 15px;
 border: 2px solid #f4bb40;
 border-radius: 15px;
}
.working .item .icon{
 width: 60px;
 height: 60px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 99px;
 background-color: #f4bb40;
 position: absolute;
 top: 0;
 left: 50%;
 z-index: 9;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
}
.working .item .icon img{
 width: 35px;
 height: 35px;
}
.working .item .main{
	text-align:center;
 padding-top: 30px;
}
.working .item .main p{
 color:#414b5b;
 margin-bottom: 5px;
}
.lp-treatment{
 position: relative;
 padding-top: 60px;
}
.lp-treatment .col-3{
 width: 25%;
 padding: 0px 15px;
 margin-top: 30px;
}
.lp-treatment .item{
 height: 100%;
 position: relative;
 padding: 15px;
 border: 2px solid #f4bb40;
 border-radius: 15px;
}
.lp-treatment .item .icon{
 width: 60px;
 height: 60px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 99px;
 background-color: #f4bb40;
 position: absolute;
 top: 0;
 left: 50%;
 z-index: 9;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
}
.lp-treatment .item .icon img {
 width: 35px;
 height: 35px;
}
.lp-treatment .item .main {
 padding-top: 30px;
}
.lp-treatment .item .main h4{
 color:#414b5b;
	font-size:18px;
	font-weight:bold;
	text-align:center;
 margin-bottom: 20px;
}
.lp-treatment .item .main ul li{
 line-height: 22px;
 margin-bottom: 5px;
 padding-left: 30px;
 background-image: url('https://datax-talent.basecdn.net/sapp/icons/check.png');
 background-repeat: no-repeat;
 background-position: left center;
 background-size: 20px;
}
.lp-life-at{
 position: relative;
 padding-top: 60px;
}
.lp-life-at .owl-dots{
 margin-top: 30px;
}
/*---- END OVERVIEW ----*/
.values-content .item{
 margin-bottom: 20px;
}
.values-content .item h3{
	font-size:16px;
	font-weight:bold;
 margin-bottom: 10px;
}
.values-content .item p{
 margin-bottom: 10px;
 line-height: 22px;
}
.values-content .item ul{
 margin-bottom: 10px;
 line-height: 22px;
 list-style: initial;
 padding-left: 20px;
}
/*---- JOBS ----*/
.departments .row {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 0px -15px;
}
.departments .col-6 {
 width: 50%;
 padding: 0px 15px;
}
.departments .box {
	text-align:center;
}
.departments .box h3 {
 color:#666;
	font-size:22px;
	font-weight:bold;
 margin-bottom: 25px;
}
.departments .box a {
 display:inline-block;
 color:#fff;
	font-size:16px;
 padding: 15px 30px;
 border: 1px solid #f4bb40;
 background-color: #f4bb40;
 min-width: 250px;
 transition: 0.3s;
}
.departments .box a:hover {
 border: 1px solid #c80000;
 background-color: #c80000;
}
/*---- END JOBS ----*/
.section-life .item .name {
 color:#2c2c2c;
	font-size:26px;
	font-weight:bold;
	text-align:center;
 ;
 padding: 30px 0px;
}
.life__cover img {
 max-width: 100%;
}
.life__cover.owl-carousel.owl-drag .owl-item .item img {
 opacity: 0.4;
}
.life__cover.owl-carousel.owl-drag .owl-item.active.center .item img {
 opacity: 1;
}
.owl-carousel.owl-drag .owl-nav {
 position: absolute;
 top: 50%;
 margin-top: -30px;
 width: 100%;
}
.owl-carousel.owl-drag .owl-nav button {
 position: absolute;
 width: 60px;
 height: 60px;
 cursor: pointer;
 opacity: 1;
 background: #f9f9f9;
 text-align: center;
 border-radius: 100%;
 line-height: 55px !important;
}
.owl-carousel.owl-drag .owl-nav button:hover {
 background: #f4bb40;
}
.owl-carousel.owl-drag .owl-nav button:hover span {
 color:#fff;
}
.owl-carousel.owl-drag .owl-nav button span {
 font-size: 55px;
}
.owl-carousel.owl-drag .owl-nav .owl-prev {
 left: 22%;
}
.owl-carousel.owl-drag .owl-nav .owl-next {
 right: 22%;
}
.owl-carousel.owl-drag .owl-dots {
 text-align: center;
 -webkit-transition: opacity .3s;
 -o-transition: .3s opacity;
 transition: opacity .3s;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
}
.owl-carousel.owl-drag .owl-dots .owl-dot {
 width: 8px;
 height: 8px;
 opacity: 1;
 margin: 0px 5px;
 border-radius: 100%;
 background: #e5e5e5 !important;
}
.owl-carousel.owl-drag .owl-dots .owl-dot.active {
 width: 20px;
 border-radius: 4px;
}
.__pag {
 padding-top: 20px;
 display: flex;
 text-align: center;
 justify-content: center;
}
.pag {
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 width: 40px;
 height: 40px;
 font-size: 16px;
 margin-right: 10px;
 border: 1px solid #f1f1f1;
 background: #f1f1f1;
 border-radius: 30px;
}
.pag.active,
.pag:hover {
 color: #fff;
 background: #f4bb40;
 border: 1px solid #f4bb40;
}
.pag.disabled {
 cursor: auto;
}
.job-category .row {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -12px;
 margin-left: -12px;
}
.job-category .col-3 {
 flex: 0 0 25%;
 max-width: 25%;
 padding: 0px 12px;
}
.job-category .col-9 {
 flex: 0 0 75%;
 max-width: 75%;
 padding: 0px 12px;
}
.job-category .jobs-item {
 position: relative;
 padding: 15px;
 border-radius: 8px;
 border: 1px solid #EBEBF0;
 margin-bottom: 15px;
 display: flex;
 gap: 10px;
 justify-content: space-between;
}
.job-category .jobs-info{
 width: calc(100% - 120px);
}
.job-category .jobs-info .job-title {
	font-size:16px;
 line-height: 24px;
 margin-bottom: 6px;
}
.job-category .jobs-info .job-title a {
 color:#414b5b;
	font-size:16px;
 display:block;
 font-weight: 600;
}
.job-category .jobs-info .job-title:hover a {
 color:#f4bb40;
}
.job-category .jobs-info ul {
}
.job-category .jobs-info ul li{
 line-height: 22px;
}
.job-category .jobs-info ul li,
.job-category .jobs-info ul li a {
 color:#808089;
	font-size:14px;
}
.job-category .jobs-info ul li.job-line {
 color:#EBEBF0;
	display:none;
}
.job-category .jobs-ctas {
 width: 105px;
}
.job-category .jobs-ctas .btn-view {
 color:#f4bb40;
	font-size:14px;
 display:block;
	text-align:center;
 line-height: 24px;
 padding: 8px 12px;
 border: 1px solid #f4bb40;
 border-radius: 20px;
}
.job-category .jobs-ctas .btn-view:hover {
 color:#fff;
 background-color: #f4bb40;
}
.box-search {
	position:relative;
 padding-bottom: 40px;
}
.box-search .form-group {
	position:relative;
}
.box-search .form-control {
	width:100%;
 padding: 10px 15px;
 background-color: white;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 height: 45px;
 border: 1px solid #f4bb40;
}
.box-search .form-control.input-search {
 padding-right: 30px;
}
.box-search .form-control:focus {
 border: 1px solid #f4bb40;
}
.box-search .i-search {
	position:absolute;
	text-align:center;
 top: 0px;
 font-size: 18px;
 right: 0px;
 width: 30px;
 line-height: 45px;
 z-index: 10;
 color:#414b5b;
}
.box-search .form-group.box-input {
 width: 100%;
 display:inline-block;
	vertical-align:middle;
}
.box-search .form-group.-button {
 margin-right: 0;
 width: 15.17857%;
	text-align:left;
 display:inline-block;
	vertical-align:middle;
	position:absolute;
 right: 0px;
 top: 0px;
}
.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: #f4bb40;
 height: 45px;
 line-height: 45px;
 cursor: pointer;
}
.box-search .form-group.-button .btn-search:hover {
 opacity: 0.85; filter: alpha(Opacity:85);
}
#footer {
 position: relative;
 background-color: #333;
 padding: 60px 0px;
}
#footer .top-footer .logo-footer{
 margin-bottom: 20px;
}
#footer .top-footer .logo-footer img{
 height: 90px;
 max-width: auto;
}
#footer .top-footer .heading{
 color:#fff;
	font-size:24px;
	font-weight:bold;
 line-height: 32px;
 text-transform: capitalize;
}
#footer .middle-footer{
 padding: 40px 0px;
 margin: 40px 0px;
 border-top: solid 1px rgb(255 255 255 / 30%);
 border-bottom: solid 1px rgb(255 255 255 / 30%);
}
#footer .middle-footer .row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
#footer .middle-footer .col-4{
 width: 33.33333%;
 padding: 0px 15px;
}
#footer .middle-footer .foo-info h3{
 color:#fff;
	font-size:22px;
	font-weight:bold;
 margin-bottom: 20px;
}
#footer .middle-footer .foo-info p{
 color:#fff;
	font-size:14px;
 margin-bottom: 10px;
}
#footer .middle-footer .foo-info .item a{
 display: flex;
 align-items: center;
 margin-bottom: 10px;
}
#footer .middle-footer .foo-info .item .icon{
 width: 25px;
 margin-right: 5px;
}
#footer .middle-footer .foo-info .item .icon img{
 width: 25px;
 height: 25px;
}
#footer .middle-footer .foo-info .item .text{
 color:#fff;
	font-size:14px;
}
.bottom-footer .copyright{
 color:#fff;
	text-align:center;
}
.bottom-footer .copyright a{
 color:#fff;
}
#header-recr {
 position: sticky;
	width:100%;
 top: 0px;
 left: 0px;
 z-index: 11;
 padding: 10px 0px;
 background-color: #fff;
 -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 5px #ccc;
}
#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 .logo {
	display:table-cell;
	vertical-align:middle;
}
#header-recr .logo img {
 display:inline-block;
 height: 45px;
}
#header-recr .logo .name {
	position:relative;
 display:inline-block;
 color:#414b5b;
	font-size:18px;
 padding: 5px 15px;
}
#header-recr .box-menu {
	display:table-cell;
	text-align:right;
 padding-left: 40px;
}
#header-recr .box-menu .links {
 display:inline-block;
}
#header-recr .box-menu .links a {
 display:inline-block;
 color:#414b5b;
 padding: 15px 0px;
 margin-right: 40px;
}
#header-recr .box-menu .links a:hover,
#header-recr .box-menu .links a.active {
 color:#f4bb40;
}
#header-recr .menu-right {
 display:inline-block;
}
#header-recr .box-menu .cta {
 padding: 10px 20px;
 display:inline-block;
 color:#fff;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 background-color: #f4bb40;
}
#header-recr .box-menu .cta:hover {
 background-color: #f4b225;
 color:#fff;
}
.section-banner {
	position:relative;
 clear:both;
}
.section-banner .banner__cover {
	position:relative;
	width:100%;
	height:100%;
 max-width: 100%;
}
.section-banner .banner__cover img {
 max-width: 100%;
}
.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__text {
 color:#fff;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height:100%;
 z-index: 3;
 padding: 80px 0px;
 top: 0px;
 left: 0px;
 min-height: 31.5rem;
}
.banner--headline {
	font-size:16px;
 margin-bottom: 10px;
}
.banner__text .banner--title {
	font-size:40px;
	font-weight:normal;
 line-height: 1.2;
 margin-bottom: 10px;
}
.section-banner .cta {
 padding: 15px 40px;
 margin-top: 10px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	cursor:pointer;
 display:inline-block;
 color:#fff;
 font-weight: 600;
 background-color: #f4bb40;
 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 .btn-contact {
 display:block;
 padding: 20px 0px;
 color: rgba(255, 255, 255, 0.8);
}
.section-banner .btn-contact:hover {
	text-decoration:underline;
}
.section-banner .list-menu {
	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;
}
@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:#414b5b;
}
.check-action:hover {
	color:#f4bb40;
}
.check-action:hover .icon {
	color:#f4bb40;
}
.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:#f4bb40;
}
#sidebar {
}
#sidebar .title-cat {
	font-size:20px;
	font-weight:bold;
 color:#333;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#sidebar .list-category {
	margin-bottom: 30px;
}
#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:#333;
}
.box-subcribe {
	border: 3px solid #eee;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	padding: 15px;
	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:#414b5b;
	font-size:13px;
}
.box-subcribe .input {
	width:100%;
	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:#414b5b;
	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:#414b5b;
}
#sidebar .social {
	margin-top: 20px;
}
#sidebar .social .title {
 display:block;
 color:#333;
	font-weight:bold;
	margin-bottom: 10px;
}
#sidebar .social img {
	width: 35px;
}
#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:#fff;
	background-color: #f4bb40;
	border: 1px solid #f4bb40;
}
.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-bottom: 15px;
	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: #f4bb40;
	outline: 1px solid #f4bb40;
}
/*------------------------------*/
.bg-breadcrumb{
 padding: 20px 0px;
}
.bg-breadcrumb .breadcrumb{
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: center;
 background: none;
 padding: 0;
}
.bg-breadcrumb .breadcrumb li{
 display: flex;
}
.bg-breadcrumb .breadcrumb li a,
.bg-breadcrumb .breadcrumb li span{
 color: #6d6e71;
}
.bg-breadcrumb .breadcrumb li+li{
 padding-left: 8px;
}
.bg-breadcrumb .breadcrumb li+li::before{
 display: inline-block;
 padding-right: 8px;
 color: #6d6e71;
 content: "/";
}
.bg-breadcrumb .breadcrumb li.active{
 color:#f4bb40;
}
.news-content{
 padding-bottom: 30px;
}
.section-news .row {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.section-news .col-4 {
 width: 33.33333%;
 padding: 0px 15px;
}
.section-news .col-6 {
 width: 50%;
 padding: 0px 15px;
}
.article-item{
 margin-bottom: 20px;
}
.article-item .article-image a{
 position: relative;
 padding-top: calc(100%* 78 / 119);
 overflow: hidden;
 border-radius: 24px;
 display: block;
 margin-bottom: 15px;
}
.article-item .article-image a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 border-radius: 24px;
}
.article-item .article-info {
 position: relative;
 z-index: 2;
 background: #fff;
}
.article-item .article-info .article-date{
 display: flex;
 gap: 16px;
}
.article-item .article-info .article-date span{
 display: inline-flex;
 align-items: center;
 margin: 16px 0 8px;
 font-size: 14px;
}
.article-item .article-info .article-date span svg{
 width: 18px;
 height: 18px;
 margin-right: 5px;
}
.article-item .article-info .article-name{
 margin-bottom: 10px;
}
.article-item .article-info .article-name a{
 height: 52px;
 overflow: hidden;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 display: -webkit-box;
 font-size: 17px;
 line-height: 26px;
 font-weight: bold;
 margin-bottom: 0;
 transition: all .5s;
	text-transform:uppercase;
}
.article-item .article-info .article-des{
 margin: 10px 0px;
 overflow: hidden;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 display: -webkit-box;
 font-size: 14px;
 line-height: 22px;
}
.article-item .article-info .index-viewmore{
	font-size:14px;
 color:#6d6e71;
}
.main-layout {
 position: relative;
}
#article .articleMain {
 padding: 0px 0px 30px 0;
 max-width: 800px;
 margin: 0 auto;
}
#article .articleMain .articleBody .articleImage {
 margin-bottom: 10px;
}
#article .articleMain .articleBody .articleImage img{
 display: block;
 margin: 0 auto;
 width: 100%;
}
#article .articleMain .articleBody .articleName{
	font-size:25px;
	font-weight:bold;
	text-transform:uppercase;
 margin-bottom: 8px;
 line-height: 1.5;
}
#article .articleMain .articleBody .articleInfo{
 color: #999;
 font-size: 13px;
}
#article .articleMain .articleBody .articleDescription{
 margin-top: 15px;
 line-height: 1.5;
}
#article .articleMain .articleBody .articleDescription p {
 margin-bottom: 15px;
}
#article .articleMain .articleBody .articleDescription ul{
 list-style: initial;
 padding-left: 20px;
}
#article .articleMain .articleBody .articleDescription ul li{
 margin-bottom: 15px;
}
#article .articleMain .articleBody .articleDescription table{
 margin-left: 0 !important;
 width: 100% !important;
 font-size: 14px !important;
}
.articleDescription img{
 max-width: 100%;
 width: auto !important;
 height: auto !important
}