html, body {
	font-size: 14px;
	font-family: Roboto;
	color:#4a4a4a;
	position:relative;
}
a:hover, a:focus{
	#2599dc;
}
html, body{
	position:relative;
	height:100%;
}
#canvas{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	overflow-y:scroll;
}
#page{
	margin-left:240px;
	height:100%;
}
#page .header{
	position:relative;
	padding:20px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
#page .header .name{
	font-size:14px;
	text-transform:uppercase;
	color: rgba(0,0,0,0.3);
}
#page .header .title{
	font-size:26px;
	font-weight:normal;
 color:#333;
}
#page .header .side{
	position:absolute;
	right:50px;
	top:20px;
}
#page .header .side .search{
	float:left;
	position:relative;
}
#page .header .side .search:before{
	font-family:ap; content:"\F146";
	position:absolute;
	font-size:14px;
 color:#aaa;
	left:10px;
	top:11px;
}
#page .header .side .search 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;
	border-top:1px solid #ddd; border-right:1px solid #ccc; border-left:1px solid #ddd; border-bottom:1px solid #ccc;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:8px 10px 8px 30px;
	width:180px;
	-webkit-transition-property: width; -moz-transition-property: width;
 -o-transition-property: width; transition-property: width; -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;
}
#page .header .side .search input:focus {
	width: 500px;
	transition: width .3s ease;
}
#page .header .side .join{
	float:left;
	cursor:pointer;
	font-weight:normal;
 color:#333;
	margin-left:20px;
	padding:9px 15px;
	background-color: #f8f8f8;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#page .header .side .join:hover{
	background-color: #2599dc;
	color:#fff;
}
#page .jobs{
	padding:20px 50px;
	max-width: 1100px;
}
#page .jobs .item{
	padding:20px 0px;
	border-bottom:1px dotted rgba(0,0,0,0.1);
	position:relative;
}
#page .jobs .item .title{
	padding-bottom:2px;
	padding-right: 130px;
}
#page .jobs .item .title a{
	font-size:20px;
	font-weight:normal;
}
#page .jobs .item .title a:hover{
	text-decoration:underline;
}
#page .jobs .item .info{
	color:#888;
	font-size:13px;
	padding-top:5px;
	padding-right: 150px;
}
#page .jobs .item .info a{
	font-weight:normal;
 color:#555;
}
#page .jobs .item .info a:hover{
	color:#2599dc;
	text-decoration:underline;
}
#page .jobs .item .side{
	position:absolute;
	right:0px;
	top:20px;
}
#page .jobs .item .cta{
	color:#fff;
	float:left;
	background-color: #2599dc;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:12px 20px;
}
#page .jobs .item .cta:hover{
	background-color: #7abd1a;
}
#canvas #job .overview{
	margin-top: 0px;
}
#menu{
	background-color: #F7F9FA;
	width: 240px;
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
}
#menu .body{
	position:absolute;
	top:0px;
	bottom:120px;
	right:-20px;
	left:0px;
	overflow-y:scroll;
}
#menu .main{
	padding: 30px;
}
#menu .main .logo{
	margin-bottom:10px;
}
#menu .main .logo .logotext{
	font-size:26px;
}
#menu .main .logo img{
	max-width: 100%;
}
#menu .main .links{
	padding:15px 0;
}
#menu .main .links .title{
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	margin-top:30px;
	color: rgba(0,0,0,0.3);
	margin-bottom:6px;
}
#menu .main .links a{
 display:block;
 color:#637282;
	font-weight:normal;
	position:relative;
	font-size:15px;
	padding:6px 0;
}
#menu .main .links a:hover{
	color:#2599dc;
}
#menu .main .links a.active{
	color:#2599dc;
	font-weight:600;
}
#menu .main .links a.active:before{
	position:absolute;
	top:8px;
	bottom:8px;
	left:-30px;
	background-color: #2599dc;
	width:3px;
	content:"";
}
#menu .footer{
	position:absolute;
	right:20px;
	left:20px;
	bottom:20px;
	padding-top:20px;
	border-top:1px solid rgba(0,0,0,0.1);
	background-color: #F7F9FA;
}
#menu .footer .title{
	font-weight:normal;
 color:#333;
	font-size:19px;
}
#menu .footer .info{
	font-size:13px;
	padding-top:5px;
}
#job{
	padding:20px;
}
#job .overview{
	padding:10px 0 20px 0;
}
#job .overview h1{
	font-size:26px;
	font-weight:normal;
}
#job .overview .list-tags{
	padding:5px 0;
	color:#aaa;
}
#job .overview .list-tags em{
	color:#333;
}
#job .overview .list-tags a{
	font-weight:normal;
	font-size:15px;
}
#job .overview .list-tags a:hover{
	text-decoration:underline;
}
#job .container{
	padding-right:35%;
	position:relative;
}
#job .container .image{
	margin-bottom:25px;
}
#job .container .image img{
	max-width:100%;
}
#job .container .article{
	font-size:15px;
	line-height:24px;
}
#job .container .article > p{
	padding-bottom:15px;
}
#job .container .article p,
#job .container .article span{
	font-family: Roboto !important;
}
#job .container .side{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	right:0px;
	width: 30%;
	top:0px;
}
#job .container .side .apply{
 display:block;
 color:#fff;
	text-align:center;
	background-color: #2599dc;
	text-transform:uppercase;
	font-size:15px;
	padding:13px 0;
}
#job .container .side .apply:hover{
	background-color: #7abd1a;
}
#job .container .side .apply.-closed, #job .container .side .apply:hover.-closed{
	background-color: #adadad;
	cursor:unset;
}
#job .container .side .box{
	background-color: #f3f3f3;
	padding:20px;
	margin:20px 0;
}
#job .container .side .rows{
}
#job .container .side .rows .row{
	padding-bottom:15px;
	position:relative;
}
#job .container .side .rows .row a{
	font-weight:normal;
}
#job .container .side .rows .row a:hover{
	text-decoration:underline;
}
#job .container .side .rows .row .k{
	color:#888;
 display:block;
	padding-bottom:3px;
}
#job .container .box .label{
	text-align:center;
 color:#888;
 display:block;
	margin-bottom:15px;
}
#job .container .box .share{
	width:48%;
	border:1px solid rgba(0,0,0,0.1);
	background-color: #fff;
	padding:10px 0;
	text-align:center;
 display:block;
	font-weight:normal;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#job .container .box .share:hover{
	background-color: #2599dc;
	color:#fff;
}
.article{
}
.article ul{
	list-style-type: square;
	margin-left:20px;
}
.article ul li{
	font-size:15px;
	margin-bottom:10px;
	white-space: normal !important;
}