@font-face {
  font-family: 'icon';
  src: url('icon.eot?8328121');
  src: url('icon.eot?8328121#iefix') format('embedded-opentype'),
       url('icon.woff2?8328121') format('woff2'),
       url('icon.woff?8328121') format('woff'),
       url('icon.ttf?8328121') format('truetype'),
       url('icon.svg?8328121#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icon';
    src: url('../font/icon.svg?8328121#icon') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-flickr:before { content: '\e800'; } /* '' */
.icon-phone:before { content: '\e801'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.icon-pinterest:before { content: '\e803'; } /* '' */
.icon-mail:before { content: '\e804'; } /* '' */
.icon-linkedin:before { content: '\e805'; } /* '' */
.icon-instagram:before { content: '\f05d'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */

*{
	margin:0;
	padding:0;
	font-family: inherit;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	/*-webkit-font-smoothing: antialiased !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-moz-osx-font-smoothing: grayscale;*/
	box-sizing: border-box;

/*	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;*/
}

article, aside, figure, footer, header, hgroup,
menu, nav, section,iframe,main { display: block; }

/* ------- general rules for all elements ----------*/
html,body{
	margin:0;
	padding:0;
	height:100%;
	font-size:100%;
/*overscroll-behavior:none;*/
	/*overflow-x: hidden;*/

}

body
{
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
    line-height:1.7;
	letter-spacing: 0.05em;
	background-color: #FFF;
	color: #7A7F83;
	position: relative;
}

h1{
	font-weight: 300;
}
h2,h3,h4{
	font-weight: 500;
}
main h2{
	font-size: 1.5rem;
}
.content h2,.content h3,.content h4{
	padding-bottom: 1em;
}
main h2,main h3,main h4{
	color: #616974;
}
header, footer{
	font-size: 1.125rem;
}
main,#banner, #pageBanner, #content-wrapper{
	position: relative;
}
main{
	font-size: 1.1875rem;
	/*padding-bottom: 3em;*/
	/*background-color: #FFF;*/
	z-index: 1;
	/*margin-bottom: 700px;
	min-height: 100vh;*/
	background-color: #FFF;
	min-height: 100vh;
		overflow-x: hidden;
}

#wrap{
	display: inline-block;
	padding-bottom: 420px;
	width: 100%;
/*		position: relative;
		-webkit-transition: margin-top 0.5s ease;
	-moz-transition: margin-top 0.5s ease;
	-ms-transition: margin-top 0.5s ease;
	-o-transition: margin-top 0.5s ease;
	transition: margin-top 0.5s ease;
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0); 
    -ms-transform: translateZ(0); 
    -o-transform: translateZ(0); 
    transform: translateZ(0);
    -webkit-transition-delay: 0.3s;
	 -moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;*/
}
.content{
	position: relative;
	width: 100%;
	padding: 150px 11% 50px 22%;
	/*max-width: 1400px;*/
	margin: 0 auto;
	overflow: visible;
	color: #5F6B77;
	font-weight: 300;
}
.has_bg{
	position: relative;
	z-index: 1;
	background-color: #F2F3F5;
}
.has_bg:before{
	content: "";
	 display: block;
	 position: absolute;
	z-index: -1;
	background-color: inherit;
	top:0;
	bottom: 0;
	left: -600rem;
	right: -600rem;
}
.has_bg:after {
    content:"";
    clear:both;
    display:block;
}
.content p{
	margin-bottom: 1em;
}
.content.has_widget{
	padding-bottom: 150px;
}
.content.flex-container{
	padding: 150px 10% 50px 10%;
}
.flex-container .primary,.flex-container .sidebar{
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
.flex-container .sidebar{
	padding-right: 50px;
	width: 400px;
	font-weight: 400;
}
.flex-container .sidebar p{
	font-size: 1.625rem;
	margin-bottom: 0;
}
.flex-container .primary{
	width: calc(100% - 400px);

}
@supports (display: -webkit-flex) or
          (display: -moz-flex) or
          (display: flex) {

        .content.flex-container{
        	display: -webkit-flex;
	    	display: -moz-flex;
	    	display: flex;
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			flex-direction: row;
			-webkit-justify-content: space-evenly;
			-moz-justify-content: space-evenly;
			justify-content: space-evenly;
			-moz-align-items: top;
			-moz-align-items: top;
			align-items: top;
        }
        .flex-container .sidebar{
        	-webkit-flex: 1 1 400px;
        	-moz-flex: 1 1 400px;
        	flex: 1 1 400px;
        }
        .flex-container .primary{
        	-webkit-flex: 1 1 calc(100% - 400px);
        	-moz-flex: 1 1 calc(100% - 400px);
        	flex: 1 1 calc(100% - 400px);
        }
 }



main .content p img{
	max-width: 100% !important;
	height: auto !important;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
main .content ul, footer ul{
	list-style: none;	
}
main .content ul{
	padding: 20px 0;
}
main .content ul li{
	position: relative;
	text-indent: -0.7em;
	padding-left: 1em;
	padding-bottom: 0.5em;
}
main .content ul li:before{
	content: "-";
	position: relative;
	left: -0.5em;
	font-size: 10px;
	top:0;
	color: rgb(0,164,228);
}
ol{
	list-style: decimal;
	padding: 0.5em 0;
	margin-left: 1em;
}
ol li{
	padding: 0.2em;
}
li ol{
	padding-left: 1em;
}
ol li ol{
	list-style: lower-roman;
}
ol li ol li ol{
	list-style: lower-alpha;
}

.bold, strong{
	font-weight: 500;
}
.italic,b{
	font-style: italic;
	font-weight: inherit;
}
hr{
	clear: both;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
	margin: 10px 0;
}
.hidden{
	display: none;
}
.group:before,
.group:after {
  content:"";
  display:table;
}
.group:after {
  clear:both;
}
.group {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.float_right{
	float: right;
}
.float_left{
	float: left;
}
.align_left{
	text-align: left;
}
.align_center{
	text-align: center;
}
.align_right{
	text-align: right;
}
.justify{
	text-align: justify;
}
.smaller{
	font-size: 0.9em;
}
.bigger{
	font-size: 1.5em;
}
.error{
	color: red;
}

.imagerow{
	margin: 20px 0;
	position: relative;
}


.imagerow-inner{
	display: table-row;
}
.imagerow-thumb{
	width: 250px;
	/*min-height: 200px;*/
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	text-align: right;
}

.imagerow-thumb img{
	max-width: 100% !important;
	height: auto !important;
}
.imagerow-content{
	display: table-cell;
	min-height: 200px;
	vertical-align: middle;
	padding-left: 20px;
	position: relative;
	z-index: 20;
}
.imagerow-content h2,.imagerow-content h3{
	color: #013F57 !important;
	font-size: 18px !important;
	padding-top: 31px !important;
	padding-bottom: 0.5em;
	text-transform: uppercase;
}
iframe{
	display: block;
	margin: 3em auto;
}
.exclusive{
	/*font-weight: 500;*/
	border-top: 1px solid #BDBFC1;
	padding-top: 10px;
	margin-top: 10px;
	line-height: 1;
}
/*.bookmark{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
     height: 18px;
     box-sizing: content-box;
     padding-top: 15px;
     position: relative;
     background: #F57B20;
    }
.bookmark:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 0;
      border-bottom: 13px solid #fff;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
    }*/
.bookmark{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
     height: 14px;
     box-sizing: content-box;
     padding-top: 10px;
     position: relative;
     background: #F57B20;
    }
.bookmark:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 0;
      border-bottom: 10px solid #FFF;

      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
  }
 #jobs_list ul li .bookmark:after{
 	   border-bottom: 10px solid #F2F3F5;
 }
  #jobs_list ul li article .bookmark:after{
  	border-bottom: 10px solid #FFF !important;
  }
 #jobs_list ul li.currentJob .bookmark:after,#jobs_list ul li:hover .bookmark:after{
	border-bottom: 10px solid #D3D7E0;
}
 #jobs_list ul li.lcontrast, #jobs_list ul li.lcontrast h2{
 	color: #aaa;
 }
details{
	margin: 1rem 0;
	display: block;
}
details p{
	padding-left: 1em;
}
summary{
	font-size: 1em;
	cursor: pointer;
	position: relative;
	display: block;
	background-color: #F57B20;
	color: #FFF;
	line-height: 1.1;
	padding: 1em 3em 1em 1em;
	margin-bottom: 1em;
}
summary:before{
	content: "\e649";
	position: absolute;
	right: 1em;
	top:50%;
	margin-top: -0.5em;
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

details[open] summary:before{
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
/*-- buttons widget --*/

.buttons{
	text-align: center;
	overflow: hidden;
	/*padding-left: 10%;
	padding-right: 10%;*/
	position: absolute;
	left: 22%;
	right: 11%;
	bottom: -2rem;
}
.buttons button{
	height: auto;
	text-align: left;
	width: calc(50% - 25px);
	position: relative;
	padding: 1rem 1rem 3rem 1rem;
	line-height: 1;
	font-size: 1.5rem;
}
.buttons button:first-of-type{
	margin-right: 25px;
	background-color: #F57B20;
}
.buttons button:last-of-type{
	margin-left: 25px;
	background-color: #949BA1;
}
.buttons button span{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	font-size: 0.875rem;
	line-height: 2rem;
	padding: 0 1rem;
}
.buttons button span i{
	float: right;
	line-height: 2rem;
}
.buttons button:first-of-type span{
	background-color: #DE6316;
}
.buttons button:last-of-type span{
	background-color: #7A7F83;
}
/*--- 3 columns widget --*/

.tres-cols{
	width: 100%;
	text-align: center;
}
.tres-cols div{
	display: inline-block;
	width: 33%;
	vertical-align: top;
	padding: 1em 0.5em;
	margin-right: -4px;
}
.tres-cols div.col1{
	padding: 1em 1em 1em 0;
}
.tres-cols div.col3{
	padding: 1em 0 1em 1em;
}
.tres-cols div p{
	text-align: justify;
}
.tres-cols div h3,.tres-cols div h2{
	padding-bottom: 0.8em;
	color: rgb(0,164,228);
}
/*---- styles for variable width col editor widget ---*/
.colWrapper{
	display: block;
	width: 100%;
	padding: 20px 0;
	white-space: nowrap;
}
.vCol{
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    clear: both;
    width: 50%;
    text-align: left;
    white-space: normal;
    padding: 1em;
}
.colWrapper .vCol:nth-of-type(odd){
	padding-left: 0;
	padding-right: 3%;
}
.colWrapper .vCol:nth-of-type(even){
	padding-right: 0;
	padding-left: 3%;
}
._top .vCol, ._alignTop{
	vertical-align: top !important;
}
._middle .vCol, .alignMiddle{
	vertical-align: middle !important;
}
._bottom .vCol{
	vertical-align: bottom !important;	
}
.vCol img{
	max-width: 100%;
	height: auto !important;
	/*width: 100% !important;
	height: auto !important;*/
}

._30 .vCol:first-of-type{
	width: 30%;
}
._30 .vCol:last-of-type{
	width: 70%;
}
._40 .vCol:first-of-type{
	width: 40%;
}
._40 .vCol:last-of-type{
	width: 60%;
}
._50 .vCol:first-of-type{
	width: 50%;
}
._50 .vCol:last-of-type{
	width: 50%;
}
._60 .vCol:first-of-type{
	width: 60%;
}
._60 .vCol:last-of-type{
	width: 40%;
}
._70 .vCol:first-of-type{
	width: 70%;
}
._70 .vCol:last-of-type{
	width: 30%;
}
.bannerWrapper{
	width: 100%;
	/*max-width: 1600px;*/
	/*margin: 0 auto 150px auto;*/
	margin: 0 auto;
	position: relative;
	overflow: visible;
	z-index: 1;
	/*padding: 0 10%;*/
}


#pageBanner{
	width: 100%;
	position: relative;
	height: 0;
	/*padding-bottom: 60%;*/
	padding-bottom: 400px;
	overflow: hidden;
	/*background-color: rgb(0,164,228);*/
}
#pageBanner.no-crop{
	height: auto;
	padding-bottom: 0;
}
#pageBanner.deep{
	padding-bottom: 720px;
}
/*#pageBanner.team-banner{
	padding-bottom: 720px;
}*/
#pageBanner.has-gradient:before{
	content:"";
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 1%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );

}

