
.component__top--v4 {
	background-color: #17C286;
}
.component__top--v4:hover {
	background-color: #24d397;
	color:#fff;
}
.component__top--v4 i.icon {
}
.component__top--v4.--show {
}
.tpl4__header {
	width:100%;
 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;
 z-index: 11;
}
.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;
}
/*-- LOGO --*/
.tpl4__logo {
	display:table-cell;
	vertical-align:middle;
}
.tpl4__logo img{
 display:inline-block;
 height: 45px;
}
/*-- LABEL --*/
.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;
}
/*-- MENU --*/
.tpl4__menu{
	display:table-cell;
 padding-left: 40px;
}
.tpl4__menu .items .item {
 display:inline-block;
 color:#333;
 padding:20px 0px;
 margin-right: 20px;
 font-weight: 400;
}
.tpl4__menu .items .item:hover,
.tpl4__menu .items .item.active{
 color:#0f3750;
}
.tpl4__menu .items--right{
	position:absolute;
 top: 10px;
 right: 0px;
}
#overlay-common {
 position: fixed;
 width: 100%;
 height: 100%;
 display: none;
 background: #00000063;
 z-index: 9;
 top: 0px;
 left: 0px;
}
/*-- BUTTON --*/
.tpl4__button {
	padding:10px 20px;
 display:inline-block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #17C286;
	color: #fff !important;
}
.tpl4__button:hover{
	background-color: #119e6e;
}
/*-- HAMBURGER --*/
.tpl4__hamburger{
 display:inline-block;
	position:absolute;
	font-size:18px;
	color:#0f3750;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:5px 10px;
	top: 5px;
	right: 0;
}
/*-- search --*/
.tpl4__header .tpl4__menu .search .form-control {
 padding: 7px 15px;
 width: 200px;
 background: rgba(0,0,0,0.2);
 color: #000;
 -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;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 padding-right: 30px;
}
.tpl4__header .tpl4__menu .search .btn-search {
	position:absolute;
	text-align:center;
 top: 0px;
 right: 0px;
 width: 30px;
 color: #000;
 padding: 7px 0px;
 cursor: pointer;
 background-color: transparent;
}
.job-detail{
 padding:0px;
 border-bottom: 1px solid #e0e0e0;
}
.top-article{
 background-color: #fafafa;
	position:relative;
}
.top-article .container{
 padding:20px 0px;
}
.job-detail .cell{
	vertical-align:top;
}
.section-banner.detail .banner__text .title{
	font-size:28px;
 line-height: 34px;
}
.section-banner.detail .banner__text .container{
 padding:0px;
}
.section-banner.detail .banner__text .desc{
	font-size:14px;
}
.sec-.job-detail .head-article{
 padding-bottom: 40px;
 border-bottom: 1px solid #e0e0e0;
}
[class^="ficon-"], [class*=" ficon-"]{
 margin-right: 0px;
}
.job-detail .head-article .name-title .title{
	font-size:28px;
 color:#2599dc;
	font-weight:normal;
 line-height: 38px;
 margin-bottom: 10px;
}
.post-type{
 margin-bottom: 20px;
}
.post-type .type{
 display:inline-block;
 margin-right: 10px;
}
.post-type .type .-ap{
 margin-right: 5px;
}
.post-type a {
 color:#fff;
}
.post-type a:hover {
 color:#fff;
	text-decoration:underline;
}
.sidebar-article{
 padding-top: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 width:35%;
 padding-left:30px;
}
.sidebar-article .btn-apply{
 display:block;
 line-height: 25px;
}
#article {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 padding-bottom: 60px;
 line-height: 25px;
 padding-right: 30px;
}
.sidebar-article .desc-job {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border:1px solid #e0e0e0;
 padding:20px;
 margin-top: 30px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.table{
 display: table;
}
.cell{
	display:table-cell;
}
.sidebar-article .desc-job .desc {
 line-height: 25px;
 padding:10px 0px;
 border-bottom: 1px dotted #e0e0e0;
}
.sidebar-article .desc-job .desc:last-child{
 border-bottom: 0px;
}
.ctas .btn-apply {
 padding: 10px 40px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 background-color: #2599dc;
 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);
}
.sidebar-article .desc-job .desc span {
	font-weight:bold;
 display:block;
}
.box-share {
	text-align:center;
 margin-top: 20px;
}
.box-share .name {
 color:#888;
 margin-bottom: 20px;
}
.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:#666;
 background-color: #fff;
}
.box-share .btn-share:hover{
 opacity: 0.8; filter: alpha(Opacity:80);
}
.box-share .btn-share.-fb {
 color:#fff;
 background-color: #3b5999;
}
.box-share .btn-share.-mail {
 color:#fff;
 background-color: #dd4b39;
}
.article .content-article {
 line-height: 25px;
 padding-top:40px;
	text-align:justify;
}
.article .content-article h2,
.article .content-article h3,
.article .content-article h4,
.article .content-article h5 {
 margin-bottom: 20px;
 line-height: 1.3;
 color:#333;
	font-weight:normal;
}
.article .content-article h2 {
	font-size:24px;
 color:#2599dc;
}
.article .content-article h3 {
	font-size:20px;
}
.article .content-article h4 {
	font-size:18px;
}
.article .content-article h5 {
	font-size:16px;
}
.article .content-article div,
.article .content-article p,
.article .content-article li {
 margin-bottom: 20px;
 color:#333;
}
.article .content-article li:before {
 content: "\ea2b";
 display:inline-block;
 color:#999;
 font-family: "ap";
 margin-left: 20px;
 margin-right: 5px;
}
.list-related {
 padding: 40px 0px;
 border-top: 1px dotted #e0e0e0;
}
.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;
 margin-top: 20px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.breadcrumb {
	padding-top: 15px;
	padding-bottom: 15px;
}
.breadcrumb a {
 display:inline-block;
}
.breadcrumb a:hover{
 color:#17C286;
}
.container {
	width:100%;
	position:relative;
 max-width: 1170px;
 margin: 0px auto;
}
#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:#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;
 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;
}
#appform .form .submit {
	background-color: #0f3750;
}
#appform .form .submit:hover {
	background-color: #1b4e6f;
}
#appform .form .upload input{
 top: 0px;
}
* {
 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:#666;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
a {
 color:#666;
	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 color:#2599dc;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.clearfix {
 clear: both;
}
.section {
 padding: 60px 0px;
}
/*---- OVERVIEW ----*/
.overview--head {
	text-align:center;
 margin: 0px auto;
 margin-bottom: 20px;
}
.overview--head .title--main {
	font-size:32px;
	font-weight:bold;
 color:#333;
 line-height: 1.2;
 margin-bottom: 50px;
}
.section-overview .overview--text {
 color:#666;
	font-size:16px;
	font-weight:300;
 margin: 0px auto;
 line-height: 26px;
}
.overview__benefit {
}
.overview__benefit .benefit--text {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.overview__benefit .benefit__item {
 width: 33.33%;
 padding: 0px 15px;
}
.benefit-desc {
 color:#666;
	font-size:16px;
 margin: 0px auto;
 line-height: 26px;
	text-align:justify;
}
.benefit__item .benefit--image {
 margin-bottom: 20px;
}
.benefit__item .benefit--image img {
 height: 100px;
}
.benefit__item .benefit--title {
	font-size:18px;
 margin-bottom: 20px;
}
.overview--image {
 margin-top: 40px;
}
.overview--image img {
	width:100%;
}
/*---- END OVERVIEW ----*/
.policies h3{
 color:#333;
	font-size:18px;
 margin: 20px 0px;
}
.policies p{
	font-size:15px;
 margin-bottom: 10px;
 line-height: 25px;
}
/*---- JOBS ----*/
.tpl4__section {
	position:relative;
 margin-top: 30px;
 margin-bottom: 30px;
}
.section-jobs {
 margin: 0;
 background-color: #fff;
}
.jobs-header {
	font-size:32px;
	font-weight:bold;
 color:#333;
 margin-bottom: 30px;
}
.jobs__subheader {
 display:block;
	font-size:15px;
	font-weight:300;
 margin-top: 15px;
}
.section-jobs .row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.section-jobs .col-3{
 width: 25%;
 padding: 0px 15px;
}
.section-jobs .col-9{
 width: 75%;
 padding: 0px 15px;
}
.list-jobs .job-item{
 position: relative;
 padding-bottom: 15px;
 margin-bottom: 15px;
 padding-right: 115px;
 border-bottom: 1px dotted #eee;
}
.list-jobs .job-item .job--title{
	font-size:18px;
	font-weight:bold;
 margin-bottom: 10px;
 line-height: 24px;
}
.list-jobs .job-item .job--title a{
 color:#333;
	font-size:18px;
	font-weight:bold;
}
.list-jobs .job-item .job--desc{
 color:#333;
	font-size:14px;
 margin-bottom: 10px;
}
.list-jobs .job-item .job--desc a{
 color:#333;
	font-size:14px;
}
.list-jobs .job-item .btn-apply{
 color:#fff;
	position:absolute;
 padding: 7px 15px;
 font-size: 13px;
 font-weight: 600;
 top: 30px;
 right: 0px;
 background-color: #0f3750;
}
/*---- END JOBS ----*/
/*---- CUSTOMER ----*/
.section-customer {
 margin: 0;
}
.customer__cover img {
 max-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 ----*/
.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;
 @@text;
}
.check-action:hover {
 @@second;
}
.check-action:hover .icon {
 @@second;
}
.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:#2599dc;
}
#sidebar {
}
#sidebar .title-cat {
	font-size:20px;
	font-weight:normal;
 color:#333;
 margin-bottom: 10px;
 padding-bottom: 10px;
}
#sidebar .list-category {
 margin-bottom: 20px;
}
#sidebar .list-category .list {
 padding-right: 5px;
}
#sidebar .list-category .list.scrollable {
 overflow: hidden;
 max-height: 210px;
}
#sidebar .list-category .list.scrollable:hover {
 overflow-y: scroll;
 transition: all .2s ease;
}
#sidebar .list-category .check-action {
 margin-bottom: 10px;
 color:#888;
}
.box-subcribe {
 border: 3px solid #eee;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 padding: 15px;
 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%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 padding: 10px 15px;
 border:1px solid rgba(0, 0, 0, 0.05);
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.box-subcribe .btn-apply,
#sidebar-right .box-subcribe .btn-apply {
 display:block;
	text-align:center;
 @@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;
}
#sidebar .social {
 margin-top: 20px;
}
#sidebar .social .title {
 display:block;
 color:#666;
}
#sidebar .social .btn-share {
 display:inline-block;
	text-align:center;
 color:#888;
 width: 30px;
 height: 30px;
 margin-top: 10px;
 line-height: 30px;
 border:1px solid #ddd;
 border-radius: 50%;
}
#sidebar .social .btn-share span {
 margin-right: 0px;
}
#sidebar .social .btn-share.-fb:hover {
 background-color: #3b5998;
 border:1px solid #3b5998;
 color:#fff;
}
#sidebar .social .btn-share.-google:hover {
 background-color: #e62117;
 border:1px solid #e62117;
 color:#fff;
}
#sidebar .social .btn-share.-linkedin:hover {
 background-color: #0077b5;
 border:1px solid #0077b5;
 color:#fff;
}
/*-- FILTER --*/
.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-top: 15px;
 margin-bottom: 15px;
}
.baseui.button.fluid {
 display:block;
	width:100%;
}
.baseui.button.main {
 color:#fff;
 background-color: #0f3750;
 border: 1px solid #0f3750;
}
.baseui.button.disabled {
 opacity: .3; filter: alpha(Opacity:30);
 -webkit-transition-property: opacity; -moz-transition-property: opacity;
 -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .3s; -moz-transition-duration: .3s;
 -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 cursor: default;
 pointer-events: none !important;
}
.baseui.input {
	position:relative;
	font-weight:normal;
 font-style: normal;
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 color: rgba(0, 0, 0, 0.87);
 margin-top: 10px;
 margin-bottom: 10px;
	width:100%;
}
.baseui.input>input {
	text-align:left;
 max-width: 100%;
 margin: 0em;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 color:#FFFFFF;
 -webkit-box-flex: 1;
 -ms-flex: 1 0 auto;
 flex: 1 0 auto;
 outline: none;
 padding: 0.67857143em 1em;
 color: rgba(0, 0, 0, 0.87);
 box-shadow: none;
 border: 1px solid #dedede;
}
.baseui.icon.input>i.icon {
 cursor: default;
	position:absolute;
	text-align:center;
 opacity: 0.5; filter: alpha(Opacity:50);
 line-height: 1;
 top: 0px;
 right: 0px;
 margin: 0em;
 height: 100%;
 width: 2.67142857em;
}
.baseui.icon.input>i.icon:before,
.baseui.icon.input>i.icon:after {
	position:absolute;
	text-align:center;
	width:100%;
 left: 0;
 top: 50%;
 margin-top: -0.5em;
}
#locations::-webkit-scrollbar,
#departments::-webkit-scrollbar {
 width: .5em;
}
#locations::-webkit-scrollbar-track,
#departments::-webkit-scrollbar-track {
 background-color: rgba(0, 0, 0, .05);
}
#locations::-webkit-scrollbar-thumb,
#departments::-webkit-scrollbar-thumb {
 background-color: #0f3750;
 outline: 1px solid #0f3750;
}
#footer {
 background-color: #f5f5f5;
}
#footer .top-footer{
 padding: 40px 0px;
}
.top-footer .row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.top-footer .col-9{
 width: 80%;
 padding: 0px 15px;
}
.top-footer .col-3 {
 width: 20%;
 padding: 0px 15px;
}
.top-footer .foo-info{
 color:#333;
}
.top-footer .foo-info h3{
	font-size:18px;
	font-weight:bold;
 margin-bottom: 10px;
}
.top-footer .foo-info p{
	font-size:16px;
 margin-bottom: 10px;
}
.top-footer .foo-info .social a{
 display:inline-block;
 margin-right: 10px;
}
.top-footer .foo-info .social a img{
 height: 45px;
}
#footer .bottom--footer {
	position:relative;
 border-top: 1px dotted #eee;
 padding: 15px 0px;
}
#footer .bottom--footer .copyright a {
 color:#17C286;
}
.section-banner {
	position:relative;
 clear:both;
 background-color: #fff;
}
.section-banner .banner__cover {
	position:relative;
	text-align:center;
 padding: 200px 0px 100px;
}
.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;
 top: 25%;
 left: 50%;
 width: 100%;
 z-index: 8;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
}
.banner__text .headline {
	font-size:16px;
 margin-bottom: 10px;
}
.banner__text .title {
	font-size:40px;
	font-weight:normal;
 line-height: 1.2;
 margin-bottom: 10px;
}
.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:#2599dc;
 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;
}
.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: 480px){
	.section-banner{
	}
	.section-banner .banner__text{
	}
	.overview__benefit .benefit__item{
	}
	.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__cover{
 display: none;
	}
	.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;
	}
}
