@charset "UTF-8";
/* CSS Document */
.career-top{
	text-align: center;
	padding:70px 0 100px;
	position: relative;
	background-color:transparent;
	margin-bottom:65px;
}
.career-top:before{
	content:'';
	position: absolute;
	top:25px;
	left:0;
	width:100%;
	height:100%;
	background-image:url("/assets/application/img/banner-bg-016.jpg");
	background-size: cover;
	border-radius: 0 0 50% 50%/0 0 100% 100%;
	transform: scale(1.25);
}
.career-top .container{
	margin-bottom:-160px;
}
.career-top .btn{

}
.top-banner h5,.top-banner h2{
	font-size: 23px;
}
.top-back-link {
    color: #fff;
    font-size: 16px;
}
.top-back-link:hover {
    color: #fff;
    text-decoration: underline;
}
@media only screen and (max-width: 1199.98px) {
	.career-top{
		padding:60px 0 100px;
	}
	.career-top .container{
		margin-bottom:-140px;
	}
	.top-banner h1{
		font-size: 34px;
	}
	.top-banner h5,.top-banner h2{
		font-size: 21px;
	}
}
@media only screen and (max-width: 991.98px) {
	.top-banner{
		padding:40px 0 0;
		text-align: left;
		margin-bottom:85px;
	}
	.career-top .container{
		margin-bottom:-50px;
	}
	.top-banner h1{
		font-size: 32px;
	}
	.top-banner h5,.top-banner h2{
		font-size: 20px;
	}
	.image-right{
		display: none;
	}
}

@media only screen and (max-width: 767.98px) {
	.top-banner{
		padding:50px 0;
		text-align: center;
		background-image:url("/assets/application/img/banner-bg-016.jpg");
		margin-bottom:5px;
	}
	.career-top .container{
		margin-bottom: 0;
	}
	.career-top:before{
		display:none;
	}
	.top-banner h1{
		font-size: 30px;
	}
	.top-banner h5,.top-banner h2{
		font-size: 20px;
	}
	.image-left{
		padding-bottom: 1em;
	}
	.career-top .image-left img{
		width:50%;
	}
}
@media only screen and (max-width: 479.98px) {
	.top-banner{
		padding:40px 0;
		text-align: center;
	}
	.career-top .container{
		margin-bottom:0;
	}
	.top-banner h1{
		font-size: 25px;
	}
	.top-banner h5, .top-banner h2{
		font-size: 17px;
	}
}

/*card*/
#career-cards{
	background-color:transparent;
}
.career-card{
	background-color: #40C2CC;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	z-index:10;
	padding-top:75px;
	margin-bottom: 1em;
	transition: all .3s;
	display:block;
}
.career-card .bg-image{
	width:100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	z-index:15;
	transition: all .3s;
	background-size: cover;
	background-position: 50% -34px;
}
.career-card .panel{
	background-color:#fff;
	color:#888;
	position: relative;
	z-index:30;
	padding:0 1.45em 1.45em;
	height:100%;
}
.career-card .panel .icon-circle{
	display:inline-block;
	height:80px;
	width:80px;
	text-align: center;
	line-height: 90px;
	margin-bottom:-15px;
	background-color:#fff;
	border-radius: 50%;
	margin-top:-40px;
}
.career-card .panel .icon-circle span{
	font-size: 2.25em;
	color:#1b2935;
}
.career-card .panel .box-title{
	font-size: 1.35em;
	line-height: 1.24em;
	margin-bottom: .6em;
	color:#1b2935;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif!important;font-weight: 500;
}
.career-card .panel p{
	margin-bottom:1em;
}