.imgWrapper{
	position: absolute;
	z-index: 1;
}

.no-js .imgWrapper{
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
}
.js .imgWrapper{
	top:0;
	left:0%;
	width:100%;
	height:100%;
}
.imgWrapper img{
	/*width: 100%;*/
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:50%;
	min-height:50%;
	color: #FFF;
}
.pageBanner .imgWrapper{
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#pageBanner.no-crop .imgWrapper{
	position: static;
	height:auto;
}
#pageBanner.no-crop .imgWrapper img{
	position:static;
	margin:0;
	width:100%;
	height: auto;
	min-height:none;

}

.para{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 3em;
    -webkit-column-gap: 3em;
    column-gap: 3em;
    hyphens: auto;
    text-align: justify;
    padding: 0;
}
.para p{
		margin-bottom: 0 !important;
}
.content .para{
	padding-top: 20px;
	padding-bottom: 20px;
}
.intro{
	font-size: 1.4em;
	line-height: 1.4em;
}
.wrapper{
	position: relative;
}

.childnav{
	list-style: none;
	padding: 10px 50px 0 50px;
	text-align: center;
}
.childnav li{
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 0 0.5em;
	font-size: 0.8em;
	font-weight: 600;
}

.childnav li a{
	color: #384A56;
}

.childnav li a:hover,.childnav li.current a,.childnav li.current{
	color: #F57B20;
}


/*-------------- LINKS BEHAVIOUR ---------------------*/
a{
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	text-decoration: none;
	outline: none;
	color: #F57B20;
	background-image: url("about:blank");
}

a img{
	outline: none;
	border: none;
}
a:hover,a.currentLink{
	/*color: #606D76;*/
}
.readMore{
	display: inline-block;
	padding: 0.3em 1em;
	color: #FFF;
	background-color: rgb(0,70,118);
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.readMore:hover{
	color: #fff;
	opacity: 0.8;
}
.readMore:hover span{
	left: 2px;
}

.button{
	font-weight: 300;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 10px 25px;
	text-align: center;
	min-height: 44px;
	line-height: 20px;
	border-bottom: none;
	background-color: #2B5C9C;
    color: #FFF;
	/*margin-top: 1em;*/
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.button:hover{
	color: #fff;
	background-color: #80BFE8;
	border-bottom: none;
	
}

/* document link styles -------------------------------------------*/

a[href$='.pdf'] {
background:transparent url(../img/icons/pdf.png) left top no-repeat;
display:inline-block;
background-size: 75px auto;
width:auto;
padding-left: 80px;
background-position: left center;
height: 100px;
padding-top: 1em;
vertical-align: top;
text-align: left;
}
 

a[href$='.xls'], a[href$='.xlsx']{
background:transparent url(../img/icons/xls.png) left top no-repeat;
display:inline-block;
background-size: 75px auto;
width:auto;
padding-left: 80px;
background-position: left center;
height: 100px;
padding-top: 1em;
vertical-align: top;
text-align: left;
}

a[href$='.doc'], a[href$='.docx'] {
background:transparent url(../img/icons/doc.png) left top no-repeat;
display:inline-block;
background-size: 75px auto;
width:auto;
padding-left: 80px;
background-position: left center;
height: 100px;
padding-top: 1em;
vertical-align: top;
text-align: left;
}
a[href$='.ppt'] {
background:transparent url(../img/icons/ppt.png) left top no-repeat;
display:inline-block;
background-size: 75px auto;
width:auto;
padding-left: 80px;
background-position: left center;
height: 100px;
padding-top: 1em;
vertical-align: top;
text-align: left;
}
a[href$='.zip'] {
background:transparent url(../img/icons/zip.png) left top no-repeat;
display:inline-block;
background-size: 75px auto;
width:auto;
padding-left: 80px;
background-position: left center;
height: 100px;
padding-top: 1em;
vertical-align: top;
text-align: left;
}
a[href$='.txt'] {
background:transparent url(../img/icons/txt.png) left top no-repeat;
display:inline-block;
background-size: 75px auto;
width:auto;
padding-left: 80px;
background-position: left center;
height: 100px;
padding-top: 1em;
vertical-align: top;
text-align: left;
}
a[href$='.rtf'] {
background:transparent url(../img/icons/rtf.png) left top no-repeat;
display:inline-block;
background-size: 75px auto;
width:auto;
padding-left: 80px;
background-position: left center;
height: 100px;
padding-top: 1em;
vertical-align: top;
text-align: left;
}
a[href$='.xml'] {
background:transparent url(../img/icons/xml.png) left top no-repeat;
display:inline-block;
background-size: 75px auto;
width:auto;
padding-left: 80px;
background-position: left center;
height: 100px;
padding-top: 1em;
vertical-align: top;
text-align: left;
}
a[href$='.csv'] {
background:transparent url(../img/icons/csv.png) left top no-repeat;
display:inline-block;
background-size: 75px auto;
width:auto;
padding-left: 80px;
background-position: left center;
height: 100px;
padding-top: 1em;
vertical-align: top;
text-align: left;
}

a[href$='.png'] {
background:transparent url(../img/icons/png.png) left top no-repeat;
display:inline-block;
background-size: 75px auto;
width:auto;
padding-left: 80px;
background-position: left center;
height: 100px;
padding-top: 1em;
vertical-align: top;
text-align: left;
}
/* ------------ HEADER and NAVIGATION MENU -----------------------------------------------*/
#siteHeader{
	position: relative;
	
}

#siteHeader.has-banner{
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
}
#siteHeader.no-banner{
	z-index: 5;
	background: #7b7984;
	background: -moz-radial-gradient(center, ellipse cover, #7b7984 0%, #4b586b 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #7b7984 0%,#4b586b 100%);
	background: radial-gradient(ellipse at top left, #7b7984 0%,#4b586b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7984', endColorstr='#4b586b',GradientType=1 );
}
#siteHeader.has-gradient:before{
		content:"";
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	width: 100%;
	z-index: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 1%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
}


#logo {
	display: block;
	float: left;
}
#logo img,#nav-button a{
	width: auto;
	display: block;
	height: 65px;
}
#tools{
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	padding: 20px 50px;
}
#get-jobs{
	background-color: #5F6B77;
	color: #FFF;
	position: absolute;
	top: 30px;
	right: 100px;
	z-index: 10;
	padding-right: 30px;
	font-size: 1rem;
	-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#get-jobs span.ti-angle-right{
	position: absolute;
	right: 5px;
	font-size: 18px;
	top: calc(50% - 9px);
	-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#close-jobs{
    position: absolute;
    right: 7px;
    top: 7px;
}

#get-jobs.open span{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.has-banner #get-jobs{
	background-color: rgba(255,255,255,0.3);
}
.has-banner #get-jobs:hover,.has-banner #menuBar:hover{
	background-color: rgba(255,255,255,0.5);
}
#get-jobs.open, .has-banner #get-jobs.open{
	color: #5F6B77;
	background-color:transparent;
}


.title-wrap{
	color: #FFF;
	position: relative;
	z-index: 2;
	/*overflow-x: hidden;*/
	width: 100%;
}
.title-wrap.hometitle{
	padding: 120px 11% 100px 22%;
}
.title-wrap.default{
	margin-top: 290px;
	padding-left: 50px;
}
#siteHeader.no-banner .title-wrap.default{
	margin-top: 150px;
	padding-bottom: 30px;
}
/*.title-wrap.hometitle h1{
	max-width: 1050px;
	margin: 0 auto;
}*/
/*.bannerWrapper .title-wrap{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}*/
/*.title-wrap:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}*/

.title-wrap h1{
	/*display: inline-block;
	vertical-align: middle;*/
	font-size: 2.5rem;
	
	line-height: 1.2;
	padding-bottom: 0.25rem;
}
/*.has-banner .title-wrap,.has-banner .title-wrap h1{
	color: #FFF;
}*/
#button-anchor{
	position: absolute;
	top: 40px;
	z-index: 0;
}

#menuBar{
	/*display: none;*/
	position: absolute;
	top: 30px;
	right: 50px;
	/*background-color: rgba(255,255,255,0.3);*/
	background-color: #5F6B77;
	width: 40px;
	height: 40px;
	text-align: center;
	/*font-size: 0.9em;*/
	padding: 10px;
	cursor: pointer;
	color: #FFF;
	/*z-index: 20;*/
	z-index: 6;
	overflow: hidden;
	text-indent: 999px;
/*	-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);*/

	-webkit-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-moz-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-ms-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-o-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
.has-banner #menuBar{
	background-color: rgba(255,255,255,0.3);
}

#menuBar.open{
	position: fixed;
	background-color:#5F6B77;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    /*border-radius: 20px;*/
}
#menuBar.open:hover{
background-color:#5F6B77;
}
#menuBar span{
	position: absolute;
	height: 3px;
	/*width: 100%;*/
	top:50%;
	margin-top: -2px;
	left: 10px;
	right: 10px;
	
	background-color: #FFF;
	display: block;
	-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}

#menuBar span:first-of-type{
	-webkit-transform: translate3d(0, -9px, 0);
	-moz-transform: translate3d(0, -9px, 0);
	-ms-transform: translate3d(0, -9px, 0);
	-o-transform: translate3d(0, -9px, 0);
	transform: translate3d(0, -9px, 0);
}
#menuBar.open span:first-of-type {
    -webkit-transform: translate3d(0px, 0px, 0);
    -moz-transform: translate3d(0px, 0px, 0);
    -ms-transform: translate3d(0px, 0px, 0);
    -o-transform: translate3d(0px, 0px, 0);
    transform: translate3d(0px, 0px, 0);
}
#menuBar span:nth-of-type(2){
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
}
#menuBar.open span:nth-of-type(2) {
    -webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}

