@charset "UTF-8";
@font-face {
 font-family: "Gilroy";
 font-style: normal;
 font-weight: 400;
 src: url("https://staticx-talent.basecdn.net/image/fonts/safin/GilroyRegular.otf")
}
@font-face {
 font-family: "Gilroy";
 font-style: normal;
 font-weight: 500;
 src: url("https://staticx-talent.basecdn.net/image/fonts/safin/GilroyMedium.otf")
}
@font-face {
 font-family: "Gilroy";
 font-style: italic;
 font-weight: 500;
 src: url("https://staticx-talent.basecdn.net/image/fonts/safin/GilroyMediumItalic.otf")
}
@font-face {
 font-family: "Gilroy";
 font-style: normal;
 font-weight: 600;
 src: url("https://staticx-talent.basecdn.net/image/fonts/safin/GilroySemiBold.otf")
}
@font-face {
 font-family: "Gilroy";
 font-style: italic;
 font-weight: 600;
 src: url("https://staticx-talent.basecdn.net/image/fonts/safin/GilroySemiBoldItalic.otf")
}
@font-face {
 font-family: "Gilroy";
 font-style: normal;
 font-weight: bold;
 src: url("https://staticx-talent.basecdn.net/image/fonts/safin/GilroyBold.otf")
}
@font-face {
 font-family: "Gilroy";
 font-style: italic;
 font-weight: bold;
 src: url("https://staticx-talent.basecdn.net/image/fonts/safin/GilroyBoldItalic.otf")
}
.slick-slider {
 position: relative;
 display: block;
 box-sizing: border-box;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -khtml-user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent
}
.slick-list {
 position: relative;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0
}
.slick-list:focus {
 outline: 0
}
.slick-list.dragging {
 cursor: pointer;
 cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
.slick-track {
 position: relative;
 top: 0;
 left: 0;
	display: block;
	margin: 0px;
}
.slick-track:after,
.slick-track:before {
 display: table;
 content: ''
}
.slick-track:after {
 clear: both
}
.slick-loading .slick-track {
 visibility: hidden
}
.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px
}
[dir=rtl] .slick-slide {
 float: right
}
.slick-slide img {
 display: block
}
.slick-slide.slick-loading img {
 display: none
}
.slick-slide.dragging img {
 pointer-events: none
}
.slick-initialized .slick-slide {
 display: block
}
.slick-loading .slick-slide {
 visibility: hidden
}
.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent
}
.slick-arrow.slick-hidden {
 display: none
}
.slick-next,
.slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	outline: 0;
	background: 0 0
}
.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;
	color: #fab617;
	-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: 0px
}
.slick-dots {
	position: absolute;
	bottom: -30px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	margin: 0px 5px;
}
.slick-dots li button {
	display: block;
	padding: 0px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	opacity: 0.4;
	background: #A426ED;
	-moz-border-radius: 100%;
 -webkit-border-radius: 100%;
 border-radius: 100%;
}
.slick-dots li.slick-active button{
	opacity: 1;
}
.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 {
	display: none;
	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:before {
	opacity: .75;
	color: #000
}
#component__top{
	display:none;
}
.component__top--v4 {
	background-color: #842EDA;
}
.component__top--v4:hover {
	background-color: #8f4bd6;
	color:#fff;
}
.component__top--v4 i.icon {
}
.component__top--v4.--show {
}
.tpl4__header {
	width:100%;
 z-index: 11;
 background-color: #fff;
 margin-bottom: 1px;
 padding: 10px 0px;
 box-shadow: 0px 0px 5px #EFF2F5;
}
.tpl4__header.header--stick{
 position:fixed;
 z-index: 111;
}
.tpl4__header.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: 0;
}
.tpl4__logo {
	display:table-cell;
	vertical-align:middle;
}
.tpl4__logo img{
 margin-right: 10px;
 height: 60px;
}
.tpl4__header.header--stick img {
 filter: unset;
 -webkit-filter: unset;
 -moz-filter: unset;
 -ms-filter: unset;
 -o-filter: unset;
}
.tpl4__label {
	position:relative;
 display:inline-block;
 color:#fff;
	font-size:12px;
	vertical-align:middle;
 padding:5px 15px;
	background-color: #17C286;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}
.tpl4__menu{
	display:table-cell;
 padding-left: 50px;
 width: 100%;
 text-align: right;
}
.tpl4__menu .items .item {
 display:inline-block;
 color:#474747;
	font-size:16px;
	font-weight:bold;
 padding:20px 0px;
 margin-right: 40px;
 border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.tpl4__menu .items .item:hover,
.tpl4__menu .items .item.active{
 color:#842EDA;
 opacity: 1; filter: alpha(Opacity:100);
 border-bottom-color: #842EDA;
}
.tpl4__menu .items .item:last-child{
 margin-right: 0px;
}
.tpl4__menu .items .cta-network{
 color:#F7BE00;
	font-size:16px;
	font-weight:bold;
 line-height: 20px;
 padding: 15px;
 border: 2px solid #842EDA;
 border-radius: 12px;
}
.tpl4__menu .items .cta-network:hover{
 background-color: #A426ED;
}
#overlay-common {
 position: fixed;
 width: 100%;
 height: 100%;
 display: none;
 background: #00000063;
 z-index: 9;
 top: 0px;
 left: 0px;
}
.tpl4__button {
	padding:10px 20px;
 display:inline-block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #842EDA;
	color: #fff !important;
}
.tpl4__button:hover{
	background-color: #691db7;
}
.tpl4__hamburger{
 display:inline-block;
	position:absolute;
	font-size:18px;
	color:#842EDA;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:5px 10px;
	top: 5px;
	right: 0;
}
.job-detail {
 padding: 0px;
 border-bottom: 1px solid #e0e0e0;
}
.job-row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.job-row .col-9{
 width: 63%;
 padding: 0px 15px;
}
.job-row .col-3{
 width: 37%;
 padding: 0px 15px;
}
[class^="ficon-"],
[class*=" ficon-"] {
 margin-right: 0px;
}
.job-title .title {
 color:#842EDA;
	text-align:left;
	font-weight:bold;
 font-size: 48px;
 line-height: 56px;
 margin-bottom: 20px;
}
.job-department-info {
 display: -webkit-flex;
 display: flex;
 padding: 24px;
 background: #EFF2F5;
 margin-bottom: 48px;
 -webkit-align-items: center;
 align-items: center;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 font-size: 16px;
}
.job-department-info .detail{
 padding: 0 16px;
 border-right: 1px solid rgba(0,0,0,.26);
}
.job-department-info .detail:last-child{
 border-right: 0px;
}
.job-department-info .label{
 margin-right: 8px;
 color: #757575;
}
.job-department-info span{
 color:#333;
	font-size:15px;
}
.sidebar-article .sidebar-block{
 margin-bottom: 45px;
 padding: 30px;
 background-color: #fff;
 box-shadow: 0px 5px 50px rgba(41, 36, 46, 0.08);
 border-radius: 32px;
}
.sidebar-article .sidebar-block h3{
 color:#474747;
	font-size:36px;
	font-weight:bold;
 margin-bottom: 15px;
}
.sidebar-article .job-benefits .item{
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 25px;
}
.sidebar-article .job-benefits .item .image{
 width: 60px;
 margin-right: 10px;
}
.sidebar-article .job-benefits .item .image img{
 max-width: 100%;
}
.sidebar-article .job-benefits .item .text{
 color:#333;
	font-size:15px;
 width: 79%;
}
.sidebar-article .job-benefits .item .text h4{
 color:#474747;
	font-size:16px;
	font-weight:bold;
 margin-bottom: 5px;
}
.sidebar-article .job-benefits .item .text p{
 color:#969EB2;
	font-size:14px;
}
.sidebar-article .job-benefits .item h4{
 color:#474747;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
 margin-bottom: 5px;
}
.sidebar-article .job-benefits .item ul{
 list-style: initial;
 margin-left: 20px;
}
.sidebar-article .job-benefits .item p,
.sidebar-article .job-benefits .item li{
 color:#969EB2;
	font-size:14px;
}
.sidebar-article .job-apply{
 padding: 30px;
 background-color: #842EDA;
 box-shadow: 0px 5px 50px rgb(41 36 46 / 8%);
 border-radius: 32px;
}
.sidebar-article .job-apply p{
 color:#fff;
	font-size:20px;
 line-height: 23px;
 margin-bottom: 30px;
}
.sidebar-article .job-apply .btn-apply{
 color:#842EDA;
	font-size:24px;
	font-weight:bold;
 display:block;
	text-align:center;
 padding: 15px 40px;
 border-radius: 36px;
 background-color: #F7BE00;
}
.sidebar-article .process .item{
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 20px;
}
.sidebar-article .process .item .number{
 color:#fff;
	font-size:16px;
 width: 25px;
 height: 25px;
 line-height: 25px;
 text-align: center;
 background-color: #F7BE00;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 margin-right: 15px;
}
.sidebar-article .process .item .text{
 color:#474747;
	font-size:16px;
 line-height: 25px;
}
.box-share{
	text-align:right;
}
.box-share span{
 color:#969EB2;
	font-size:14px;
 display:inline-block;
 margin-right: 15px;
}
.sidebar-article .job-btn {
 margin: 30px 0px;
 text-align: center;
}
.sidebar-article .job-btn a {
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 30px;
 display: inline-block;
 border-radius: 50px;
 background-color: #682b6b;
}
.article .content-article {
 line-height: 25px;
	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:#842EDA;
}
.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 {
 color:#333;
 font-size: 14px !important;
 margin-bottom: 20px;
 font-family: "Gilroy" !important;
}
.article .content-article span{
 font-size: 14px !important;
 font-family: "Gilroy" !important;
}
.article .content-article li:before {
 content: "\ea2b";
 display:inline-block;
 color:#999;
 font-family: "ap";
 margin-left: 20px;
 margin-right: 5px;
}
.list-related {
 padding: 40px 0px 0px;
 border-top: 1px dotted #e0e0e0;
}
.list-related .name {
 font-size: 32px;
 font-weight: bold;
 margin-bottom: 20px;
 padding-bottom: 30px;
 line-height: 48px;
 border-bottom: 1px solid #eeeff2;
}
.list-related ul{
 list-style: initial;
 padding-left: 20px;
}
.list-related ul li{
 margin-bottom: 10px;
}
.list-related a {
 display:block;
 font-size: 18px;
 font-weight: bold;
 line-height: 20px;
}
.list-related .btn-viewall{
 margin-top: 20px;
}
.list-related .btn-viewall a{
 color:#842EDA;
	font-size:16px;
	font-weight:500;
 display:inline-block;
 border: 1px solid #842EDA;
 background: #fff;
 line-height: 28px;
 padding: 6px 25px;
 border-radius: 50px;
 text-transform: capitalize;
}
.list-related .btn-viewall a:hover{
 color:#fff;
 background-color: #842EDA;
}
/*--------------------------*/
.career-detail {
 text-align: center;
 margin-top: 30px;
}
.career-detail a {
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 display: inline-block;
 padding: 15px 30px;
 background-color: #67296a;
 border-radius: 30px;
}
.breadcrumb {
	padding-top: 15px;
	padding-bottom: 15px;
}
.breadcrumb a {
 display:inline-block;
}
.breadcrumb a:hover{
 color:#17C286;
}
.container {
	width:100%;
	position:relative;
 max-width: 1250px;
 margin: 0px auto;
 padding: 0px 15px;
}
#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:#842EDA;
 border-color: #842EDA;
}
#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;
	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;
}
.not-d,
.not-l,
.not-t {
 display: none;
}
#appform {
	padding-top: 60px;
}
#appform .wrapper {
	margin-top: 0px;
}
#appform .form .submit {
	background-color: #842EDA;
}
#appform .form .submit:hover {
	background-color: #8f4bd6;
}
#appform .form .upload input {
	top: 0px;
}
#appform h1{
	color: #474747;
	font-weight: bold;
}
#appform .form .row .input input, #appform .form .row .input textarea{
	border: none;
 box-shadow: initial;
	border-radius: 0px;
	padding-left: 0px;
	border-bottom: 2px solid #E6ECF0;
}
#appform .form .row .input input::placeholder, #appform .form .row .input textarea::placeholder{
	color: #969EB2;
}
#appform .form .row .label{
	color: #474747;
}
* {
 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:#202325;
 -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: "Gilroy", Helvetica, arial;
}
a {
 color:#202325;
	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:#842EDA;
 -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;
}
.table {
 display: table;
 width: 100%;
}
.cell {
 display: table-cell;
 vertical-align: middle;
}
.section {
 padding: 80px 0px;
}
.section--head{
	text-align:center;
 margin: 0px auto;
 margin-bottom: 40px;
}
.section--head .title--main {
 font-size: 42px;
	font-weight:bold;
 display:inline-block;
 color:#842EDA;
 line-height: 1.2;
}
.section-title {
 position: relative;
 text-align: center;
 margin-bottom: 40px;
}
.section-title h2{
 color:#474747;
	font-weight:bold;
 font-size: 48px;
 line-height: 56px;
 position: absolute;
 width: 100%;
 top: 50%;
 left: 0px;
 z-index: 9;
 transform: translateX(0%) translateY(-50%);
 -webkit-transform: translateX(0%) translateY(-50%);
}
.section-title h2 span{
 color:#842EDA;
}
.section-title .blur{
 color: #EFF2F5;
 font-weight: 900;
 font-size: 88px;
 line-height: 103px;
 position: static;
 transform: initial;
}
/*---- PRODUCT ----*/
.our-product .row{
 display: flex;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
 align-items: center;
}
.our-product .col-6{
 width: 50%;
 padding: 0px 15px;
}
.our-product .image{
 text-align: center;
}
.our-product .image img{
 max-width: 70%;
}
.our-product .main p{
 color:#474747;
	font-size:16px;
 margin-bottom: 10px;
}
.our-product .main h3{
 color:#842EDA;
	font-size:18px;
	text-transform:uppercase;
 margin-bottom: 20px;
}
.our-product .main ul{
 list-style: initial;
 margin-left: 20px;
 margin-bottom: 20px;
}
.our-product .main ul li {
 color:#474747;
	font-size:16px;
 margin-bottom: 10px;
}
.number-counter{
 margin: 24px 0px;
}
.number-counter .row{
 display: flex;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.number-counter .col-4{
 width: 33.33333%;
 padding: 0px 15px;
}
.number-counter .item h3{
 color:#F7BE00;
	font-weight:bold;
 font-size: 46px;
}
.number-counter .item span{
 color:#474747;
	font-weight:normal;
 font-size: 16px;
}
.download-app h3{
 color:#842EDA;
	font-size:24px;
	font-weight:bold;
}
.download-app p{
 color:#474747;
	font-size:20px;
	font-weight:normal;
 line-height: 28px;
}
.download-app .store{
 margin-top: 24px;
}
.download-app .store a{
 display:inline-block;
}
.download-app .store a img{
 max-width: 135px;
 border-radius: 7px;
}
.download-app .store .google-play{
 margin-right: 28px;
}
/*---- END PRODUCT ----*/
/*---- OVERVIEW ----*/
.overview--text .row{
 display: flex;
 flex-wrap: wrap;
 margin-right: -7px;
 margin-left: -7px;
}
.overview--text .col-4{
 width: 33.3333333333%;
 padding: 0px 7px;
 margin-bottom: 14px;
}
.overview--text .block-item{
 height: 100%;
 border-radius: 4px;
}
.overview--text .block-item.text{
 color:#fff;
	position:relative;
 padding: 20px;
 background-color: #842EDA;
}
.overview--text .block-item img{
	width:100%;
	height:100%;
}
.overview--text .block-item h5{
 font-size: 30px;
 font-weight: bold;
 position: absolute;
 top: 50%;
 left: 0px;
 width: 100%;
 padding: 0px 20px;
 transform: translateX(0%) translateY(-50%);
 -webkit-transform: translateX(0%) translateY(-50%);
}
.overview--text .block-item h5 a{
 color:#fff;
 font-size: 30px;
 font-weight: bold;
}
/*---- END OVERVIEW ----*/
/*---- JOBS ----*/
#alljobs .row{
 display: flex;
 flex-wrap: wrap;
 margin: 0px -15px;
}
#alljobs .col-4{
 flex: 0 0 35%;
 max-width: 35%;
 padding: 0px 15px;
}
#alljobs .col-8{
 flex: 0 0 65%;
 max-width: 65%;
 padding: 0px 15px;
}
#alljobs .sidebar{
}
#alljobs .list .section--head{
 text-align: left;
 margin-bottom: 20px;
}
#alljobs .list .section--head h2{
 color:#C8CDDA;
	font-weight:bold;
 display:block;
 font-size: 36px;
 line-height: 52px;
 margin-bottom: 0px;
}
.hashtag {
	text-align:center;
 margin-bottom: 40px;
}
.hashtag a {
 color:#fff;
	font-size:16px;
 display:inline-block;
 padding: 8px 20px;
 background-color: #842EDA;
}
.list-jobs .dept{
	font-size:24px;
	font-weight:bold;
}
.job__item.--dept,
.job__item.--job-type,
.job__item.--location {
	display:none;
}
.job__item {
 padding: 30px 0px;
 border-bottom: 2px solid #E6ECF0;
	position:relative;
}
.job__item:hover{
 border-bottom-color: #632066;
}
.job__item:hover .job--title a{
 color:#842EDA;
}
.job__item .job--desc {
 color:#474747;
	font-size:14px;
}
.job__item .job--desc li{
 display:inline-block;
 line-height: 30px;
}
.job__item .job--desc li a{
 color:#474747;
	font-size:14px;
}
.job__item .job--desc li.desc-line{
 color: #C8CDDA;
 margin: 0px 40px;
}
.job__item .job--title {
 margin-bottom: 15px;
 font-size: 24px;
}
.job__item .job--title a {
 color:#474747;
	font-weight:bold;
 display:block;
}
.job__item:last-child {
 border-bottom: 0px;
}
.list-jobs .btn-apply {
 color:#fff;
	position:absolute;
 clear:both;
 background-color: #842EDA;
 padding-right: 20px;
 padding-left: 20px;
 margin-top: 10px;
 font-size: 13px;
 font-weight: 600;
 top: 30px;
 right: 0px;
}
.list-jobs .btn-apply:hover:after {
 content: "";
 height: 2px;
	position:absolute;
	width:100%;
 bottom: 0px;
 left: 0px;
 background: rgba(0,0,0,0.2);
}
.jobs__title {
 border-bottom: 1px solid #eee;
 margin-bottom: 20px;
 padding-bottom: 20px;
}
.jobs__title .title-h2 {
 margin-bottom: 10px;
	font-size:32px;
	font-weight:300;
 color:#333;
}
.jobs__title .desc {
 color:#333;
}
.box-search {
	position:relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.box-search .form-control {
	width:100%;
 color:#842EDA;
 height: 55px;
 padding: 10px 10px 10px 0px;
 font-weight: bold;
 font-size: 28px;
 background-color: #fff;
}
.box-search .form-control::placeholder{
 color:#842EDA;
}
/* .box-search .btn-search{
 cursor: pointer;
 min-width: 200px;
 height: 55px;
 text-align: center;
 color: #fff;
 border-radius: 30px;
 display: inline-block;
 margin-left: 15px;
 padding: 12px;
 font-size: 22px;
 font-weight: 500;
 padding-right: 50px;
 background-color: #632066;
 border: 1px solid transparent;
} */
.box-search .btn-search img{
 max-width: 320px;
}
#alljobs .hoff, #alljobs .hdept {
 display: none;
}
.__pag {
	text-align:right;
	padding: 10px 0px;
}
.__pag label {
	display:none;
}
.pag:hover, .pag.active {
	color:#842EDA;
	-webkit-box-shadow: 0px 0px 0px 1px color:#842EDA; inset;
	box-shadow: 0px 0px 0px 1px color:#842EDA; 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;
}
/*---- END JOBS ----*/
/*---- CUSTOMER ----*/
.section-customer {
	margin: 0;
}
.customer__cover img {
	width: 100%;
}
.customer__content {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
.customer--title {
	font-size:18px;
 color:#333;
	line-height: 1.58;
}
.customer--quote {
	position:relative;
	font-size:14px;
 font-style:italic;
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 1.56;
	max-width: 800px;
}
.customer--quote::before,
.customer--quote::after {
	font-weight:normal;
	$opacity: .5
}
.customer--quote::before {
	font-family:ap; content:"\e8e7";
	margin-right: 10px;
}
.customer--quote::after {
	font-family:ap; content:"\e8e8";
	margin-left: 5px;
}
.customer--info {
	text-align:right;
	max-width: 800px;
}
.customer--info .info-name {
	font-weight:bold;
 color:#333;
}
.customer--info .info-position {
	font-weight:300;
	font-size:13px;
	margin-top: 5px;
}
/*---- END CUSTOMER ----*/
#alljobs .list-offices {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 50px;
 margin-left: -10px;
 margin-right: -10px;
 justify-content: center;
}
.list-offices .item-location {
 width: 20%;
 padding: 0px 10px;
}
.list-offices .item-location a {
 text-align: center;
 display: block;
 padding: 10px;
 font-size: 15px;
 padding-top: 110px;
 background-size: 100px !important;
 background-position: top center !important;
}
.list-offices .item-location.active a{
 color:#2599dc;
}
.list-offices .item-location:nth-child(1) a {
 background: url('https://staticx-talent.basecdn.net/image/nganhangacb/job/hanoi.png') no-repeat;
}
.list-offices .item-location:nth-child(2) a {
 background: url('https://staticx-talent.basecdn.net/image/nganhangacb/job/hcm.png') no-repeat;
}
/*-------------------------------*/
#core-values {
 background-color: #f8f8f8;
}
.core-value .row{
 display: flex;
 flex-wrap: wrap;
 margin-right: -10px;
 margin-left: -10px;
}
.core-value .col-4{
 width: 20%;
 padding: 0px 10px;
}
.core-card{
 text-align: center;
 position: relative;
 margin-bottom: 20px;
}
.core-card .text-content{
 min-height: 340px;
}
.core-card .text-content.is-front{
 padding: 30px;
 background-color: #fff;
 border-radius: 32px;
 transition: .5s;
 box-shadow: 0px 5px 50px rgba(41, 36, 46, 0.08), 0px 2px 6px rgba(68, 73, 74, 0.08);
}
.core-card .text-content .image{
 position: relative;
 width: 64px;
 height: 64px;
 margin: 80px auto;
}
.core-card .text-content .image img{
 width: 100%;
}
.core-card .text-content .text{
 text-align: center;
 min-height: 50px;
 max-height: 50px;
}
.core-card .text-content .text h3{
 color:#842EDA;
	font-size:20px;
	font-weight:bold;
}
.core-card .text-content .text.bottom{
 text-align: center;
 transform: rotate(-180deg);
}
.core-card .text-content.is-back .desc{
 color:#fff;
	font-size:16px;
	font-weight:300;
 text-align: left;
 padding: 0px 30px;
	position:absolute;
 top: 50%;
 left: 0%;
 z-index: 1;
 transform: translateX(0%) translateY(-50%);
 -webkit-transform: translateX(0%) translateY(-50%);
}
.core-card .text-content.is-back{
 opacity: 0;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 padding: 30px 0px;
 background-color: #632066;
 border-radius: 32px;
 overflow: hidden;
 transition: .5s;
 box-shadow: 0px 5px 50px rgba(41, 36, 46, 0.08), 0px 2px 6px rgba(68, 73, 74, 0.08);
}
.core-card.is-active .text-content.is-back{
 opacity: 1;
}
.core-card .text-content.is-back .text h3{
 color: #FFFFFF;
 opacity: 0.5;
}
.core-card .text-content.is-back .ellipse {
	position:absolute;
 top: -45px;
 left: -40px;
 z-index: 1;
}
.section-video .video{
 position: relative;
 padding-bottom: 35%;
 max-width: 768px;
 margin: 0px auto;
}
.section-video .video iframe{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
}
#talent-network .about p{
 font-weight: 500;
}
#talent-network .about ul{
 font-weight: 500;
}
#talent-network .top .title a{
 font-weight: 500;
}
#footer{
 background: #842EDA;
 border-top: 5px solid #A426ED;
}
.footer-bottom{
 padding: 40px 0px;
}
.foo-logo {
 margin: 18px 0px;
}
.foo-logo img{
 height: 60px;
 filter: brightness(0) invert(1);
}
#footer .row {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 flex-direction: row;
 margin-right: -15px;
 margin-left: -15px;
}
#footer .col-2{
 width: 20%;
 padding: 0px 15px;
}
#footer .col-3{
 width: 25%;
 padding: 0px 15px;
}
#footer .col-4{
 width: 30%;
 padding: 0px 15px;
}
.foo-info{
	font-weight:normal;
 line-height: 22px;
 margin-top: 20px;
}
.foo-info h3{
 color:#E6ECF0;
	font-size:20px;
	font-weight:bold;
 line-height: 23px;
 margin-bottom: 8px;
}
.foo-info p{
	font-size:16px;
 color:#C8CDDA;
 line-height: 24px;
}
.foo-info p a{
	font-size:16px;
 color:#C8CDDA;
}
#footer .social a{
 display:inline-block;
 margin: 0px 4px;
}
#footer .social a span{
 margin: 0px;
}
#footer .social a img{
 width: 35px;
}
#footer .links-footer p {
 margin-top: 10px;
 margin-bottom: 10px;
 line-height: 1.6em
}
.copyright {
 color:#C8CDDA;
	font-size:16px;
	font-weight:normal;
	text-align:center;
 padding: 15px 0px;
 border-top: 1px solid #969EB2;
}
.copyright a{
 color:#C8CDDA;
	font-weight:bold;
}
body.overflow{overflow: hidden;}
#popup {position:fixed;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;color:#FFF;z-index:999999;display:none}
#popup .popUpBannerInner{ max-width: 600px;margin:0 auto;margin-top: 60px;}
#popup .popUpBannerContent img{max-width: 100%;}
#popup .closeButton{color:red;text-decoration:none;font-size:18px}
#popup a.closeButton{float:right}
@media(max-width: 600px){
 #popup .popUpBannerInner{
 width: 300px;
 }
}
#popup-join {
 position: fixed;
 top: 0px;
 left: 50%;
 z-index: 999;
 width: 100%;
 height: 100%;
 opacity: 0;
 display: none;
 visibility: hidden;
 -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;
 transform: translateX(-50%) translateY(0%);
 -webkit-transform: translateX(-50%) translateY(0%);
}
#popup-join.active{
 opacity: 1;
 display: block;
 visibility: visible;
}
.overlay-common{
 display: none;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background: rgba(0,0,0,0.6);
}
#popup-join.active .overlay-common{
 display: block;
}
.popup-content{
 position: relative;
 max-width: 720px;
 margin: 30px auto;
 z-index: 99;
}
.popup-content .close{
 position: absolute;
 right: 0px;
 top: 0px;
 z-index: 9;
 font-size: 20px;
 width: 30px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 border: 1px solid #ccc;
 border-radius: 50%;
 cursor: pointer;
 background-color: #fff;
}
.popup-content #talent-network-canvas{
 display:block;
 max-height: 850px;
}
.popup-content #talent-network-canvas::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
 border-radius: 10px;
	background-color: #F5F5F5;
}
.popup-content #talent-network-canvas::-webkit-scrollbar{
	width: 5px;
	background-color: #F5F5F5;
}
.popup-content #talent-network-canvas::-webkit-scrollbar-thumb{
 border-radius: 10px;
	background-color: #333;
}
.popup-content #talent-network{
 margin: 0px;
 max-width: 100%;
}
.popup-content #talent-network #appform{
 padding-top: 0px;
}
#back-to-top {
 position: fixed;
 right: 35px;
 bottom: 35px;
 transition: opacity .5s, visibility .5s;
 opacity: 0;
 visibility: hidden;
 z-index: 1000;
}
#back-to-top.show {
 opacity: 1;
 visibility: visible;
 }
