.animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}
.animated.infinite {
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}
.animated.hinge {
 -webkit-animation-duration: 2s;
 animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
 -webkit-animation-duration: .75s;
 animation-duration: .75s;
}
@-webkit-keyframes fadeInDown {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transform: none;
 transform: none;
 }
}
@-moz-keyframes fadeInDown {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transform: none;
 transform: none;
 }
}
@-o-keyframes fadeInDown {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transform: none;
 transform: none;
 }
}
@keyframes fadeInDown {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transform: none;
 transform: none;
 }
}
.fadeInDown {
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transform: none;
 transform: none;
 }
}
@-moz-keyframes fadeInUp {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transform: none;
 transform: none;
 }
}
@-o-keyframes fadeInUp {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transform: none;
 transform: none;
 }
}
@keyframes fadeInUp {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transform: none;
 transform: none;
 }
}
.fadeInUp {
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
}
@-webkit-keyframes fadeIn {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 }
}
@-moz-keyframes fadeIn {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 }
}
@keyframes fadeIn {
 from {
 opacity: 0; filter: alpha(Opacity:0);
 }
 to {
 opacity: 1; filter: alpha(Opacity:100);
 }
}
.fadeIn {
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
}
.article {
 @@titlec;
}
.head-article {
 margin-bottom: 20px;
}
.head-article .title-h2 {
	font-size:32px;
	font-weight:normal;
 line-height: 1.2;
 margin-bottom: 10px;
}
.head-article .post-type span {
 display:inline-block;
 @@text;
}
.head-article .post-type span:after {
 content: "\e6ca";
 font-family: "ap";
 margin: 0px 10px;
}
.head-article .post-type span:last-child:after {
	display:none;
}
.article .desc-job {
 border-radius: 0px 3px 3px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 line-height: 24px;
 margin-bottom: 20px;
}
.article .desc-job .desc {
 margin-bottom: 10px;
}
.article .desc-job .desc:last-child {
 margin-bottom: 0px;
}
.article .desc-job .desc span {
	font-weight:bold;
}
.detail-article div,
.detail-article p,
.detail-article li {
 line-height: 25px;
 margin-bottom: 20px;
}
.detail-article h2,
.detail-article h3,
.detail-article h4 {
 margin-bottom: 20px;
 line-height: 1.2;
	font-weight:normal;
}
.detail-article h2 {
	font-size:26px;
}
.detail-article h3 {
	font-size:20px;
}
.detail-article h4 {
	font-size:18px;
}
.article .btn-apply{
 background-color: #2599dc;
 color:#fff;
	position:relative;
	text-align:center;
 clear:both;
	font-weight:bold;
 padding: 10px 40px;
 line-height: 22px;
}
.article .btn-apply:hover{
 color:#fff;
}
.article .btn-apply:hover:after {
 content: "";
 height: 2px;
	width:100%;
	position:absolute;
 bottom: 0px;
 left: 0px;
 background: rgba(0,0,0,0.1);
}
.article .ctas {
 border-radius: 3px 0px 0px 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
 padding: 15px 0px;
 margin-bottom: 20px;
}
.article .ctas .btn-apply {
 display:inline-block;
	float:left;
}
.article .box-share{
	float:right;
}
.article .box-share.art .name {
 display:inline-block;
 margin-bottom: 10px;
}
.article .box-share.art .btn-share {
 width: 120px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 display:inline-block;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
 height: auto;
 border: 1px solid rgba(0, 0, 0, 0.1);
 padding: 10px 0px;
 padding-left: 40px;
}
.article .box-share.art .btn-share span {
	position:absolute;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 width: 40px;
 top: 0px;
 height: 100%;
 left: 0px;
 border-right: 1px solid rgba(0, 0, 0, 0.1);
 padding: 10px 0px;
}
.article .box-share.art .btn-share.end {
 margin-right: 0px;
}
.article .top-article{
 margin:20px 0px;
 border-bottom: 1px dotted #eee;
}
.article .list-related {
 margin-top: 20px;
 padding-top: 20px;
 margin-bottom: 40px;
 border-top: 1px solid @borc;
}
.article .list-related .name {
	font-size:20px;
 line-height: 26px;
 margin-bottom: 10px;
}
.article .list-related a {
 display:block;
 padding: 10px 0px;
}
.breadcrumb {
 margin-bottom: 20px;
}
.breadcrumb a {
 display:inline-block;
 @@c1;
}
.breadcrumb .active {
	font-size:16px;
 color:#2599dc;
}
.breadcrumb a:hover {
 color:#2599dc;
}
.breadcrumb a:after {
 font-family: "FontAwesome";
 content: "\f105";
 margin: 5px 7px;
 display:inline-block;
	font-size:18px;
 @@borc;
}
.breadcrumb a:last-child:after {
 content: "";
}
.container {
 max-width: 1200px;
 margin: 0px auto;
	position:relative;
}
#scroll-top {
	text-align:center;
 display:block;
 position:fixed;
 @@c1 
	font-size:20px;
 bottom: 10px;
 right: 10px;
 z-index: 300;
 width: 40px;
 height: 40px;
 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:#2599dc;
 border-color: #2599dc;
}
#scroll-top span {
 line-height: 40px;
}
#scroll-top.show {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 transform: none;
 -ms-transform: none;
 -webkit-transform: none;
 -moz-transition-transform: none;
}
.btn-apply {
 padding: 7px 15px;
 display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
 white-space: nowrap;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.divider {
 border-top: 2px solid #eee;
 clear: both;
}
.section- {
 padding: 40px 0px;
}
.select-custom {
 padding: 0;
 margin: 0;
 width: auto;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 background-color: #fff;
 clear:both;
	position:relative;
 $stroke: @borc;
}
.select-custom:before {
 font-family: "FontAwesome";
 content: "\f0d7";
 right: 10px;
 color:#888;
	position:absolute;
 line-height: 40px;
}
.select-custom select {
 padding: 10px 15px;
	width:100%;
 border: none;
 box-shadow: none;
 background-color: transparent;
 background-image: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
.select-custom select:focus {
 outline: none;
}
.logo {
 display:block;
 margin-bottom: 20px;
}
.logo img {
 max-width: 100%;
 height: 50px;
}
#appform .wrapper {
 background-color: #fff;
 padding: 20px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 $stroke: @borc;
 box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);
}
#appform h1 {
	font-size:28px;
 @@active;
 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 {
 @@c2 
	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;
 $stroke: @borc;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#appform .form .row .input input:focus, #appform .form .row .input textarea:focus {
 $stroke: @btnc;
}
#appform .form .submit {
 background-color: #2599dc;
 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 @borc;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 margin-top: 10px;
}
#appform .form .upload:hover {
 background-color: #f8f8f8;
}
#appform .form .upload .text {
	position:relative;
	text-align:center;
	font-size:15px;
 z-index: 100;
 padding: 10px 0;
}
#appform .form .upload .text .more {
	font-size:13px;
	font-weight:300;
 color:#999;
 padding-top: 4px;
}
#appform .form .upload input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#appform .form .upload input {
 display:block;
	position:absolute;
	white-space: nowrap;
 width: 100%;
 height: 100%;
 z-index: 101;
 opacity: 0; filter: alpha(Opacity:0);
}
#appform .form .cancel {
 padding: 15px 0;
	text-align:center;
	cursor:pointer;
	font-size:16px;
 @@c1;
 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
}
html, body {
 font-size: 14px;
 overflow: initial;
 @@text;
 font-family:"Roboto","Segoe UI","Lato", "Helvetica Neue", Helvetica;
}
a {
 @@second 
	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 {
 @@active;
 -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;
}
.home-page {
 overflow-x: hidden;
}
.table {
 display: table;
	width:100%;
	position:relative;
}
.cell {
	display:table-cell;
	vertical-align:middle;
}
.box-jobs, .sidebar {
	display:table-cell;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
 padding: 60px 40px;
 height: 100%;
}
.box-jobs {
 box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.03);
 z-index: 2;
 border-right: 1px solid #f1f1f1;
}
.box-jobs .contact {
 margin-top: 60px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 padding: 20px 20px;
}
.box-jobs .contact .text {
 display:block;
 @@titlec;
 line-height: 22px;
 margin-bottom: 20px;
}
.box-jobs .contact a {
 padding: 10px 30px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 $stroke: @second;
 @@second 
 display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box-jobs .contact a:hover {
 $bg: @second;
 color:#fff;
}
.sidebar {
 $bg: @bg;
 width: 300px;
}
.sidebar:before {
	position:absolute;
 top: 0px;
 left: 100%;
 width: 400%;
 $bg: @bg;
 height: 100%;
 content: "";
}
.title-main {
 border-bottom: 1px solid @borc;
 padding-bottom: 30px;
 margin-bottom: 30px;
}
.title-main h2 {
	font-size:26px;
 color:#2599dc;
 line-height: 32px;
 font-weight: 500;
 margin-bottom: 10px;
}
.title-main .headline {
	font-size:16px;
 @@titlec;
 line-height: 20px;
}
.title-main .headline a{
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.list-jobs {
 margin-bottom: 40px;
}
.list-jobs .title-cat {
	font-size:15px;
 color:#2599dc;
	text-transform:uppercase;
 line-height: 22px;
 margin-bottom: 10px;
}
.list-jobs .item-job {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
 padding: 20px 13px;
 padding-right: 10px;
 border-bottom: 1px solid @borc;
 -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;
}
.list-jobs .item-job:hover {
 $bg: @bg;
}
.list-jobs .item-job:hover:after{
 content: "";
 height: 100%;
 width: 3px;
	position:absolute;
 top: 0px;
 left: 0px;
 background: rgba(0,0,0,0.1);
}
.list-jobs .item-job .desc {
 padding: 0px 20px;
}
.list-jobs .item-job .desc .info {
 display:inline-block;
	font-size:13px;
 margin-bottom: 10px;
}
.list-jobs .item-job .desc .info.date {
 margin-bottom: 0px;
}
.list-jobs .item-job .desc .info span {
 color:#999;
 margin-right: 5px;
}
.list-jobs .item-job .name-job {
 width: 60%;
}
.list-jobs .item-job .cta .btn-apply {
 padding: 7px 20px;
 border: 1px solid rgba(0, 0, 0, 0.3);
 display:inline-block;
 @@text 
	font-weight:normal;
}
.list-jobs .item-job .cta .btn-apply:hover {
 background-color: #2599dc;
 color:#fff;
}
.list-jobs .item-job:hover .btn-apply {
 border:1px solid #2599dc;
 color:#2599dc;
}
.list-jobs .item-job .title {
	font-size:16px;
 font-weight:600;
}
.sidebar-container.scroll-to-fixed-fixed{
 padding-top: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sidebar .link a {
 display:block;
 @@titlec;
 padding: 10px 0px;
}
.sidebar .link a:hover {
 @@second;
}
.sidebar .box-share {
 margin-top: 60px;
	text-align:center;
 border-top: 1px solid @borc;
 padding-top: 40px;
}
.sidebar .box-share a {
 display:inline-block;
	text-align:center;
 @@text;
 border: 1px solid rgba(0, 0, 0, 0.1);
 width: 30px;
 border-radius: 50%;
 height: 30px;
 line-height: 30px;
}
.sidebar .box-share .-fb:hover {
 background-color: #3b5999;
 color:#fff;
}
.sidebar .box-share .-gg:hover {
 background-color: #cd201f;
 color:#fff;
}
.sidebar .box-share .-tt:hover {
 background-color: #55acee;
 color:#fff;
}
.sidebar .copyright {
	text-align:center;
	font-size:12px;
 margin-top: 20px;
}