#menuBar span:last-of-type{
	-webkit-transform: translate3d(0, 9px, 0);
	-moz-transform: translate3d(0, 9px, 0);
	-ms-transform: translate3d(0, 9px, 0);
	-o-transform: translate3d(0, 9px, 0);
	transform: translate3d(0, 9px, 0);
}
#menuBar.open span:last-of-type {
    -webkit-transform: rotate(90deg) translate3d(0px, 0px, 0);
    -moz-transform: rotate(90deg) translate3d(0px, 0px, 0);
    -ms-transform: rotate(90deg) translate3d(0px, 0px, 0);
    -o-transform: rotate(90deg) translate3d(0px, 0px, 0);
    transform: rotate(90deg) translate3d(0px, 0px, 0);
}
#nav-button{
	
	-webkit-transition: all 0.5s;
	 -moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	/*-webkit-transition-delay: 0.3s;
	 -moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;*/
}
#nav-button.fixed{
/*	-webkit-transition: all 0.5s;
	 -moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;*/
	-webkit-transition-delay: 0.3s;
	 -moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
#nav-button a{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity: 0;
	display: inline-block;
	position: absolute;
	top:20px;
	left: 40px;
	height: 65px;
	-webkit-transition: all 0.5s;
	 -moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;

}
#nav-button a img{
	height: 100%;
	width: auto;
}

#nav-button.fixed, .expanded + div#nav-button{
	top: -80px;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 100;
	height: 80px;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
	/*background-color: rgb(245,245,245);
	background-color: rgba(245,245,245,0.9);
	background-image: url(../img/trial-balance-consulting-logo.png);
	background-repeat: no-repeat;
	background-position: 40px 10px;
	background-size: auto 60px;*/
}
#nav-button.fixed a,.expanded + div#nav-button a{
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;

}
#nav-button.fixed a{
	top: 10px;
}
#nav-button.fixed.visible,.expanded + div#nav-button{
	top: 0;	
}
#nav-button.fixed #menuBar{
	top: 20px;
	background-color: #5F6B77;
}
#navigation-wrapper{
	visibility: hidden;
	z-index: -1;
	position: fixed;
	top: 0;
	bottom: 0;
	bottom: auto;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: rgb(255,255,255);
	/*background-color: rgba(255,255,255,0.95);*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

}
#navigation-wrapper.expanded{
	visibility: visible;
	z-index: 15;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	opacity:1;
}
#navigation
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 15;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	overflow-y: scroll; 
	overflow-x:hidden;
}
#navigation div{
	position: relative;
}
.home-button{
	position: absolute;
	/*z-index: 15;*/
	z-index: 1;
	left: 50px;
	top: 20px;
}
.home-button img{
	height: 100px;
}
#navigation ul{
	list-style: none;
	position: relative;
	text-align: left;
	padding-top: 200px;
	padding-left: 50px;
	padding-right: 30px;
	padding-bottom: 100px;
	display: block;
	/*width: calc(100% - 100px);*/
	
}
#navigation ul li{
	display: block;
	padding: 0 0 30px 0;	
	text-align: left;
	text-transform: capitalize;
	/*font-size: 0.8em;*/
	line-height: 1;
	position: relative;
}
 #navigation ul li ul{
 		display: none;
		position: relative;
		width: 100%;
		padding: 0;
}

#navigation ul li ul li{
	padding: 0 0 20px 0;
	font-size: 0.8125em;
}
#navigation ul li ul{
	padding-top: 20px;
	padding-left: 20px;
}

#navigation ul li a,#navigation ul li ul li a,#navigation ul li:hover ul li a{
	color: #F57B20;
	cursor: pointer;

	background-image: linear-gradient(to bottom,#F57B20 0%,#F57B20 100%);
	background-size: 0 2px;
	 background-position: 0 90%;
	 background-repeat: no-repeat;
	 padding-bottom: 2px;
}
#navigation ul li.current a,#navigation ul li ul li.current a,#navigation ul li.current:hover ul li a{
	color: #7A7F83;
	background-image: linear-gradient(to bottom,#7A7F83 0%,#7A7F83 100%);
}
#navigation ul li:hover ul li a{
	/*color: #FFF;*/
}
#navigation ul li ul li a
{
	/*color: #FFF;
	padding: 0 16px;
	padding-bottom: 3px;*/
}
#navigation ul li a:hover,#navigation ul li ul li a:hover,#navigation ul li.current aa{
	/*color: #F57B20;*/
	background-size: 100% 2px;

}

.menu-caret{
	background-color: transparent;
	color: #F57B20;
	cursor: pointer;
	position: absolute;
	z-index: 5;
	right: 0;
	top: 0;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    line-height: 1;
    width: auto;
    height: auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.menu-caret:hover{
	background-color: transparent;
	color: #F57B20;
}
.menu-caret span:last-of-type{
	position: absolute;
	z-index: -1;
	color: transparent;
}
.menu-caret.up{
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*-- client page mailer stuff --*/

#mailers{
	display: block;
	padding: 0 8% 0 16%;
}
#mailer-buttons{
	width: 100px;
	padding-top: 1rem;
	display: inline-block;
	vertical-align: top;
}

.mailer-button{
	display: block;
	
	width: 80px;
	height: 80px;
	line-height: 1;
	background-color: transparent;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -999px;
	overflow: hidden;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
	padding: 0;
	margin-bottom: 1em;
	border: 2px solid #FFF;
	-webkit-transition: border-color 0.3s ease;
	-moz-transition: border-color 0.3s ease;
	-ms-transition: border-color 0.3s ease;
	-o-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
	
}
.mailer-button:hover,.mailer-button.current,.mailer-button:focus{
	border: 2px solid #F57B20;
}
#mailer-banners{
	width: calc(100% - 100px);
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: -220px;
	overflow: hidden;
	font-size: 1.25rem;
}
.mailer-banner{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	right: 0;
	z-index: 0;
	color: #FFF;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

}
.mailer-banner h2{
	color: #FFF;
}
.mailer-banner.current{
	position: relative;
	z-index: 2;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1;	
}
.mailer-pic{
	width: 100%;
	height: 0;
	padding-bottom: 40%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.mailer-content-1,.mailer-content-2{
	padding: 1rem;
}
.mailer-content-1{
	background-color: #F57B20;
}
.mailer-content-2{
	background-color: #DE6316;
}
/*---- footer ---------------- */
#footer{
	font-size: 1.375rem;
	text-align: left;
	position: relative;
	padding: 50px 20%;
	color: #FFF;
	background: #7b7984;
	background: -moz-radial-gradient(center, ellipse cover, #7b7984 0%, #4b586b 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #7b7984 0%,#4b586b 100%);
	background: radial-gradient(ellipse at top left, #7b7984 0%,#4b586b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7984', endColorstr='#4b586b',GradientType=1 );
}
.js #footer{
	position: fixed;
	z-index: 0;
	left:0;
	right: 0;
	bottom: 0;
}
#footer a{
	color: #FFF;
	background-image: linear-gradient(to bottom,#FFF 0%,#FFF 100%);
	background-size: 0 2px;
	 background-position: 0 90%;
	 background-repeat: no-repeat;
	 padding-bottom: 2px;
	 display: inline-block;
}
/*#footer nav a{
	background-image: linear-gradient(to bottom,#FFF 0%,#FFF 100%);
	background-size: 0 2px;
	 background-position: 0 90%;
	 background-repeat: no-repeat;
	 padding-bottom: 2px;
}*/
#footer  a:hover{
	background-size: 100% 2px;
}
/*#footer a:hover{
	color: #F57B20;
}*/
.footer-contact,#footer nav{
	font-size: 1rem;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}
.footer-contact div,#footer nav ul,.footer-tools div{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	text-align: left;
	overflow: auto;
}
/*@supports (display: -webkit-flex) or
          (display: -moz-flex) or
          (display: flex) {

        .footer-contact{
        	display: -webkit-flex;
	    	display: -moz-flex;
	    	display: flex;
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			flex-direction: row;
			-webkit-justify-content: space-evenly;
			-moz-justify-content: space-evenly;
			justify-content: space-evenly;
			-moz-align-items: top;
			-moz-align-items: top;
			align-items: top;
        }
        .footer-contact div{
        	-webkit-flex: 1 1 auto;
        	-moz-flex: 1 1 auto;
        	flex: 1 1 auto;
        }

 }*/
.footer-contact div p{
	padding-bottom: 0.875em;
}
#footer nav ul li{
	padding-bottom:5px;
}
#footer nav ul li.child{
	font-size: 0.875em;
	padding-left: 0.5em;
	padding-top: 0;
	/*padding-bottom: 5px;*/
}
#footer nav ul li.child + li{
	padding-top: 5px;
}
#footer nav ul li.child + li.child{
	padding-top: 0;
}
#footer nav ul li.child:before{
	content: "-";
	display: inline;
}
.footer-tools{
	font-size: 0.8125rem;
	padding-bottom: 30px;
}
.footer-tools ul li{
	float: left;
	padding: 0 0 0 5px;
	position: relative;
}
.footer-tools ul li:after{
	content: "";
	display: inline-block;
	/*position: absolute;*/
	vertical-align: middle;
	border-right: 1px solid #FFF;
	padding-left: 5px;
	height: 1em;
	width: 0;
	right: 0;
	top:0;
}
.footer-tools ul li:first-of-type{
	padding-left: 0;
}
.footer-tools ul li:last-of-type:after{
	display: none;
}
.copy{
	font-size: 0.75rem;
}
.copy a{
	text-decoration: underline;
}
/*-- homepage styles--*/
.widgets-wrapper2{
	text-align: center;
	overflow: hidden;
	padding-left: 22%;
	padding-right: 11%;
	font-weight: 300;
	position: relative;
	z-index: 30;
}
.widgets-wrapper2 aside{
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
    padding: 20px 20px calc(2em + 20px) 20px;
    color: #FFF;
    position: relative;
    width: calc(50% - 25px);
    max-width: 500px;
}
@supports (display: -webkit-flex) or
          (display: -moz-flex) or
          (display: flex) {

          	.widgets-wrapper2{
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-flex-direction: row;
				-moz-flex-direction: row;
				flex-direction: row;
				-webkit-justify-content: center;
				-moz-justify-content: center;
				justify-content: center;
			}

          	.widgets-wrapper2 aside{
				-webkit-flex: 1;
			    -moz-flex: 1;
    			flex: 1;
			}
 }