.section-banner{
	position:relative;
 clear:both;
}
.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,#fff 100%);
 background-image: -moz-linear-gradient(36deg,#1a8bf0 0,#fff 100%);
 background-image: -o-linear-gradient(36deg,#1a8bf0 0,#fff 100%);
 background-image: linear-gradient(36deg,#1a8bf0 0,#fff 100%);
 top: 0px;
 left: 0px;
 opacity: .4; filter: alpha(Opacity:40);
 z-index: 2;
}
.section-banner .banner__text{
 color:#fff;
	position:absolute;
 top: 55%;
 left: 50%;
 z-index: 99;
 width: 100%;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
}
.banner-social {
	position:absolute;
 width: 100%;
 left: 0px;
 bottom: 15%;
}
.banner__text .container{
 padding:0px 60px;
}
.banner__text .headline{
	font-size:16px;
 margin-bottom: 10px;
}
.banner__text .title{
 font-size: 45px;
	font-weight:bold;
	text-align:center;
 line-height: 1.2;
 letter-spacing: 1px;
 margin-bottom: 40px;
}
.banner__text .desc{
	font-size:16px;
 line-height: 25px;
}
.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:#842EDA;
 font-weight:600;
 background-color: #fff;
 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;
}
.banner-social .social{
	text-align:center;
}
.banner-social .social img{
 width: 18px;
}
.banner-social .social a{
 color:#fff;
 display:inline-block;
	font-weight:bold;
 padding: 0 5%;
 letter-spacing: 1px;
}
.section-banner .banner-row{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.row-reverse{
 position: relative;
 -webkit-box-orient: horizontal!important;
 -webkit-box-direction: reverse!important;
 -ms-flex-direction: row-reverse!important;
 flex-direction: row-reverse!important;
}
.section-banner .col-9{
 -webkit-box-flex: 0;
 -ms-flex: 0 0 56.25%;
 flex: 0 0 56.25%;
 max-width: 56.25%;
}
.section-banner .col-7{
 -webkit-box-flex: 0;
 -ms-flex: 0 0 37.5%;
 flex: 0 0 37.5%;
 max-width: 37.5%;
}
.section-banner .col-offset{
 margin-left: 6%;
}
.section-banner .bl-caption-head .title {
 line-height: 1.4;
 padding-top: 57px;
 padding-right: 20px;
 margin-bottom: 24px;
}
.section-banner .bl-caption-head .title h2{
 color:#842EDA;
 font-size: 68px;
 font-weight: bold;
}
.section-banner .bl-caption-head .title h2 span{
 color:#F7BE00;
}
.section-banner .bl-caption-head .title h3{
 color:#C8CDDA;
 font-size: 68px;
 font-weight: bold;
}
.section-banner .bl-caption-head p{
 color:#474747;
	font-size:20px;
 line-height: 28px;
}
.section-banner .col-8{
 -webkit-box-flex: 0;
 -ms-flex: 0 0 43.75%;
 flex: 0 0 43.75%;
 max-width: 43.75%;
}
.section-banner .bl-search{
 position: absolute;
 left: 0;
 bottom: 20px;
 width: 100%;
}
@media(max-width: 1400px){
 .section-banner .bl-caption-head .title{
 padding-top: 40px;
 }
 .section-banner .bl-caption-head p{
 line-height: initial;
 }
 .box-search .form-control{
	font-size:20px;
 }
}
@media(max-width: 1200px) and (min-width: 768px){
 .box-search .form-control{
	font-size:15px;
 }
}
.sidebar h2 {
 color:#474747;
	font-weight:bold;
 font-size: 36px;
 margin-bottom: 10px;
 line-height: 52px;
}
.sidebar .block{
 margin-bottom: 30px;
 box-shadow: 0px 5px 50px rgba(41, 36, 46, 0.08);
 border-radius: 32px;
 padding: 30px;
}
.sidebar .block.block-category{
 padding: 0px;
 padding-bottom: 30px;
}
.sidebar .block-button{
 padding: 0px 30px;
}
.sidebar .block-category h2{
 color: #969EB2;
 padding: 30px 30px 0px 30px;
}
.sidebar .block-category .sep-line{
 height: 8px;
 width: 100%;
 background: #EFF2F5;
 margin-bottom: 15px;
}
#sidebar .title-cat {
	font-size:24px;
	font-weight:bold;
 color:#842EDA;
 line-height: 36px;
 margin-bottom: 15px;
 padding-bottom: 15px;
 position: relative;
 border-bottom: 2px solid #E6ECF0;
}
#sidebar .title-cat .title-drop {
 position: absolute;
 height: 35px;
 width: 35px;
 right: 0px;
 top: 0px;
 cursor: pointer;
 text-align: center;
 background-color: #fff;
 box-shadow: 0px 5px 50px rgb(41 36 46 / 8%), 0px 2px 6px rgb(68 73 74 / 20%);
 border-radius: 8px;
}
#sidebar .list-category .title-cat .title-drop img{
 transition: transform 0.3s ease-in-out;
}
#sidebar .list-category.active .title-cat .title-drop img{
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
#sidebar .list-category {
 margin-bottom: 30px;
 padding: 0px 30px;
}
#sidebar .list-category .list {
}
#sidebar .list-category .check-action {
 color:#474747;
	font-size:16px;
 margin-bottom: 10px;
}
.sidebar .form-group {
 margin-bottom: 15px;
}
.sidebar .form-control {
 padding: 10px;
 color: #8A8A8F;
 width: 100%;
 border: solid 1px #d3d6d9;
}
.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;
}
.check-action:hover {
 @@second;
}
.check-action:hover .icon {
 @@second;
}
.check-action .icon {
 color: #C8CDDA;
 font-size: 16px;
 font-family: 'FontAwesome' !important;
 margin-right: 10px;
}
.check-action .icon:before {
 content: "\f096";
}
.check-action input:checked+.icon:before {
 content: "\f14a";
 color:#842EDA;
}
.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 @borc;
 padding-bottom: 10px;
 margin-bottom: 10px;
}
.box-subcribe .desc {
 margin-bottom: 20px;
 @@text 
	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;
 @@titlec;
 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 {
 $bg: @borc;
 @@titlec;
}
.baseui.button {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
 padding: 15px;
 line-height: 19px;
 border-radius: 36px;
}
.baseui.button.fluid {
 display:block;
	width:100%;
}
.block-button .baseui.button{
 width: 49%;
}
.baseui.button.main {
 color:#fff;
 background-color: #842EDA;
 border: 2px solid #842EDA;
}
.baseui.button.reset{
 color:#842EDA;
 background-color: #fff;
 border: 2px solid #842EDA;
}
.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: #474747;
 margin-top: 10px;
 margin-bottom: 10px;
	width:100%;
}
.baseui.input>input {
	text-align:left;
 max-width: 100%;
 margin: 0em;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 color:#FFFFFF;
 padding: 5px 15px;
 color: #474747;
 box-shadow: none;
 height: 44px;
 width: 100%;
 border: 1px solid #E6ECF0;
}
.sidebar-search .btn-search {
	position:absolute;
 right: 3px;
 top: 3px;
 color: #fff;
 cursor: pointer;
 padding: 10px 11px;
 background-color: #842EDA;
 border-radius: 6px;
}
.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: #842EDA;
 outline: 1px solid #842EDA;
}
.hamburger--mb {
	display: inline-block;
}
@media only screen and (min-width: 1200px) {
	.hamburger--mb {
 display: none;
	}
}
@media only screen and (max-width: 768px) {
	.section__cover img {
 display: none;
	}
	.section--without-space {
 margin: 15px 0;
	}
	.section__content {
	position:relative;
 top: unset;
 transform: unset;
	}
	.tpl4__menu .items .item:hover,
	.tpl4__menu .items .item.active {
 border-bottom: unset;
	font-weight:bold;
	}
}
@media(max-width: 992px) and (min-width: 768px){
	.overview--text .col-4{
 flex: 0 0 50%;
 max-width: 50%;
	}
	.overview--text .col-4:last-child{
 flex: 0 0 100%;
 max-width: 100%;
	}
}
@media(max-width: 767px){
	.overview--text .col-4{
 flex: 0 0 100%;
 max-width: 100%;
	}
}
@media(max-width: 480px) {
	.section-banner {
 min-height: auto;
	}
	.section-banner .banner__text {
 padding: 110px 0px;
 min-height: auto;
	}
	.overview__benefit .benefit__item {
	width:100%;
 float: none;
 padding: 20px 0px;
	}
	.benefit__item .benefit--image {
 margin-bottom: 20px;
	}
	.item--job .cell {
 display:block;
	width:100%;
	text-align:left;
 padding: 0px;
 margin-bottom: 10px;
	}
	.jobs-header {
 margin-bottom: 20px;
	}
	#footer .links--footer {
 display:block;
	width:100%;
 float: none;
 margin-bottom: 20px;
	}
	#footer .links__footer--title {
 margin-bottom: 10px;
	}
	.cell {
 display:block;
	}
	.sidebar-article {
	width:100%;
 padding-left: 0px;
	}
	.customer__content {
	position:relative;
 top: auto;
 transform: translateY(0%);
	}
	.item--job {
 padding: 10px 0px;
	}
	.item--job .info .-ap {
 display:inline-block;
 margin-left: 0px;
	}
	.item--job .item--desc .info {
 margin-bottom: 5px;
	}
	.jobs__list .jobs__title {
 padding: 10px 0px;
	}
}
/**
 * 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%
}
.top-img {
 height: 480px;
}
.top-img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.students .topic-content{
 padding: 80px 0 40px 0;
 text-align: center;
}
.topic-content .main-title {
 margin: 0 auto 24px;
 font-size: 32px;
 font-weight: 700;
 line-height: 48px;
 text-align: center;
}
.topic-intro-parag {
 margin: 0 auto 30px;
 color: #797b7c;
 font-size: 16px;
 line-height: 28px;
 font-weight: 400;
 text-align: center;
}
.topic-intro-parag:last-child {
 margin-bottom: 0;
}
.internship .topic-content{
 padding: 80px 0 0 0;
}
.internships .image-card {
 background: #fafafa;
 display: -webkit-flex;
 display: flex;
 margin: 48px 20px;
}
.image-card .image{
 -webkit-flex: 1;
 flex: 1;
 min-height: 380px;
}
.image-card .image img{
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.image-card .text-wrapper {
 -webkit-flex: 1.33;
 flex: 1.33;
 min-width: 300px;
 padding: 48px 36px;
}
.image-card .title {
 font-weight: 600;
 font-size: 22px;
 line-height: 32px;
 color: #202325;
}
.image-card .text {
 font-size: 16px;
 line-height: 28px;
 margin: 16px 0;
 font-style: normal;
 font-weight: 400;
 color: rgba(32,35,37,.6);
}
.image-card .location-description{
 padding: 5px 0;
 font-style: normal;
 font-weight: 600;
 font-size: 16px;
 line-height: 28px;
 color: #202325;
}
.image-card .location-detail{
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.location-detail .location-item{
 margin: 2px 0;
 display: -webkit-flex;
 display: flex;
 width: 140px;
 -webkit-align-items: center;
 align-items: center;
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 28px;
 color: #202325;
}
.location-detail .location-svg{
 width: 15px;
 height: 19px;
 margin-right: 10px;
}
.intern-life .main-title{
 padding: 32px 0;
 font-size: 32px;
 font-weight: 700;
 text-align: center;
}
.video-wrapper {
 position: relative;
}
.video-wrapper img{
 width: 100%;
}
.video-wrapper .player{
 position: absolute;
 width: 88px;
 height: 88px;
 top: 50%;
 left: 50%;
 margin-top: -44px;
 margin-left: -44px;
 z-index: 1;
 cursor: pointer;
}
.graduate .topic-content {
 padding: 80px 0 0 0;
}
.events {
 padding: 60px 0px;
}
.events .main-title{
 margin-bottom: 48px;
 font-size: 32px;
 font-weight: 700;
 text-align: center;
}
.events .event-wrapper{
 margin: 20px 0;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
}
.events .event-wrapper .img-txt-card {
 padding: 0 15px;
 color: #202325;
 width: 33.33333%;
 background-color: #fff;
}
.events .event-wrapper .img-txt-card .image img{
 width: 100%;
}
.events .event-wrapper .text h4 {
 font-style: normal;
 font-weight: 600;
 font-size: 22px;
 line-height: 32px;
 color: #202325;
 margin: 12px 0;
 text-align: center;
}
.events .event-wrapper .text p {
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 text-align: left;
 line-height: 28px;
 color: #797b7c;
}
.event-slick.owl-carousel.owl-drag .owl-item .item img{
 opacity: 0.4;
}
.event-slick.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 !important;
 text-align: center;
 border-radius: 100%;
 line-height: 55px !important;
}
.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;
}
.slider-container{
 margin-bottom: 60px;
 text-align: center;
}
.slider-container .tags .item{
 font-size: 16px;
 border-radius: 4px;
 border: 1px solid #C8CDDA;
 padding: 12px 16px;
 color: #969EB2;
 margin: 0 6px 10px 0;
 display: inline-block;
}
.slider-container .tags .item:hover{
 color:#842EDA;
 background-color: #E6ECF0;
}
.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 .item {
 position: relative;
 background-color: #fff;
 margin-bottom: 30px;
 border-radius: 10px;
}
.section-news .item .image {
 height: 270px;
 overflow: hidden;
 margin-bottom: 15px;
}
.section-news .item .image img {
 width: 100%;
 height: 100%;
 border-radius: 12px;
 object-fit: cover;
 font-family: 'object-fit: cover;';
}
.section-news .item .time{
 font-size: 14px;
 color: #969EB2;
 margin-bottom: 9px;
 line-height: 1.5;
}
.section-news .item .title{
 font-size: 24px;
 margin-bottom: 8px;
}
.section-news .item .title a{
 display: block;
 color: #474747;
 font-weight: bold;
}
.section-news .item .summary{
 color: #414b56;
 margin-bottom: 10px;
 display: block;
 display: -webkit-box;
 min-height: 96px;
 font-size: 16px;
 line-height: 24px;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}
.section-news .item .entry-link{
 color:#842EDA;
 font-size: 16px;
 font-weight: bold;
} 
.list-title {
 margin-bottom: 40px;
}
.list-title h2 {
 font-size: 32px;
}
#post-content .title{
 color: #414b56;
 font-size: 32px;
 margin-bottom: 25px;
 text-align: center;
}
#post-content .time{
 color: #676f78;
 font-size: 16px;
 line-height: 1.5;
 margin-bottom: 50px;
 text-align: center;
}
#post-content .detail-news{
 color: #414b56;
 font-size: 16px;
 line-height: 1.5;
}
#post-content .detail-news p{
 color: #414b56;
 font-size: 16px;
 line-height: 1.5;
 margin-bottom: 10px;
}