.career-card.hover-card{
	padding-top:210px;
	height:350px;
}
.career-card.hover-card:hover{
	padding-top:60px;
}
.career-card.hover-card:hover .bg-image{
	opacity: 0.5;
}
.career-card.hover-card:hover .panel,.career-card.hover-card:hover .panel .icon-circle{
	background-color:#309299;
	color:#fff;
	transition: all .3s;
}
.career-card.hover-card:hover .panel .icon-circle span,.career-card.hover-card:hover .panel .box-title{
	color:#fff;
}
.career-card.hover-card .panel p{
	display:block;
	height:0;
	transition: height .3s;
	overflow:hidden;
	margin:0;
	font-size: 15px;
	line-height:1.27em;
}
@media only screen and (max-width: 991.98px) {
	.career-card.hover-card .panel p{
		max-height:112px;
	}
}
@media only screen and (max-width: 767.98px) {
	.career-card.hover-card{
		height:auto;
		padding-top:140px;
	}
	.career-card.hover-card:hover{
		padding-top:140px;
	}
	.career-card.hover-card .panel p{
		max-height:94px;
		margin-bottom:1.4em;
		height:auto;
	}
}
.career-card.hover-card:hover .panel p{
	height:auto;
	color:rgba(255,255,255,.8);
	margin-bottom:1.4em;
	text-transform: capitalize;
}
.career-card.hover-card .panel .link{
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif!important;font-weight: 500;
	color:#1D6B70;
	display:inline-block;
	padding:.2em .8em .35em;
	border-radius: 4px;
	font-size: 15px;
	background-color:transparent;
	transition: all .3s;
}
.career-card.hover-card:hover .panel .link{
	color:#309299;
	background-color:#fff;
}
.career-card.hover-card:hover .panel .link:hover{
	color:#1b2935;
	background-color:#fff;
}
.career-card .panel .link span{
	position: relative;
	top:2px;
}

.career-card.full-card,.career-card.full-card:hover{
	padding-top:0;
	height:auto;
}
.career-card .career-card-body{
	padding:1.45em;
	background-color: #fff;
	height:100%;
}
.career-card .career-card-title{
	font-size: 1.35em;
	margin-bottom: .6em;
	color:#1b2935;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif!important;font-weight: 500;
}
.career-card .career-card-body a{
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif!important;font-weight: 500;
}

.career-card.full-card ul{
	margin:0;
	padding:5px 0 0;
	list-style: none;
}
.career-card.full-card ul li{
	padding:0 0 1em;
}
.career-card.full-card ul li .small{
	font-size: 14px;
	color:#888;
}

.career-card .career-card-body.career-card-body-heavy{
	background-image:url("/assets/application/img/career-bg-city.jpg");
	background-size: cover;
	background-position: center center;
	color:#fff;
}
.career-card .career-card-body.career-card-body-heavy .career-card-title{
	color:#fff;
}

#tmx-life{
	height:210px;
	padding-left:2em;
	padding-right:2em;
}
#tmx-life .carousel-inner{
	height:100%;
	padding:0 0 40px;
}
#tmx-life .carousel-indicators{
	margin-bottom:0;
	bottom:0;
}
#tmx-life .carousel-control-next, #tmx-life .carousel-control-prev{
	width:22px;
}
#tmx-life .carousel-control-pre{
	left:-10px;
}
#tmx-life .carousel-control-next{
	right:-10px;
}

#tmx-life .i-set-panel{
	padding:15px 20px 0;
}
#tmx-life .i-set-panel span{
	font-size: 60px;
}

@media only screen and (max-width: 991.98px) {
	#tmx-life{
		height:280px;
	}
	#tmx-life .i-set-panel{
		padding:50px 20px 0;
	}

	#tmx-life .i-set-panel p{
		font-size: 15px;
		line-height: 1.34em;
	}
}
@media only screen and (max-width: 767.98px) {
	#tmx-life{
		height:200px;
	}
	#tmx-life .i-set-panel{
		padding:30px 20px 0;
	}
}
/*counter box*/
#career-counter{
	background-color:transparent;
	padding-bottom:0;
}
#counter-box .c-icon{
	margin:1em 1em 2em;
	text-align: center;
	position: relative;
	z-index: 2;
}
#counter-box .c-icon:before{
	content:"";
	display:block;
	width:100px;
	height: 100px;
	background-color: #e6e6e6;
	border-radius: 50px;
	position: absolute;
	left:50%;
	margin-left:-50px;
	top:-25px;
	z-index: 4;
}