.widgets-wrapper2 aside h2,.widget_wrapper_fw aside h2{
	color: #FFF;
}
.widgets-wrapper2 aside:first-of-type{
	background-color: rgb(245,122,32);
	background-color: rgba(245,122,32,0.7);
	margin-right: 25px;
}
.widgets-wrapper2 aside:last-of-type{
	background-color: rgb(149,156,162);
	background-color: rgba(149,156,162,0.7);
	margin-left: 25px;
}
.widgets-wrapper2 aside a:last-of-type,.widget_wrapper_fw aside a:last-of-type{
	display: block;
	line-height: 3em;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	z-index: 2;
	padding: 0 20px;
	color: #FFF;
	font-weight: 500;
}
.widgets-wrapper2 aside a:last-of-type span,.widget_wrapper_fw aside a:last-of-type span{
	float: right;
	line-height: 3em;
}
.widgets-wrapper2 aside:first-of-type a:last-of-type{
	background-color: rgb(245,122,32);
}
.widgets-wrapper2 aside:last-of-type a:last-of-type,.widget_wrapper_fw aside a:last-of-type{
	background-color: rgb(122,127,131);
}

.bannerWrapper .widgets-wrapper2{
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	bottom: -3em;
}
.widget_wrapper_fw{
	position: relative;
	padding-top: 25%;
	margin-top: 120px;
	margin-bottom: 150px;
}
.widget_wrapper_fw .sectionBanner{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;

}
.widget_wrapper_fw aside{
	position: relative;
	z-index: 2;
	padding: 20px 20px calc(2em + 20px) 20px;
    color: #FFF;
	background-color: rgb(149,156,162);
	font-weight: 300;
	margin-right: 8%;
	margin-left: 40%;
	bottom: -3em;
}
.widget_wrapper_fw aside p:last-of-type{
	padding-bottom: 1em;
}
.js .doFade{
	opacity: 0;

	/*-webkit-transform: translate3d(0, 20px,0);
	-moz-transform: translate3d(0, 20px,0);
	-ms-transform: translate3d(0, 20px,0);
	-o-transform: translate3d(0, 20px,0);
	transform: translate3d(0, 20px,0);*/

	/*-webkit-backface-visibility: hidden;*/
	/*-webkit-perspective: 1000;*/


  	-webkit-transition: all 0.7s;
  	-moz-transition: all 0.7s;
  	-ms-transition: all 0.7s;
  	-o-transition: all 0.7s;
  	transition: all 0.7s;
  	-webkit-transition-delay: 0.25s;
	 -moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.js .doFade.visible{
	opacity: 1;
	/*-webkit-transform: translate3d(0, 0,0);
	-moz-transform: translate3d(0, 0,0);
	-ms-transform: translate3d(0, 0,0);
	-o-transform: translate3d(0, 0,0);
	transform: translate3d(0, 0,0);*/

}
/*.doFade > * { -webkit-transform: translateZ(0px); }*/
@media screen and (min-width: 1025px) {
	.js .doFade{
		-webkit-transform: translate3d(0, 20px,0);
		-moz-transform: translate3d(0, 20px,0);
		-ms-transform: translate3d(0, 20px,0);
		-o-transform: translate3d(0, 20px,0);
		transform: translate3d(0, 20px,0);
		/*-webkit-perspective: 1000;*/
	}
	.js .doFade.visible{
		-webkit-transform: translate3d(0, 0,0);
		-moz-transform: translate3d(0, 0,0);
		-ms-transform: translate3d(0, 0,0);
		-o-transform: translate3d(0, 0,0);
		transform: translate3d(0, 0,0);
		/*-webkit-perspective: 1000;*/
	}
}
/*-- homepage jobs vertical carousel --*/
#jobs-carousel{
	list-style: none;
	padding: 0;
	font-size: 0.875rem;
}

#jobs-carousel li{
	font-weight: 300;
	padding: 8px 10px;
	position: relative;
}
#jobs-carousel li a{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	outline: none;
	text-indent: -999px;
	background-color: transparent;
}
#jobs-carousel li:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top:8px;
	bottom: 8px;
	width: 0;
	border-left: 1px solid #FFF;
}
#jobs-carousel li p:first-of-type{
	text-transform: uppercase;
	font-weight: 400;
}
#jobs-carousel li p:nth-of-type(2){
	font-weight: 500;
	font-size: 1.125rem;
}
#jobs-carousel li p:last-of-type span:first-of-type{
	display: inline-block;
	min-width: 80px;
}
.widgets-wrapper2 aside button{
	display: none;
	float: right;
	font-size: 0.8125rem;
	line-height: 1;
	margin: -0.8125rem 2px 0 2px;
	background-color: rgb(149,156,162);
	background-color: rgba(149,156,162,0.7);
}
.widgets-wrapper2 aside button:hover{
	background-color: rgb(121,127,131);
}
.tns-controls{
	outline: none;
}

/*--- jobs page stuff --*/
#jobs_wrapper{
	width: 100%;
	/*padding: 0 10%;*/
	/*max-width: 1400px;*/
	margin: 0 auto;
	/*height: calc(100vh - 400px);*/
	position: relative;
	
}
#jobs_list{
	display: block;
	position: absolute;
	z-index: 1;
	top:0;
	left: 0;
	height: 100%;
	vertical-align: top;
	width: 380px;
	padding-top: 30px;
	background-color: #F2F3F5;
	overflow-y: scroll; 
	overflow-x:hidden;
	min-height: calc(100vh - 400px);
	/*overscroll-behavior:none;*/
/*	height: calc(100vh - 500px);*/
}
#job_details{
	display: block;
	vertical-align: top;
	width: calc(100% - 380px);
	margin-left: 380px;
	padding: 30px 30px 50px 30px;
	/*overflow-y: scroll; 
	overflow-x:hidden;*/
	position: relative;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    min-height: 1200px;
}
#job_details.fade{
	opacity: 0;
}
/*@supports (display: -webkit-flex) or
          (display: -moz-flex) or
          (display: flex) {

        #jobs_wrapper{
        	display: -webkit-flex;
	    	display: -moz-flex;
	    	display: flex;
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			flex-direction: row;
			-webkit-justify-content: space-evenly;
			-moz-justify-content: space-evenly;
			justify-content: space-evenly;
			-moz-align-items: top;
			-moz-align-items: top;
			align-items: top;
        }
        #jobs_list{
        	-webkit-flex: 1 1 380px;
        	-moz-flex: 1 1 380px;
        	flex: 1 1 380px;
        }
        #job_details{
        	-webkit-flex: 1 1 calc(100% - 380px);
        	-moz-flex: 1 1 calc(100% - 380px);
        	flex: 1 1 calc(100% - 380px);
        }
 }*/
#jobs_list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#jobs_list ul li{
	padding: 10px 20px;
	border-bottom: 1px solid #BDBFC1;
	font-size: 0.875rem;
	position: relative;
	background-color: transparent;
	-webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}
#jobs_list ul li:hover,#jobs_list ul li.currentJob{
	background-color: #D3D7E0;
}
#jobs_list ul li h2{
	font-size: 1.25em;
}
#jobs_list ul li p{
	line-height: 1.5;
}
#jobs_list ul li p span + span,article.job header span + span{
	margin-left: 10px;
}
#jobs_list ul li p:nth-of-type(2),article.job header div p:nth-of-type(2){
	font-weight: 700;
}
#jobs_list ul li p:last-of-type,article.job header div p:last-of-type{
	padding-top: 2px;
}
#jobs_list ul li a{
	position: absolute;
	z-index: 2;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	text-indent: -999px;
}
#jobs_list ul li div article a{
	position: static;
	text-indent: 0;
}
#jobs_list ul li div{
	position: relative;
	z-index: 5;
	display: none;

	opacity: 1;
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
#jobs_list ul li div.fade{
	opacity: 0;
}
.job_status{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	position: relative;
	top:-2px;
	margin-right: 5px;
}
.job_status.green{
	background-color: #45B764;
}
.job_status.amber{
	background-color: #FFBF00;
}
.job_status.red{
	background-color: #FF2A00;
}
.job_status.none{display: none;}


article.job{
	padding-bottom: 50px;
}
#jobs_list li article.job{
	background-color: #FFF;
	/*margin-left: -20px;
	margin-right: -20px;*/
	padding: 5px;
	margin-top: 5px;
}
article.job header{
	/*font-size: 1rem;*/
	border-bottom: 1px solid #BDBFC1;
	padding-bottom: 10px;
	margin-bottom: 50px;
	/*padding-top: 10px;*/
}
#jobs_list li article.job header{
	padding-top: 20px;
}
article.job header div, #jobs_list ul li div article.job header div{
	display: inline-block;
	vertical-align: middle;
}
article.job header div:last-of-type{
	width: 100px;
}
article.job header div:first-of-type{
	width: calc(100% - 100px);
}
article.job header h1{
	font-size: 1.25em;
	font-weight: 500;
}
article.job header div p:last-of-type{
	font-size: 0.9375em;
}
.status_bar{
	border-top: 1px solid #BDBFC1;
	padding-top: 10px;
	margin-top: 10px;
	/*line-height: 1;*/
}
article.job header p{
	margin-bottom: 0;
}
article.job header button.close-job,article.job footer button.close-job{
	position: absolute;
	right: 5px;
	display: none;
	z-index: 2;
	color: #616974;
	background-color: transparent;
}
article.job header button.close-job{
	top:5px;
}
article.job footer button.close-job{
	bottom:0;
}
#jobs_list li article.job header button.close-job,#jobs_list li article.job footer button.close-job{
	display: block;
}
article.job footer{
	border-top: 1px solid #BDBFC1;
	padding-top: 1em;
	font-weight: 500;
	font-size: 1rem;
}
#jobs_list li article.job footer{
	padding-bottom: 20px;
}
.all_jobs{
	font-weight: 500;
	font-size: 1rem;
}
.all_jobs span{
	vertical-align: baseline;
	position: relative;
	top: 1px;
}
#job_details .all_jobs{
	display: none;
}
article.job p{
	margin-bottom: 1em;
}
.apply_job{
	position: relative;
	padding-right: 35px;
}
.apply_job span{
	position: absolute;
	z-index: 1;
right: 5px;
font-size: 18px;
top: calc(50% - 8px);
-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
.apply_job.open span{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.job_permalink{
	font-size: 0.8125rem;
	text-align: right;
	padding-top: 1em;
}
#more-jobs{
	margin: 20px auto;
	display: none;
}
.no-js #more-jobs{
	display: none;
}
#jobs-pagination{
	padding: 0 20px;
	white-space: wrap;
}
#jobs-pagination a{
	display: inline;
}
.title-wrap.jobstitle{
	margin-top: 120px;
	padding: 0 40px 0 50px;
}
.title-wrap.jobstitle h1,#jobSearchForm,.search-title{
	display: inline-block;
	vertical-align: top
}
.title-wrap.jobstitle h1,.search-title{
	/*width: 240px;*/
	min-width: 180px;
	margin-right: -4px;
	padding-top: 1.4rem;
	padding-right: 1em;
}
#num-jobs{
	margin-left: 180px;
}
.search-title{
	font-size: 2.5rem;
	color: #FFF;
	line-height: 1.2;
	padding-bottom: 0.25rem;
	font-weight: 300;
}
#show-jobsearch{
	margin-top: 10px;
	margin-bottom: 5px;
	display: none;
}
#jobSearchForm{
	max-width: 790px;
}
#jobSearchForm label,#jobSearchForm input,#jobSearchForm button{
font-weight: 300;
font-size: 1.0625rem;
}
#jobSearchForm button,#show-jobsearch{
	background-color: #F57B20;
}
#jobSearchForm button:hover,#show-jobsearch:hover,#jobSearchForm #close-jobsearch:hover{
	background-color: #616974;
}
#jobSearchForm #close-jobsearch{
	background-color: #999;
	display: none;
}
button#search span{
	margin-left: 5px;
	position: relative;
	top: 1px;
}
.form-inner h2{
	font-weight: 300;
	font-size: 2rem;
	display: none;
}

