
.component__top--v4 {
	background-color: #3897d9;
}
.component__top--v4:hover {
	background-color: #54a0d6;
	color:#fff;
}
.component__top--v4 i.icon {
}
.component__top--v4.--show {
}
.tpl4__header {
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
 top: 0;
 left: 0;
 -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.header--stick{
 position:fixed;
 background-color: #fff;
}
.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 {
 padding:10px 0;
	display:table-cell;
	vertical-align:middle;
}
.tpl4__logo img{
 display:inline-block;
 margin-right: 10px;
 height: 40px;
 filter: brightness(0) invert(1);
 -webkit-filter: brightness(0) invert(1);
 -moz-filter: brightness(0) invert(1);
 -ms-filter: brightness(0) invert(1);
 -o-filter: brightness(0) invert(1);
}
.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: #3897d9;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}
.tpl4__label:hover {
	color:#fff;
}
.tpl4__menu{
	display:table-cell;
 padding-left: 40px;
}
.tpl4__menu .items .item {
 display:inline-block;
 color:#fff;
 padding:20px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 margin-right: 40px;
 border-bottom: 2px solid rgba(255, 255, 255, 0);
 font-weight: 400;
}
.tpl4__header.header--stick .tpl4__menu .items .item {
	color:#0f3750;
}
.tpl4__header.header--stick .tpl4__menu .items .item:hover,
.tpl4__header.header--stick .tpl4__menu .items .item.active {
	border-bottom:2px solid #0f3750;
}
.tpl4__menu .items .item:hover,
.tpl4__menu .items .item.active{
 opacity: 1; filter: alpha(Opacity:100);
 border-bottom-color: #fff;
}
.tpl4__menu .items--right{
	position:absolute;
 top: 10px;
 right: 0px;
}
.tpl4__button {
	padding:10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 display:inline-block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #3897d9;
	color: #fff !important;
}
.tpl4__button:hover{
	background-color: #119e6e;
}
.tpl4__hamburger{
 display:inline-block;
	position:absolute;
	font-size:18px;
	color:#fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:5px 10px;
	top: 5px;
	right: 0;
}
.tpl4__header.header--stick .tpl4__hamburger{
 color:#0f3750;
}
.sec-.job-detail{
 padding:0px;
 border-bottom: 1px solid #e0e0e0;
}
.top-article{
 background-color: #fafafa;
	position:relative;
}
.top-article .container{
 padding:20px 0px;
}
.sec-.job-detail .cell{
	vertical-align:top;
}
.hero-banner.detail .hero-text .title{
	font-size:34px;
 line-height: 34px;
}
.hero-banner.detail .hero-text .container{
 padding:0px;
}
.hero-banner.detail .hero-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;
}
.sec-.job-detail .head-article .name-title .title{
	font-size:28px;
 color:#2599dc;
	font-weight:normal;
 line-height: 38px;
 margin-bottom: 10px;
}
.post-type{
 margin-top: 20px;
	line-height: 1.58;
}
.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;
}
.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 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	position:relative;
 max-width: 1100px;
 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;
}
* {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 text-decoration: none
}
*,
*::before,
*::after {
	-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;
}
.sec- {
 padding: 120px 0px;
}
.mrb30{
	margin-bottom: 30px;
}
.head-sec {
 max-width: 768px;
 margin: 0px auto;
 margin-bottom: 20px;
}
.head-sec .title-main {
	font-size:32px;
	font-weight:300;
 display:inline-block;
 color:#333;
 line-height: 1.2;
 margin-bottom: 20px;
}
.head-sec .desc{
	font-weight:300;
 line-height: 25px;
}
.head-sec .desc a{
 border-bottom: 1px solid #eee;
}
.sec-.sec-workat .sec-text {
 color:#666;
	font-size:16px;
	font-weight:300;
 max-width: 768px;
 margin: 0px auto;
 line-height: 26px;
}
.sec-.sec-workat .benefit{
 border-top: 1px dotted #eee;
 padding-top: 60px;
 margin-top: 60px;
}
.sec-.sec-workat .sec-text .join {
	font-weight:bold;
 color:#333;
 margin-top: 10px;
}
.sec-.sec-workat .benefit .sec-text{
 width: 100%;
 max-width: 100%;
}
.sec-.sec-workat .sec-text .join a {
 color:#0f3750;
	font-weight:bold;
}
.sec-.sec-workat .sec-text .join a:hover {
	text-decoration:underline;
}
.benefit .item{
 width: 33.33%;
 padding:15px;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.benefit .item .image{
 margin-bottom: 40px;
}
.benefit .item .image img{
 height: 80px;
}
.benefit .item .title{
	font-size:18px;
 margin-bottom: 20px;
}
.head-sec .title-main span {
	font-weight:bold;
}
.sec-image{
 margin-top: 40px;
}
.sec-image img{
	width:100%;
}
.saycustomer.hero-banner{
 min-height: 100%;
}
.saycustomer.hero-banner .hero-text{
 max-width: 600px;
 padding:100px 0px;
 text-shadow:none;
 color:#666;
 min-height: 100%;
}
.saycustomer.hero-banner .hero-text .title{
	font-size:18px;
 color:#333;
 font-weight: 500;
 line-height: 28px;
}
.saycustomer.hero-banner .hero-text .say{
 font-style:italic;
 line-height: 22px;
 margin-top: 10px;
 color: rgba(51,51,51,.8);
}
.saycustomer.hero-banner .hero-text .say:before,.saycustomer.hero-banner .hero-text .say:after{
 font-family: "ap";
 display:inline-block;
 opacity: 0.6; filter: alpha(Opacity:60);
 color: rgba(51,51,51,.5);
 font-style: normal;
}
.saycustomer.hero-banner .hero-text .say:before{
 content: "\e8e7";
 margin-right: 5px;
}
.saycustomer.hero-banner .hero-text .say:after{
 content: "\e8e8";
 margin-left: 5px;
}
.saycustomer.hero-banner .hero-text .info{
	text-align:right;
 margin-top: 20px;
}
.saycustomer.hero-banner .hero-text .info .name{
	font-weight:bold;
	font-size:15px;
 margin-bottom: 5px;
 color: rgba(51,51,51,1);
}
.saycustomer.hero-banner .hero-text .info .pos{
	font-size:12px;
 opacity: 0.8; filter: alpha(Opacity:80);
 color: rgba(51,51,51,.8);
}
.tpl4__section {
	position:relative;
	margin-top: 30px;
	margin-bottom: 30px;
}
.section--inverted {
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0;
	background-color: #fff;
}
.section--without-space {
	margin: 0;
}
.section__header {
	font-size:32px;
	font-weight:300;
 color:#333;
	text-align:center;
}
.section__subheader {
 display:block;
	font-size:15px;
	font-weight:300;
	margin-top: 15px;
	line-height: 1.58;
}
.section__subheader a {
	font-weight:300;
	border-bottom: 1px dashed;
}
.section__cover img {
	max-width: 100%;
}
.section__content {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
.section__title {
	font-size:18px;
 color:#333;
	line-height: 1.58;
}
.quote {
	position:relative;
	font-size:14px;
 font-style:italic;
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 1.56;
	max-width: 800px;
}
.quote::before,
.quote::after {
	font-weight:normal;
	$opacity: .5
}
.quote::before {
	font-family:ap; content:"\e8e7";
	margin-right: 10px;
}
.quote::after {
	font-family:ap; content:"\e8e8";
	margin-left: 5px;
}
.customer__info {
	text-align:right;
	max-width: 800px;
}
.customer__name {
	font-weight:bold;
 color:#333;
}
.customer__position {
	font-weight:300;
	font-size:13px;
	margin-top: 5px;
}
.button--main {
	padding: 10px 20px;
	background-color: #0f3750;
	color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.button--main:hover {
	background-color: #1b4e6f;
	color:#fff;
}
.sec-jobs .filter{
	text-align:center;
	margin-bottom: 40px;
	border-bottom: 1px dashed @borc;
	padding-bottom: 40px;
}
.sec-jobs .filter .name{
	margin-right: 5px;
 display:inline-block;
	font-size:18px;
}
.sec-jobs .filter a{
 display:inline-block;
 color:#0f3750;
	padding: 5px 15px;
	border:1px solid #0f3750;
	margin-bottom:10px;
	-moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
	margin-right: 5px;
}
.sec-jobs .filter a:hover{
	background-color: #0f3750;
	color:#fff;
}
.list-jobs .title-cat{
	font-size:24px;
	font-weight:normal;
	line-height: 30px;
	margin-bottom: 20px;
}
.sec-jobs .sidebar{
	width: 30%;
	float:left;
}
.sec-jobs .sidebar a{
 display:block;
	position:relative;
 color:#333;
	background-color: #eee;
	margin-bottom: 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:15px 15px;
}
.sec-jobs .sidebar .number{
	width:30px;
	height:30px;
	text-align:center;
 display:inline-block;
	position:absolute;
	right: 15px;
	top: 7px;
	line-height:30px;
	border-radius: 50%;
	background: rgba(0,0,0,0.05);
}
.sec-jobs .sidebar a:hover,.sec-jobs .sidebar a.active{
	background-color: #3897d9;
	color:#fff;
}
.sec-jobs .sidebar a:hover:after,.sec-jobs .sidebar a.active:after{
	content: "";
	position:absolute;
	border-top: 5px solid transparent;
	border-left: 5px solid #3897d9;
	border-bottom: 5px solid transparent;
	right: -5px;
}
.sec-jobs .list-jobs{
	width: 65%;
	float:right;
}
.list-jobs .box-cat .item-job{
	width:100%;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px dashed rgba(0,0,0,.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding: 15px 160px 15px 10px;
	margin-bottom: 15px;
}
.list-jobs .box-cat{
	margin-bottom:40px;
}
.list-jobs .box-cat .item-job:hover{
	background-color: #f9f9f9;
}
.list-jobs .box-cat .item-job .cta{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	top: 15px;
	right: 10px;
	margin-top: 10px;
}
.list-jobs .box-cat .item-job .cta .btn-apply{
	padding: 8px 20px;
	border:1px solid #3897d9;
	color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #3897d9;
}
.list-jobs .box-cat .item-job .cta .btn-apply:hover{
	box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.2) inset;
}
.list-jobs .box-cat .item-job .title{
	font-size:16px;
	line-height: 22px;
	margin-bottom: 5px;
}
.list-jobs .box-cat .item-job .title a{
	font-weight:500;
}
.list-jobs .box-cat .item-job .title a:hover {
	color:#3897d9;
}
.list-jobs .box-cat .item-job .info{
	font-size:12px;
 display:block;
	margin-bottom: 10px;
	margin-right: 5px;
}
.list-jobs .box-cat .item-job .info .-ap{
	margin-right: 5px;
	color:#0f3750;
}
#alljobs{
 clear:both;
}
.button--rounded {
	color:#fff;
 display:inline-block;
	font-size:20px;
	font-weight:300;
	background-color: #3897d9;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	padding: 5px 10px;
	margin-bottom: 15px;
}
.button--rounded:hover {
	color:#fff;
}
.text--light {
	font-weight:300;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.section--second {
	background-color: #f4f4f4;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 0px;
}
.section--second .title-main {
	margin-top: 50px;
}
h1.title {
	text-decoration:underline;
	font-size:25px;
	margin-bottom: 15px;
}
h3.title {
	font-size:16px;
	margin-bottom: 10px;
}
.section--second a {
	text-decoration:underline;
 color:#cc402e;
	font-weight:500;
}
.base.video.full {
	position:absolute;
	padding-bottom: 54%;
	padding-top: 25px;
	height: 0;
	margin-top: -7%;
}
.base.video.full iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.footer {
	background-color: #2e4f6c;
	color: #fff;
	border-top: 7px solid #3897d9;
	padding: 35px 0;
}
.footer .logo img {
	max-width: 100%;
	margin-bottom: 30px;
}
.footer p {
	font-size: 13px;
	line-height: 24px;
}
.footer .labels {
	display: inline-flex;
	margin-top: 20px;
}
.footer .label {
	flex: 1 0 auto;
	margin-right: 10px;
	border-radius: 50%;
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	line-height: 1;
	position: relative;
}
.footer .label i.icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.footer .label a {
	color: #fff;
}
.footer .label a:hover {
	color: #3897d9;
}
h1.menu__title {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 25px;
}
.menu__item {
	display: block;
	margin-bottom: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}
.office__title {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 25px;
}
.office__name {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #9fd8ff;
	text-align: justify;
	line-height: 1.3;
	margin: 0 0 15px;
}
.footer p {
	margin: 0 0 0px;
}
.office__info span {
	color: #9fd8ff;
	padding-right: 15px;
}
.hero-banner{
 clear:both;
	position:relative;
	overflow:hidden;
	min-height: 31.5rem;
	padding-bottom: 41.6%;
}
.hero-banner .cover{
	position:relative;
	width:100%;
	height:100%;
 max-width: 100%;
}
.hero-banner .cover img{
	width:100%;
	height:100%;
 object-fit: cover;
 font-family: 'object-fit: cover;';
}
.hero-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: .1; filter: alpha(Opacity:10);
 z-index: 2;
}
.hero-banner .bg.bg--dark {
	opacity: .4; filter: alpha(Opacity:40);
}
.hero-banner .hero-text{
 color:#fff;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top: 0;
	left: 0;
	right: 0;
 padding:180px 0px;
 text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 z-index: 3;
 min-height: 31.5rem;
}
.hero-banner .hero-text .container{
 padding:0px 60px;
}
.hero-banner .headline{
	font-size:16px;
 margin-bottom: 10px;
}
.hero-banner .hero-text .title{
	font-size:40px;
	font-weight:normal;
 line-height: 1.2;
 margin-bottom: 10px;
}
.hero-banner .hero-text .desc{
	font-size:16px;
 line-height: 25px;
}
.hero-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;
}
.hero-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;
}
.hero-banner .btn-contact{
 display:block;
 padding:20px 0px;
 color: rgba(255, 255, 255, 0.8);
}
.hero-banner .btn-contact:hover{
	text-decoration:underline;
}
.hero-banner.detail {
	max-height: 300px;
	padding-bottom: unset;
}
.hero-banner.detail .cover img {
	max-height: 440px;
}
.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;
	}
}