#counter-box .c-icon span{
	font-size:50px;
	position: relative;
	z-index: 10;
}
#counter-box p {
	font-size: 50px;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	color: #309299;
	margin:1em 0 0;
}

.border-counter {
	border-right: 1px solid #ccc;
	text-align: center;
}
.border-counter:last-child{
	border:0;
}
.counter-text {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3em;
	color: #000000;
	padding: 0px 50px;

}

@media (max-width: 991.98px){
	#counter-box p {
		font-size: 35px;
	}
	.counter-text{
		padding:0;
	}
}
@media (max-width: 768px){
	.border-counter {
		border-right: 0;
		padding-top: 1.4em;
		padding-bottom: 2.4em;
		position: relative;
	}
	#counter-box .c-icon{
		margin:1em;
	}
	#counter-box .c-icon:before{
		width:80px;
		height: 80px;
		border-radius: 40px;
		margin-left:-40px;
		top:-23px;
	}

	#counter-box .c-icon span{
		font-size:40px;
	}
	#counter-box p{
		font-size: 1.7em;
	}
	.counter-text{
		padding:0;
		font-size: 15px;
	}
}

/*campus*/
.campus-top{
	text-align: center;
	padding:70px 0 100px;
	position: relative;
	background-image:url("/assets/application/img/banner-bg-016.jpg");
}
.campus-top .col-md-6, .campus-top .col-md-3{
	display:flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
@media only screen and (max-width: 991.98px) {
	.campus-top{
		margin-bottom:0;
	}
}
@media (max-width: 768px){
	.campus-top .col-md-3 img {
		width:60%;
		max-width:280px;
		margin:1em 0 0;
	}
	.campus-top .col-md-3.img-first {
		display:none;
	}
}
.campus-icon-row{
	padding-top:4em;
	padding-left:20%;
	padding-right: 20%;
}
@media only screen and (max-width: 991.98px) {
	.campus-icon-row {
		padding-left:5em;
		padding-right: 5em;
	}
}
@media (max-width: 768px){
	.campus-icon-row {
		padding-left:0;
		padding-right: 0;
	}
}
.campus-icon-panel{
	height:100%;
	text-align: center;
	padding-bottom:3em;
	padding-top:1em;
	color:#308081;
}
.campus-icon-panel img{
	height: 64px;
	margin-bottom:.75em;
}

.student-row{
	text-align: left;
	padding-bottom:4em;
}
.student-row>div {
	display: flex;
	align-content: center;
	justify-content: left;
	flex-wrap: wrap;
}
.student-row .student-name{
	font-size: 1.3em;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	display:inline-block;
	padding-right: .75em;
}
@media (max-width: 768px){
	.student-row>div {
		justify-content: center;
		text-align: center;
	}
	.student-row img{
		width: 60%;
		max-width: 400px;
		margin-bottom:1em;
	}
}

#campus-intern {
	text-align: center;
}
#campus-intern .row>div {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 20px;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
}
#campus-intern img{
	width:60%;
	max-width:600px;
	min-width:250px;
	margin-bottom:1em;
}
.intern-row{
	padding-top:2em;
	padding-bottom:3em;
}

#join2{
	box-shadow: 0 -190px 0 #1b2935 inset;
}
#join2 .general-header h3{
	border-bottom:1px solid #fff;
}
@media only screen and (max-width: 991.98px) {
	#join2{
		box-shadow: 0 -140px 0 #1b2935 inset;
	}
}
@media (max-width: 768px){
	#join2{
		box-shadow: 0 -110px 0 #1b2935 inset;
	}
	#join2 img{
		width:60%;
		max-width:600px;
		min-width:250px;
		margin:1em auto;
		display:block;
	}
}

#social img.best{
	width:200px;
	margin-bottom:2em;
}
#social a{
	display:inline-block;
	margin:0 .5em;
	font-size: 2em;
}
#social a img{
	height:36px;
}