.slider{
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  height: 5px; /* Specified height */
  background: #FFF; /* Grey background */
  outline: none; /* Remove outline */
  
}
.form-flex{
	text-align: left;
}
.form-flex .form-flex-element, .form-flex label.select_style{
	display: inline-block;
	vertical-align: bottom;
}
.form-flex label.select_style{
	padding-right: 20px;
	padding-bottom: 20px;
}
.form-flex .form-flex-element{
	width: 50%;
	padding-bottom: 20px;
}
@supports not (display: -webkit-flex) or
          (display: -moz-flex) or
          (display: flex){

	#pageBanner.has-jobsearch{
		padding-bottom: 450px;
	}
}
@supports (display: -webkit-flex) or
          (display: -moz-flex) or
          (display: flex) {

          	.form-flex{
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-flex-direction: row;
				-moz-flex-direction: row;
				flex-direction: row;
				-webkit-justify-content: flex-start;
				-moz-justify-content: flex-start;
				justify-content: flex-start;
				-webkit-align-content:stretch;
				-moz-align-content:stretch;
				align-content:stretch;
				-webkit-flex-flow: row wrap;
				-moz-flex-flow: row wrap;
				flex-flow: row wrap;

			}
			.form-flex label.select_style{
				-webkit-flex: 0 1 auto;
			    -moz-flex: 0 1 auto;
    			flex: 0 1 auto;
			}
			.form-flex label:nth-of-type(1){
				-webkit-order:0;
				-moz-order:0;
				order:0;
			}
			.form-flex label:nth-of-type(2){
				-webkit-order:1;
				-moz-order:1;
				order:1;
			}
			.form-flex label:nth-of-type(3){
				-webkit-order:2;
				-moz-order:2;
				order:2;
			}

          	.form-flex .form-flex-element{
				-webkit-flex: 0 2 auto;
			    -moz-flex: 0 2 auto;
    			flex: 0 2 auto;
			}
			.form-flex div.form-flex-element:nth-of-type(1){
				-webkit-order:4;
				-moz-order:4;
				order:4;
				padding-right: 35px;
				-webkit-flex: 0 1 275px;
			    -moz-flex: 0 1 275px;
    			flex: 0 1 275px;

			}
			.form-flex div.form-flex-element:nth-of-type(2){
				-webkit-order:5;
				-moz-order:5;
				order:5;
			}
			.form-flex div.form-flex-element:last-of-type{
				-webkit-order:3;
				-moz-order:3;
				order:3;
				-webkit-flex: 0 1 110px;
			    -moz-flex: 0 1 110px;
    			flex: 0 1 110px;
			}
			#jobSearchForm button{
				margin-top: calc(1.7 * 1.125rem);
			}
 }
 .has-slider label{
 	display: inline-block;
 	vertical-align: top;
 	height: auto;
 	line-height: 23px;
 	width: 185px;
 }
  .has-slider label span,  .has-slider label input{
  	/*display: inline-block;*/
 	vertical-align: middle;
  }
 #slider-range{
 	display: inline-block;
 	vertical-align: middle;
 	position: relative;
 	top:-5px;
 	width: 170px;
 }
 .ui-slider-horizontal{
 	height: 6px;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	-o-border-radius: 3px;
 	border-radius: 3px;

 }
 .ui-slider-horizontal .ui-slider-handle{
 	top:calc(-0.6em + 3px);
 }
 .ui-state-default, .ui-widget-content .ui-state-default{
 	border: 5px solid #FFF;
 	background: #616974;
 }
 #salary{
 	background: transparent;
 	color: #FFF;
 	border: none;
 	width: 100px;
 	height: auto;
 	line-height: 1;
 	padding: 0 5px 0 0;
 }
 /*--- team grid --*/
/*-- Articles index tiles --*/
#tileWrapper{
	width: 100%;
	position: relative;
	margin: 10px auto;
	overflow: auto;
}
#teamTiles{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: 150px;
}
.trans{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  filter: alpha(opacity=0);
	  opacity: 0;
}
main .content #teamTiles li:before{
	display: none;
}
main .content #teamTiles li{
	text-indent: 0;
}
main .content #teamTiles li.tile{
	
	display: block;
	float: left;
	
	width:33.3%;
	height: 0;
	padding-bottom: 33.3%;
	margin: 0;
	position: relative;
	cursor: pointer;
	z-index: 1;
	
	padding-left: 0;

}

/*#teamTiles .tile:nth-of-type(4n+1){
		margin-left: 0;
		margin-right: 2%;
	}
#teamTiles .tile:nth-of-type(4n){
		margin-right: 0%;
		margin-left: 2%;
	}*/


.tile-thumbnail{
	display: block;
	position: absolute;
	 top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
	z-index: 1;
	overflow: hidden;
	width: calc(100% -10px);
}
.tile img{
	width: 100%;
	height: auto;
}
.tile-info{
	display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 10px;
    background-color: rgba(255,255,255,0.7);
    z-index: 10;
    opacity:0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1em;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tile-info:before{
	display: inline-block;
	position: relative;
	content: "";
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.tile-info p{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 0;
}

.tile.hoverable:hover .tile-info,.tile.hovered .tile-info{
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

#previewWrapper{
	display: block;
	position: relative;
	width: 100%;
	margin: 20px 0 0 0;
	float: left;
	display: none;
	padding: 0;
}
#previewWrapper:before{
	display: none;
}
#preview{
	margin: 0 5px;
	height: 50px;
	background-color: #F2F3F5;
	overflow: hidden;	
	font-size: 1rem;
	text-align: left;
}

#preview .inner{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 	filter: alpha(opacity=0);
	opacity: 0;
	overflow: auto;
	padding: 30px 50px;
}
.previewLoader{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	margin-top: -16px;
	z-index: 3;
	background-image: url(../img/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.teamSummary h1{
	font-weight: 500;
	font-size: 1.2em;
	padding-bottom: 5px;
	text-align: left !important;
}
.teamSummary h2{
	/*text-transform: uppercase;*/
	font-size: 1em;
	padding-bottom: 10px;
	letter-spacing: 0;
}
.teamSummary h3{
	font-weight: 500;
	font-size: 1em;
}

.teamSummary img{
	width: 50%;
	float: right;
	margin-left: 30px;
}
.teamSummary ul{
	list-style: none;
	padding: 1em 0;
	/*padding-left: 1em;*/
}
.teamSummary ul li:before{
	content: "-";
	padding-right: 0.5em;
}

/*.preview:after {*/
#arrow{
	top: 0px;
	left: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(246, 216, 143, 0);
	border-bottom-color: #F2F3F5;
	border-width: 20px;
	margin-left: -20px;
}


/*--------- ajax stuff ---------------------------------*/
#overlay{
	visibility: hidden;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:4;
	background: #7b7984;
	background: -moz-radial-gradient(center, ellipse cover, #7b7984 0%, #4b586b 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #7b7984 0%,#4b586b 100%);
	background: radial-gradient(ellipse at top left, #7b7984 0%,#4b586b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7984', endColorstr='#4b586b',GradientType=1 );
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

}
#overlay.overlaid{
	visibility: visible;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	opacity:0.9;
}
#modal{
	display: none;
	top: 100px;
	position: absolute;
	width: 80%;
	left: 10%;
	/*margin-left: 50%;*/
	z-index: 30;
	padding-top: 10px;
	color: #010101;
    background-color: rgb(238,235,234);
    background-color: rgba(238,235,234,0.9);
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
	border: 1px solid #333;
}
.closeModal{
	cursor: pointer;
	margin-right: 10px;
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		opacity: 0.50;
}
.closeModal:hover{
	-moz-opacity: 1;
	-khtml-opacity: 1;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
}
#loader {
	display: none;
	position: fixed;
	z-index: 101;
	padding: 1px;
}

#loader.loading,.job_loader{
	display: block;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	background: url(../img/spinner.gif) no-repeat;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.8);
	background-position:center;
	background-repeat: no-repeat;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	/*-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);*/
}
.job_loader{
	position: absolute;
	top: 150px;
	z-index: 101;
	padding: 1px;
	opacity: 1;
}
#jobs_list li .job_loader{
	position: static;
	top: 0;
	margin: 0 auto;
	background-color: transparent;
}
.jobs_list_loader{
	width: 100%;
	height: 100px;
	background: url(../img/spinner.gif) no-repeat;
	background-repeat: no-repeat;
	background-position:center;
}

#status_output{
	text-align: right;
	color: blue;
}


/*--- testimonials slider --*/
#reviews{
	width: 100%;
	padding: 50px 20% 100px 20%;
	/*margin: 80px auto;*/
	/*text-align: center;*/
	position: relative;
}

.carousel-wrapper{
	position: relative;
	overflow: auto;
}

#reviewSlider{
	width: 100%;
	overflow: hidden;
	/*background-color: #f2f2ea;
	color: #707277;*/
	white-space: nowrap;
	/*font-size: 0.9em;*/
}
blockquote {
  display: block;
  width: 100%;
  /*border-width: 1px 0;
  border-style: solid;
  border-color: #5AA5D6;*/
  padding: 40px 0;
  margin: 5px 0;
  position: relative;
  white-space: normal;
  text-align: left;
}
.content blockquote{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
}
blockquote p{
	font-size: 1.1em;
	font-weight: 300;
}

blockquote:after {
	font-family: inherit;
  content: "" attr(cite);
  display: block;
  text-align: left;
  font-size: 1em;
  padding-top: 0.25em;
  color: #616974;
  font-weight: 500;
}
.content blockquote:after{
	color: #898788;
}
.carousel-prev, .carousel-next{
	/*position: absolute;
	top:0;*/
	width: 60px;
	/*height: 100%;*/
	z-index: 10;
	cursor: pointer;
	padding: 0 5px;
	/*padding-top: 90px;*/
	display: block;
	vertical-align: top;
	background-color: #F3F3F5;
	color: #616974;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    outline: 0;
    line-height: 2;
}
.carousel-prev{
	text-align: left;
	margin-right: 30px;
	float: left;
	
}
.carousel-next{	
	text-align: right;
	margin-left: 30px;
	float: right;
}
.carousel-prev:hover,.carousel-next:hover{
	background-color: #959CA2;
}



/*----------------------- FORMS STYLES ----------------------------------------*/
.form_status{
	line-height: 1.1em;
	margin: 2px 0;
}
.form_status span{
	padding-bottom: 0.5em;
}
.form_status img{
	width: auto !important;
}


label {
	/*padding: 0 0.7em 0.5em 0;*/
	clear: left;
	/*text-transform: capitalize;*/
	font-weight: 400;
}
#userFileLabel span:last-of-type{
	font-size: 0.875rem;
}

#subscribeForm{
	max-width: 768px;
	width: 200px;
	height: 40px;
	position: absolute;
	top: 25px;
	right: 100px;
	z-index: 1;
	background-color: #FFF;
	font-size: 1rem;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#subscribeForm.expanded{
	/*width:100%;*/
	opacity: 1;
	right: 50px;
	max-width: calc(100% - 100px);
	z-index: 9;
	/*height: auto;*/
}
#subscribeForm div.formcontent{
	padding: 50px 1em 1em 1em;
	width: 768px;
	
	height: auto;
	border: 2px solid #5F6B77;
}
#subscribeForm.expanded div.formcontent{
	max-width: 100%;
}
#subscribeForm .fw, .inlineForm .fw{
	display: inline-block;
	width: 160px;
}
.inlineForm{
	font-size: 1.125rem;
	font-weight: 400;
	/*padding: 1em;*/
	padding: 30px 0;
}
footer .inlineForm{
	padding: 30px 1em;
}
.inlineForm p{
	position: relative;
	padding-bottom: 16px;
}
.inlineForm button{
	width: 100%;
	background-color: #F57B20;
}
.inlineForm button:hover{
	background-color: #616974;
}
.inlineForm button:focus{
	border: 2px solid #FFF;
}
.applicationForm{
	display: none;
	background-color: #efefef;
}
.applicationForm.open{
	display: block;
}
.applicationForm div{
	max-width: 700px;
	margin: 0 auto;

}

.inlineForm input[type=text],.inlineForm input[type=tel],.inlineForm input[type=email],.inlineForm textarea,.inlineForm input[type=file]{
	/*width: calc(100% - 160px);*/
	width: 100%;
}

input,button,.cart_button{
	background-color: #FFF;
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: inherit;
	font-family: inherit;
	color: #545454;
	border: none;
	-webkit-border-radius:0px;
}
.ajax_form button[type=submit]{
	height: 60px;
	line-height: 60px;
}
.ajax_form button[type=submit] img,main .content p button[type=submit] img{
	height: 100% !important;
	width: auto;
	margin: 0;
}
input[type=text],input[type=email],input[type=tel],input[type=password],textarea{
	-webkit-appearance: none;
	border: 1px solid #616974;
}
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus, textarea:focus{
	border: 1px solid #F57A20;
}
input[type=file]{
	line-height: 1;
	padding: 5px;
	background-color: #DDD;
	margin-top: 5px;
	height: auto;
	vertical-align: top;
	/*height: 20px;*/
	/*border: 1px solid #555;*/
}
.cart_button{padding-left: 5px;padding-right: 5px;}
input[type=radio]{
	height: auto;
	line-height: normal;
	padding-left: 0px;
	padding-right: 0px;
	margin: 5px 10px 5px 0;
	vertical-align: middle;
}

textarea{
	background: #FFF;
	color: #545454;
	font-size: inherit;
	font-family: inherit;
	padding: 5px;
	display: inline-block;
	vertical-align: top;
	-webkit-appearance: none;
}


button, input[type=submit], input[type=button] {
	-webkit-appearance: none;
	outline: 0;
	border: none;
	/*text-transform: lowercase;*/
	cursor: pointer;
	text-align: center;
	background-color: #616974;
	/*text-transform: uppercase;*/
	color: #fff;
	-webkit-appearance: none;
	-webkit-transition: color 200ms ease,background-color 200ms ease;
    -moz-transition: color 200ms ease,background-color 200ms ease;
    -o-transition: color 200ms ease,background-color 200ms ease;
    transition: color 200ms ease,background-color 200ms ease;
}

button:hover, input[type=submit]:hover, input[type=button]:hover,.cart_button:hover
{
	background-color: #898788;
	color: #fff;
}
.apply_job{
	background-color: #F57B20;
}
.apply_job:hover{
	background-color: #616974;
}
#resetForm{
	background-color: rgb(147,149,151);
	margin-right: 10px;
}
#resetForm:hover{
	background-color: rgb(179,181,182);
}
input[type=image]{
	margin: 5px 10px;
}
input[type=checkbox]{
	-webkit-appearance: checkbox !important;
	height: auto;
	line-height: normal;

}
input[type=radio]{
	-webkit-appearance: radio !important;
}

select:invalid,input:invalid, textarea:invalid {
    box-shadow: none;
}


label.error + input[type=text],label.error + input[type=email],label.error + input[type=tel]{
	border: 2px solid #E7392E;
} 
label.under{
	position: absolute;
	z-index: -1;
	color: transparent !important;
	left: 0;
	top:0;
}

fieldset{
	border: none;
	border-bottom: 1px solid #CCC;
	padding: 5px 0;
	/*background-color: #efefef;*/
}
fieldset p{
	/*padding-left: 1em;*/
}
fieldset div{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
legend{
	position: relative;
	top: 0;
	padding: 0 0 1em 0;
	margin: 0;
	font-weight: 500;
	color: #F57A20;
}
.radio-wrapper{
	padding: 0.5em;
	background-color: #C0DFF5;
	display: inline-block;
	vertical-align: middle;
}
.radio-wrapper{
	min-width: 200px;
}
.radio-wrapper.yesno{
	min-width: 75px;
}
.radio-wrapper label{
	width: auto;
	padding: 0;
	vertical-align: middle;
	min-width: 50px;
}
.contactform{
	margin-top: 2em;
	margin-bottom: -3em;
	padding: 3em 20% 120px 20%;
	background-color: #C5C2B9;
}


.contactform input[type=text],.contactform input[type=email],.contactform input[type=tel],.contactform textarea{
	width: 100%;
	margin-bottom: 10px;
}
.contactform textarea{
	height: 150px;
}
.contactform p{
	position: relative;
}
.formFields div{
	display: inline-block;
	width: 33.33%;
	vertical-align: top;
	padding: 0 1em 1em 1em;
}
.formFields div:first-of-type{
	padding-left: 0;
	padding-right: 1em;
}
.formFields div:last-of-type{
	padding-left: 1em;
	padding-right: 0;
}
.contactform label,.formFields input{
	display: block;
}
.formFields div input{
	width: 100%;
}
.contactform label{
	float: left;
}
.req{
	position: relative;
	padding-right: 0.6em;
}
span.req{
	padding-right: 0.7em;
}
.req:after{
	position: absolute;
	z-index: 2;
	top:-3px;
	right:0;
	content: "*";
}
.req2{
	font-size: 0.8em;
}



/*---- login form ---*/
#loginform{
	
	padding: 30px 10px 30px 10px;
	text-align: center;
	max-width: 400px;
	width: 100%;
	/*height: 225px;*/
	margin: 10px auto 50px auto;
	overflow: hidden;
	/*color: #FFF;*/
	background: #ddd;
	
}

#loginform label{
	float: left;
	width: 100px;
	text-align: right;
	text-transform: uppercase;
}
#loginform p{
	margin-bottom: 1em;
}



#loginform input[type=submit]{
	margin-right: 12px;
}
#loginform input[type=submit]:active{
	background-color: #FFF;
	color: rgb(101,103,106);
}
#loginform input[type=text],#loginform input[type=email], #loginform input[type=password]
{
	width: 250px;
}
/*-- fancy checkbox --*/
.chkbox_label{
	display: inline-block;
	vertical-align: middle;
	/*color: #013F57;*/
	float: none;
	position: relative;
	padding: 0;
	width: auto !important;
	text-align: left !important;
	cursor: pointer;
}
.chkbox_label span {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 4px;
	left: 0;
	margin: 0;
	/*border-radius: 4px;*/
	text-indent: -9999px;
	background: #FFF;
	border: 1px solid #013F57;
}
.chkbox_label span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 2px solid #FFF;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.chkbox_label:hover span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.chkbox_label input[type=checkbox]:checked + span:after{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.chkbox_label input[type=checkbox]:checked + span{
	background: #F57A20;
}
.chkbox_label input[type=checkbox]{
	margin-right: 10px;
	display: inline;
	vertical-align: middle;
	height: 10px;
	line-height: 10px;
	position: relative;
	top:-2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/*--- round posh checkbox --*/
.posh-checkbox{
	position: relative;
	cursor: pointer;
}
.posh-checkbox span {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	margin: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	text-indent: -9999px;
	background: #FFF;
	border: 2px solid #FFF;
}
.posh-checkbox span:after {
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top:0;
	left: 0;
	background-color: #F57A20;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.posh-checkbox:hover span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.posh-checkbox input[type=checkbox]:checked + span:after{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.posh-checkbox input[type=checkbox]:checked + span{
	/*background: #F57A20;*/
}
.posh-checkbox input[type=checkbox]{
	margin-right: 15px;
	display: inline;
	vertical-align: middle;
	height: 5px;
	width: 5px;
	line-height: 10px;
	position: relative;
	top:-2px;
	left: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/*-- fancey select --*/
.select_style span:first-of-type{
	display: block;
}
.fancy-select  {
    display:inline-block;
    vertical-align:middle;
    position:relative;
    width:200px;
}
.fancy-select select {
	font-size: 1em;
    line-height:normal;
    height:40px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    /*width:200px;*/
    border-radius:0;
    display:block;
    width:100%;
    border:1px solid #ccc;
    background-color:#fff;
    color:#4F4E51;
    padding:8px 28px 7px 10px;
}

.fancy-select select:focus {
    background:#f9f9f9;
    outline:none;
    /*box-shadow:0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 7px rgba(100,100,100,0.3);*/
    border-color:#F57A20;
}
.fancy-select ::-ms-expand {
 display:none;
}
.fancy-select:after{
    content:"";
    font-family: 'themify';
    content: "\e64b";
    color: #F57A20;
    position:absolute;
    z-index:2;
    right:8px;
    top: 1px;
    /*height: calc(100% - 2px);*/
    line-height: 38px;
    width: 20px;
    text-align: center;
    background-color: #FFF;
    /*top:50%;
    margin-top:-4px;*/
    /*height:0;
    width:0;
    border-top:8px solid #F57A20;
    border-left:8px solid transparent;
    border-right:8px solid transparent;*/
    pointer-events:none;
}
/*-- range slider --*/
fieldset.range-slider {
    position: relative;
    width: 200px;
    height: 35px;
    text-align: center;
}

fieldset.range-slider input {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 15px;
    width: 200px;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
}

fieldset.range-slider input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
}

fieldset.range-slider input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 9px;
}

fieldset.range-slider input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: rgba(0, 0, 0, 1);
    border: 0;
}
fieldset.range-slider input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0;
}
  fieldset.range-slider input[type=range]::-moz-focus-outer {
  border: 0;
}
/*--------- TABLES ---------------------------------*/
table{
	width:100%;
	margin-top: 2em;
	margin-bottom: 2em;
	border-spacing: 0;
	background-color: #F1F6F9;
	/*text-transform: uppercase;*/
}
th{
	text-align: left;
	font-weight: 700;
	background-color: #EBF3F6;
	color: #4F7290;
}
td, th{
	margin: 0;
	padding: 5px;

}
/*-- cookie stuff --*/
.cookie-rel{
	position: relative;
}
#cookie-consent{
	display: block;
	position: fixed;
	visibility: hidden;
	left: 20px;
	right: 20px;
	bottom: 20px;
	width: calc(100% - 40px);
	height: auto;
	background-color: #efefef;
	font-size: 0.875rem;
	padding: 10px 40px;
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	z-index: 100;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#cookie-consent.show-cookies{
	visibility: visible;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	opacity:1;	
}
#cookie-consent div{
	display: inline-block;
	vertical-align: middle;
}
#cookie-consent div:first-of-type{
	width: calc(100% - 150px);
	padding-right: 30px;
	text-align: justify;
}
#cookie-consent div:last-of-type{
	width: 150px;
}

.no-js #cookie-consent{
	display: block;
}
.marketing-cookies-advice{
	display: inline-block;
	padding: 20px 50px;
	position: absolute;
	top: 5%;
	left: 0;
	z-index: 10;
	width: 100%;
}
.marketing-cookies-advice .ti-control-play{
	font-size: 40px;
	display: inline-block;
	width: 100%;
	text-align: center;
	cursor: pointer;
	color: #F57B20;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.accept-marketing-cookies{
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
	text-decoration: none;
	color: #F57B20;
	cursor: pointer;
}
.accept-marketing-cookies:hover,.marketing-cookies-advice .ti-control-play:hover{
	
	color: #FFF;
}
.accept-marketing-cookies{
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
	text-decoration: none;
	color: #F57B20;
	cursor: pointer;
}



.cookie-consent p:last-of-type{
	/*padding-top: 0.5em;*/
	/*text-align: right;*/
}
#cookie-consent button{
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	padding-right: 30px;
	text-transform: none;
	font-weight: 400;
}
.cookie-consent .isNecessary input, .isNecessary span{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity: 0.5;
}
.noIframe{
	display: block;
	border: 1px solid #013F57;
	text-align: center;
	width: 100%;
	height: 0;
	padding-top: 60%;
	position: relative;
}
.noIframe p{
	text-align: center;
	width: 100%;
	top: 50%;
	line-height: 1.5;
	margin-top: -10px;
}
.cookie-chkbox{
	margin: 0 2em 0 0;
	white-space: nowrap;
}

.cookie-chkbox span {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 0;
	margin: -10px 0 0 0;
	/*border-radius: 4px;*/
	text-indent: -9999px;
	background: #FFF;
	border: 1px solid #013F57;
}
.cookie-chkbox label span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 2px solid #FFF;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.cookie-chkbox label:hover span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.cookie-chkbox input[type=checkbox]:checked + span:after{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.cookie-chkbox input[type=checkbox]:checked + span{
	background: #F57B20;
}
.cookie-chkbox input[type=checkbox]{
	margin-left: 10px;
	display: inline;
	vertical-align: middle;
	height: 10px;
line-height: 10px;

}
.cookie-chkbox label{
	display: inline-block;
	vertical-align: middle;
	color: #013F57;
	float: none;
	position: relative;
	padding: 0;
}
.iframe-disabled{
	border: 1px solid #222;
	/*background:transparent url(../img/filmstrip.png) center center no-repeat;
	background-size: 100px auto;*/
}
.closeCookie{
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
}
/*---------- MEDIA QUERIES & Mobile specific-------------------------------------------------*/
.onTouch{
	margin-top: 10px;
	font-size: 1.5em !important;
	display: none;
}
.hovered .onTouch{
	display: block !important;
}
.onTouch span{
	margin: 0 10px;
	cursor: pointer;
}

@media screen and (max-width: 1360px) {

	.widget_wrapper_fw{
		padding-top: 20%;
	}
}

@media screen and (max-width: 1200px) {

	.widgets-wrapper2,.content,.title-wrap.hometitle{
		padding-left: 16%;
		padding-right: 8%;
	}
	 .buttons{
	 	left: 16%;
	 	right: 8%;
	 }
	 .content.flex-container{
	 	padding-right: 8%;
	 }
	 #footer{
	 	padding-left: 12%;
	 	padding-right: 12%;
	 }
	 .flex-container .sidebar{
		padding-right: 30px;
		width: 350px;
	}

	.flex-container .primary{
		width: calc(100% - 350px);
	}
	@supports (display: -webkit-flex) or
	          (display: -moz-flex) or
	          (display: flex) {

	        .content.flex-container{
	        	display: -webkit-flex;
		    	display: -moz-flex;
		    	display: flex;
				-webkit-flex-direction: row;
				-moz-flex-direction: row;
				flex-direction: row;
				-webkit-justify-content: space-evenly;
				-moz-justify-content: space-evenly;
				justify-content: space-evenly;
				-moz-align-items: top;
				-moz-align-items: top;
				align-items: top;
	        }
	        .flex-container .sidebar{
	        	-webkit-flex: 1 1 350px;
	        	-moz-flex: 1 1 350px;
	        	flex: 1 1 350px;
	        }
	        .flex-container .primary{
	        	-webkit-flex: 1 1 calc(100% - 350px);
	        	-moz-flex: 1 1 calc(100% - 350px);
	        	flex: 1 1 calc(100% - 350px);
	        }
	 }
	 #jobs_list{
	 	width: 300px;
	 }
	 #job_details{
	 	width: calc(100% - 300px);
		margin-left: 300px;
	 }

}
@media screen and (max-width: 1150px){
	.fancy-select{
		width: 160px;
	}
	#jobSearchForm {
	    max-width: 725px;
	}
}
@media screen and (max-width: 1060px){
	.title-wrap h1,.search-title{
		font-size: 2.2rem;
	}
	.title-wrap.jobstitle h1, .search-title{
		/*width: 200px;*/
		min-width: 160px;
		padding-top: 1.5rem;
	}
	#num-jobs{
		margin-left: 160px;
	}
}
@media screen and (max-width: 1023px){
	.title-wrap.jobstitle{
		margin-top: 100px;
	}
	.title-wrap.jobstitle h1, .search-title{
		width: 100%;
		padding-top: 0;
	}
	#jobSearchForm{
		padding-top: 10px;
		padding-left: 2px;
	}
	#num-jobs{
		margin-left: 0;
	}
	.mailer-pic {
	    padding-bottom: 45%;
	}
	#cookie-consent {
	    left: 10px;
	    right: 10px;
	    bottom: 10px;
	    width: calc(100% - 20px);
	    font-size: 0.8125rem;
	    padding: 5px;
	}
	.widget_wrapper_fw{
		margin-top: 30px;
		margin-bottom: 80px;
		padding-top: 0; 
	}
	.widget_wrapper_fw aside {

	    position: relative;
	    z-index: 2;
	    padding: 20px 10% calc(3em + 20px) 10%;
	    color: #FFF;
	    background-color: rgb(149,156,162);
	    font-weight: 300;
	    margin-right: 0;
	    margin-left:0%;
	    bottom: 0;
	}
	.widget_wrapper_fw aside a:last-of-type{
		padding-left: 10%;
		padding-right: 10%;
	}
	.widget_wrapper_fw .sectionBanner{
		position: relative;
		height: 0;
		padding-bottom: 40%;
		width: 100%;
		overflow: hidden;
	}
}
@media screen and (max-width: 930px){
	#logo img,#nav-button a{
		/*height: 80px;*/
	}
	.title-wrap h1,.search-title{
		font-size: 2rem;
	}
	.content,.title-wrap.jobstitle,#mailers{
		padding-left: 10%;
		padding-right: 10%;
	}
	.title-wrap.hometitle{
		padding-left: 25%;
		padding-right: 10%;
	}
	.buttons {
    	left: 10%;
    	right: 10%;
	}

	#pageBanner.deep{
		padding-bottom: 450px;
	}
	#pageBanner.has-jobsearch{
		padding-bottom: 250px;
	}
	.title-wrap.jobstitle {
    	margin-top: 60px;
	}
	.bannerWrapper .widgets-wrapper2 {
	    position: relative;
	    z-index: 5;
	    left: 0;
	    right: 0;
	    bottom:auto;

	}
	.widgets-wrapper2{
		display: block;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.widgets-wrapper2 aside{
		display: block;
		width: 100%;
		max-width: none;
		padding-bottom: 4em;
		padding-left: 10%;
		padding-right: 10%;
	}
	/*.widgets-wrapper2 aside p, .widgets-wrapper2 aside h2,.widgets-wrapper2 aside #jobs-carousel-ow{
		margin-left: 10%;
		margin-right: 10%;
	}*/
	.widgets-wrapper2 aside:first-of-type{
		background-color: #F57B20;
		margin-right: 0;
	}
	.widgets-wrapper2 aside:last-of-type{
		background-color: #949BA1;
		margin-left: 0;
	}
	.widgets-wrapper2 aside:first-of-type a:last-of-type{
		background-color: #DE6316;
	}
	.widgets-wrapper2 aside:first-of-type a:last-of-type,.widgets-wrapper2 aside:last-of-type a:last-of-type{
		padding: 0 10%;
	}
	.content,.content.flex-container{
		padding-top: 80px;
	}
	.content.flex-container{
		display: block;
		padding-left: 10%;
		padding-right: 10%;
	}
	.flex-container .sidebar,.flex-container .primary{
		display: block;
		padding: 0;
		width: 100%;
	}
	.flex-container .primary{
		padding-top: 50px;
	}
	
	#reviews {
	    padding: 0 10% 80px 10%;
	}
	 #jobs_list{
	 	width: 250px;
	 }
	 #job_details{
	 	width: calc(100% - 250px);
		margin-left: 250px;
	 }
	#footer {
	    padding-left: 10%;
	    padding-right: 10%;
	}
	#mailers{
		padding: 0;
	}
	#mailer-buttons{
		display: none;
	}
	#mailer-banners {
	    width: 100%;
	    display: block;
	    margin-top: 0;
	    overflow: hidden;
	}
	.mailer-content-1,.mailer-content-2{
		padding-left: 10%;
		padding-right: 10%;
	}
	#jobSearchForm{
		visibility: hidden;
		position: fixed;
		top:0;
		left: 0;
		right: 0;
		bottom: auto;
		width: 100%;
		height: 100%;
		max-width: none;
		padding-top: 20px;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 40px;
		overflow-x: hidden;
		z-index: 50;
		background: #7b7984;
		background: -moz-radial-gradient(center, ellipse cover, #7b7984 0%, #4b586b 100%);
		background: -webkit-radial-gradient(center, ellipse cover, #7b7984 0%,#4b586b 100%);
		background: radial-gradient(ellipse at top left, #7b7984 0%,#4b586b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7984', endColorstr='#4b586b',GradientType=1 );

		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		opacity:0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#jobSearchForm.expanded{
		visibility: visible;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
		opacity:1;
	}
	#show-jobsearch,#jobSearchForm #close-jobsearch{
		display: inline-block;
	}
	.form-flex label.select_style {
	    padding-right: 0;
	    padding-bottom: 20px;
	}
	.form-inner{
		margin: 0 auto;
		max-width: 180px;
	}
	.form-inner h2{
		display: block;
	}
	.form-flex .form-flex-element, .form-flex label.select_style {
	    display: block;
	    width: 100%;
	    vertical-align: bottom;
	}
	.posh-checkbox{
		display: block;
		width: 100%;
		line-height: 1;
		padding-bottom: 10px;
	}
	@supports (display: -webkit-flex) or
          (display: -moz-flex) or
          (display: flex) {

          	
			.form-flex label.select_style{
				-webkit-flex: 0 1 100%;
			    -moz-flex: 0 1 100%;
    			flex: 0 1 100%;
			}
			.form-flex label:nth-of-type(1){
				-webkit-order:0;
				-moz-order:0;
				order:0;
			}
			.form-flex label:nth-of-type(2){
				-webkit-order:1;
				-moz-order:1;
				order:1;
			}
			.form-flex label:nth-of-type(3){
				-webkit-order:2;
				-moz-order:2;
				order:2;
			}

          	.form-flex .form-flex-element{
				-webkit-flex: 0 2 100%;
			    -moz-flex: 0 2 100%;
    			flex: 0 2 100%;
			}
			.form-flex div.form-flex-element:nth-of-type(1){
				-webkit-order:3;
				-moz-order:3;
				order:3;
				padding-right: 0;
				-webkit-flex: 0 1 100%;
			    -moz-flex: 0 1 100%;
    			flex: 0 1 100%;

			}
			.form-flex div.form-flex-element:nth-of-type(2){
				-webkit-order:4;
				-moz-order:4;
				order:4;
			}
			.form-flex div.form-flex-element:last-of-type{
				-webkit-order:5;
				-moz-order:5;
				order:5;
				-webkit-flex: 0 1 100%;
			    -moz-flex: 0 1 100%;
    			flex: 0 1 100%;
			}
			#jobSearchForm button{
				margin-top: 0;
			}
	 }
	 #num-jobs{
		font-size: 0.875rem; 	
	 }
	 .footer-contact div,#footer nav ul,.footer-tools div{
		display: block;
		width: 100%;
		
	}
	
}	

@media screen and (max-width: 768px) {
	
	#subscribeForm.expanded{
		right: 2%;
		max-width: 96%;
	}
	main .content #teamTiles li.tile{
		width: 50%;
		padding-bottom: 50%;
	}
	#preview{
		font-size: 0.9375rem;
	}
	#preview .inner{
		padding: 20px 15px;
	}
	.content.has_widget{
		padding-bottom: 100px;
	}

	.flex-container .primary{
		padding-top: 15px;
	}
	 #jobs_list{
	 	width: 100%;
	 	z-index: 20;
	 	position: relative;
	 }
	 #jobs_list ul li div{
	 	display: block;
	 }
	  #jobs_list ul li div .all_jobs{
	  	display: none;
	  }
	 #job_details{
	 	display: none;
	 }

	 #job_details .all_jobs{
		display: inline;
	}
	
 .js #footer{
	 	position: static;
	 }
	 #wrap{
	 	padding-bottom: 0 !important;
	 }

/*	 #get-jobs,#logo,.title-wrap.jobstitle,#show-jobsearch {
	 -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
     transform: translate3d(0px, 0px, 0px);

}
	 .hideThis #get-jobs,.hideThis #logo,.hideThis .title-wrap.jobstitle,.hideThis #show-jobsearch {
	 -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
     transform: translate3d(0px, 0px, 0px);

}*/

	/* #wrap.hideThis{
	 	margin-top: -240px;
	 }*/
	/* #siteHeader.jobs-header{
	 	height: 220px;
	 	-webkit-transform: translate3d(0px, 0px, 0px)
	 }
	 #siteHeader.hideThis{
	 	top: -220px;
	 }*/
}

@media screen and (max-width: 680px) {
	/*#logo{
		float: none;
		position: absolute;
		z-index: 1;
		left: 50%;
		margin-left: -135px;
		top: 100px;
	}*/
	/*#nav-button a{
		left: 20px;
	}*/
	#nav-button a{
		left: 20px;
		top: 20px;
	}
	#tools{
		padding: 20px;
	}
	#menuBar{
		right: 20px;
	}
	#get-jobs{
		right: 70px;
	}
	#logo img,#nav-button a{
		/*width: 270px;
		height: auto;*/
		height: 60px;
	}
	
	/*.footer-contact,#footer nav{
		font-size: 1rem;
		text-align: center;
		padding-top: 30px;
		padding-bottom: 50px;
	}*/
	
	#cookie-consent div span:last-of-type{
		display: none;
	}
}
@media screen and (max-width: 550px) {
	.footer-tools ul li {
	    float: none;
	    padding: 10px 0 0 0;
	}
	.footer-tools ul li:after{
		display: none;
	}
	.footer-tools ul li:before{
		content: "- ";
		display: inline;
		vertical-align: middle;
	}
	
	/*#subscribeForm{
		top: 80px;
	}*/
	#cookie-consent div,#cookie-consent div:first-of-type, #cookie-consent div:last-of-type{
		width: 100%;
		padding: 0;
		text-align: center;
	}
	#cookie-consent{
		font-size: 0.75rem;
	}
	#cookie-consent button {
	    height: 20px;
	    line-height: 20px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	/*#jobs_list{
		position: relative;
	}
	#job_details{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: auto;
	}*/
	article.job header div, #jobs_list ul li div article.job header div,article.job header div:first-of-type , #jobs_list ul li div article.job header div:first-of-type, article.job header div:last-of-type, #jobs_list ul li div article.job header div:last-of-type {

    display: block;
    width: 100%
	}
	article.job header div:last-of-type{
		text-align: right;
	}
	#jobs_list ul li {
    	padding: 10px;
	}
}
@media screen and (max-width: 500px) {
	html,body{
		font-size: 90%;
	}
	#navigation ul{
		padding-top: 150px;
	}
	#pageBanner{
		padding-bottom: 300px;
	}
	#pageBanner.team-banner{
		padding-bottom: 250px;
	}
	.title-wrap.default {
    	margin-top: 190px;
	}
	.title-wrap h1, .search-title {
    	font-size: 1.75rem;
	}
	main .content #teamTiles li.tile{
		width: 100%;
		padding-bottom: 100%;
	}
	.content,.content.flex-container,.widgets-wrapper2 aside,.widgets-wrapper2 aside:first-of-type a:last-of-type,
	 .widgets-wrapper2 aside:last-of-type a:last-of-type,.widget_wrapper_fw aside,.widget_wrapper_fw aside a:last-of-type,#reviews,#footer,.title-wrap.default,
	 .mailer-content-1,.mailer-content-2{
		padding-left: 10px;
		padding-right: 10px;
	}
	.title-wrap.jobstitle{
		padding-left: 20px;
		padding-right: 10px;
	}
	.title-wrap.hometitle{
		padding-left: 22%;
		padding-right: 10px
	}
	.buttons {
    	left: 10px;
    	right: 10px;
	}
	fieldset div {
	    display: block;
	    width: 100%;

	}
	#tools{
		padding: 10px;
	}
	#nav-button a{
		left: 10px;
		top: 10px;
	}
	
	#menuBar{
		right: 10px;
		top: 20px;
	}
	#get-jobs{
		right: 60px;
		top:20px;
	}
	#subscribeForm{
		top: 15px;
	}
	#pageBanner.has-jobsearch {
	    padding-bottom: 210px;
	}
	#show-jobsearch{
		height: 35px;
		line-height: 35px;
	}
	 .bannerWrapper.hideThis{
	 	margin-top: -180px;
	 }
	 #siteHeader.jobs-header{
	 	height: 180px;
	 }
	 #siteHeader.hideThis{
	 	top: -180px;
	 }

	/*.tile-thumbnail {
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	}*/
	
}
@media screen and (max-width: 470px) {
	#get-jobs {
	    /*right: 20px;
	    top:80px;*/
	    font-size: 12px;
		padding-right: 5px;
		padding-left: 5px;
		width: 62px;
		line-height: 1.1;
	}
	#get-jobs span{
		display: none;
	}
	/*#get-jobs.open span{
		display: block;
	}*/
	/*#get-jobs.open{
		width: auto;
		padding-right: 30px;
	}*/
}
@media screen and (max-width: 400px) {
	a[href$='.pdf'],a[href$='.xls'], a[href$='.xlsx'],a[href$='.doc'], a[href$='.docx'],a[href$='.ppt'],a[href$='.zip'],a[href$='.txt'],a[href$='.rtf'],a[href$='.xml'],a[href$='.csv'],a[href$='.png']  {

	background-size: 50px auto;
	padding-left: 55px;
	height: 80px;
	line-height: 1.3;
	/*line-height: 80px;*/
	}
	#logo {
    	position: relative;
    	top: 5px;
	}
	#logo img,#nav-button a{
		height: 50px;
	}



}
/*@media screen and (max-width: 350px) {
	a[href$='.pdf'],a[href$='.xls'], a[href$='.xlsx'],a[href$='.doc'], a[href$='.docx'],a[href$='.ppt'],a[href$='.zip'],a[href$='.txt'],a[href$='.rtf'],a[href$='.xml'],a[href$='.csv'],a[href$='.png']  {
	background-position: left top;
	height: 80px;
	
	}

}*/

@media print{
	@page {size: 80%}

	body{
		font-size:60%;
		background-color: #FFF;
	}
	.noprint, #footerNav,#copy::before{
		display: none !important;
	}
	 #navigation{
	 	visibility: hidden;
	 }
	 #copy{
	 	color: #013F57;
	 }
	
}

/*--- carousel stuff ---*/
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}