/*-------------------------------------- Vincent CSS --------------------------------------*/
@font-face {
  font-family: 'Suti';
  src: url('../../../../fonts/suti-webfont.eot');
  src: url('../../../../fonts/suti-webfont.eot?#iefix') format('embedded-opentype'),
       url('../../../../fonts/suti-webfont.woff2') format('woff2'),
       url('../../../../fonts/suti-webfont.woff') format('woff'),
       url('../../../../fonts/suti-webfont.ttf') format('truetype'),
       url('../../../../fonts/suti-webfont.svg#Suti') format('svg');
  font-weight: normal;
  font-style: normal;
}

.hide{
	display:none;
}
.center{
	text-align:center;
}

.game-content{
	font-size:1.2em;
	line-height:12px;
}

h1 {
	letter-spacing:-1px;
}
.top_social{
	width:30px;
	height:40px;
	float:right;
	padding-top:20px;
}
.top_social ul {
	list-style-type: none;
	float:right;
}
.top_social ul li{
	display:inline;
	padding:4px 0 4px 22px;
	margin-left:8px;
}
.top_twitter{
	background:url(../../../../images/top_social.png) 0 3px no-repeat;
	cursor:pointer;
}
.top_facebook{
	background:url(../../../../images/top_social.png) -30px 3px no-repeat;
	cursor:pointer;
}
.top_linkedin{
	background:url(../../../../images/top_social.png) -60px 3px no-repeat;
	cursor:pointer;
}
li.top_line{
	background:url(../../../../images/top_separ.png) 7px 0 no-repeat;
}
li.top_search{
	background:url(../../../../images/top_social.png) -90px 3px no-repeat;
	cursor:pointer;
}
ul#results { border: 2px ridge maroon; background-color: #ffffcc; padding: 0.25em 1.5em; margin-left: 0; }
li.pass { color: #006400; }
li.fail { color: #dc143c; text-decoration: line-through; }

.searchWrapper{
	overflow-y: scroll;
}
.searchWrapper .content{
	margin-top:140px;
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.mobileinput{
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#EEE;
	padding:8px;
	height:24px;
	margin-bottom:22px;
}
.searchcancel {
	float: right;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:80px;
	background-color:#ddd;
	text-align:center;
	height:24px;
	cursor:pointer;
}
.inputsearch{
	color:red;
	font-size:5em;
	font-weight:bold;
	text-transform: uppercase;
	background: transparent;
    border:none;
	outline: none;
}
.legendsearch {
	font-size:1.2em;
	background:url(../../../../images/xcross.png) top right no-repeat;
	cursor:pointer;
}
.legendsearch i{
	font-size:.8em;
}

.sresults{
	margin-top:16px;
}
.sresults a{
	color: black;
}
.sresults a:hover{
	color: gray;
}
.sresults ul{
	width:31%;
	float:left;
	margin-left:5px;
	margin-right:15px;
}
.sresults li h4{	
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1em;
	border-bottom:#000 solid thin;
	margin-bottom:10px;
}
.sresults ul li{
 	float:left; 
	height:auto;
	margin-bottom:10px;
	width:96%;
	background-color:#DDD;
	padding:8px;
	display:inline-block;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.sresults ul li img{
	float:left;
	padding:0;
	margin:0 16px 0 0;
}
.resimg {
	float:left;
}
.restext{
	float:right;
	margin-left:10px;
	text-wrap:normal;
}
.sresults ul li h5{
	margin:0;
	padding:0;
	display: inline-block;
}
.sresults ul li b{
	color:red;
}
.viewall {
	float:right;
	color:red;
	font-size:13px;
	cursor:pointer;
	font-weight:normal;
} 
.span6 .clear{
	margin:0;
	padding:0;
	width:100%;
	clear:both;
	height:20px;
	color:green;
}
.span6 h4{
	font-family:MetaOTMedi; 
	font-size:1.4em;
	font-weight:normal;
	color:#00727c;
	font-style:normal;
	margin-bottom:10px;
	margin-top:10px;
}
.readmore {
	font-style:normal;
	font-weight:bold;
	text-align:center;
	padding-right:10px;
	padding-bottom:16px;
}
.readmore a{
	color:#00727c;
	background:url(../../../../images/read_down.png) right 8px no-repeat;
	padding-right:16px;
}
.readmore a:hover{
	color:#00727c;
	background:url(../../../../images/read_down.png) right -8px no-repeat;
}
.readmore a.up{
	color:#00727c;
	background:url(../../../../images/read_up.png) right 8px no-repeat;
}
/* jobvite */
.jobsblock{
	margin-top:40px;
	margin-left:100px;
}
.jobdescription{
	display:none;
	margin-top:10px;
	margin-bottom:16px;
	padding:16px 42px 20px 42px;
	color: #555;
	width:85%; 
	background-color: white;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.jobdescription h3{
	font-size:1em;
	color: #444;
}
.jobdescription ul li{
	font-size:12px;
}
ul.jobsfull li .jobdescription ul li{
	border:none;
	padding:1px 0;
}

ul.jobs{
	margin: 0 0 8px;
    padding: 2px 0 0 28px;
	background:url(../../../../images/jobs_g.png) left top no-repeat;
}
ul.jobs li {
	margin: 0;
	padding: 0;
}
ul.jobs li a.linkdescription{
	color: #444;
	font-weight:normal;
}
ul.jobsfull {
	margin:0 24px;
}
/*
ul.jobsfull li:hover{
	cursor: pointer;
} */
ul.jobs li a.linkdescription:hover{
	color: #ed2e24;
}

ul.jobsfull li a.linkdescription{
	color: #444;
	font-weight:normal;
}

li.jobsTitle{
	font-size:1.2em;
	padding-bottom:8px;
	padding-top:10px;
}
ul.jobsfull {
	margin-bottom:34px;
}
ul.jobsfull li{
	font-size:1em;
	margin:0;
	padding-top: 3px;
	border-bottom: 1px solid #eee;
	padding-bottom: 3px;
}

ul.jobsfull li:not(.jobsTitle):hover{
	/* background-color:#EEE; */
}
/*
.site-header{
  height: 530px;
} */
.inside-header{
  height: auto;
  width:100%;
  background-color: #FFF;
}
/*
.wrapper-home-prefooter{
	padding-top:76px;
}*/

.row{
	width:100%;
	display:inline-block;
	clear:both;
}

.clear{
	width:100%;
	clear:both;
} 
.genericbanner {
	position: relative;
	width:100%!important;
	height:200px;
	overflow: hidden;
	text-align: center;
  	top:63px;
  	margin: 0 auto;
  	margin-bottom: 63px;
	float:left;
}
.subcatsmenu{
	margin-top:140px;
	margin-left:auto;
	margin-right:auto;
	height:42px;
}
.span421cols .imgcontainer img{
	margin:16px;
	display: inline-block;
}
.responsibility .span421cols {
	height:175px;
	margin-bottom:6px;
}
.imgcontainer:hover {
	cursor:pointer;
}

.jobs_new .span421cols h5{
  color: #f17820!important;
}
.responsibility .span421cols h5{
	display:inline-block;
	font-size:1.2em;
	color:#109ba9;
}

.subcatsmenu .subitem { 
  display: inline-block;
  height: 42px;
  margin:0;
  width: 150px; 
	padding:0;
	border:solid #FFFFFF 2px; 
 	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px; 
	margin-right:-8px;
} 
.subitem.active{
	background-color: white;
	color:red;
}

/*
::selection {background:none;}
::-moz-selection {background:none;} 
*/
.subcatsmenu .subitem a {
    display: block;
	text-decoration: none;
    color: #FFF; 
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}
.subitem.active a{
	color:red;
}
.subcatsmenu .subitem a:hover {
    color: #222;
}
a:hover, a:visited, a:link, a:active{
    text-decoration: none;
}
button::-moz-focus-inner {
  border: 0;
}
a:active { 
  outline: none;
}
.board{
  background-color: #FFF;
}
.readMoreBlock{
	display:none;
}
.extrainfo {
	text-align:right;
	float:right;
	display:inline-block;
	cursor:pointer;
}
.extrainfo a{
	color: #666;
}
.filterJobs ul {
	padding:0;
	margin:0 0 40px 0;
}
.filterJobs ul li{
	display:inline;
	margin-right:30px;
}
.filterJobs ul li a{
	color:gray;
}
.filterJobs ul li a:hover, .filterJobs ul li a.active, a.extrainfo:hover {
	color:orange;
}
.resetSelectors{
	float:right;
	cursor:pointer;
	display:none;
}
.resetSelectors:hover{
	color: red;
}
 
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.section.group {
	/* padding-left:40px; */
}
.section.two_columns {
	margin-top:20px; 
}
.span321cols {
	width: 33.3333%;
	text-align:center;
} 

.span1cols{
  width: 100%!important;
	margin:0 auto!important;
	padding:0!important;
}

.span2cols{
	width: 40%;
	margin:0 auto;
	padding:0 0 0 5%;
}
.span321cols.awards{
	height:460px;
}
.span321cols.awards h1 p{
	color:#666666;
	font-size:1em;
}
.span321cols.awards p{
	text-transform:uppercase;
	color:#838383;
	font-size:.9em;
	letter-spacing: 1px;
}


.fullrow{
	margin-right:auto;
	margin-left:auto;
	background-color:#109ba9;
	float:left;
	padding-top:40px;
	position:relative;
  width:95%!important;
}
.fullrow.newjobs{
  
  background-color: #f17820!important;
}

}

.fullrowteam{
	margin-right:auto;
	margin-left:auto;
	float:left;
	position:relative;
	padding:0 50px 0 50px;
	height:484px;
}

.arrowtopteam{
	position:absolute;
	top:-5px;
	left:48%;
	background: url(../../../../images/arrowtopteam.png) 0 0 no-repeat;
	width:40px;
	height:20px;
}

.turquoise{
	color:#4298a6;
}
.bluearrow{
	position:absolute;
	top:-15px;
	left:48%;
	background: url(../../../../images/bluearrow.png) 0 0 no-repeat;
	width:40px;
	height:20px;
}
.bluearrow.orangearrow{
	background: url(../../../../images/orangearrow.png) 0 0 no-repeat!important;
}
/*
.fullrow img{
	margin-right:50px;
	margin-left:70px;
	float:left;
}
.blockteam{
	float: left;
	width:45%;
	padding-top:120px;
	text-align:center;
	color:white;
} */
.fullrowteam img{
	margin-right:50px;
	margin-left:70px;
	float:left;
}
.blockteam{
	float: left;
	width:45%;
	padding-top:120px;
	text-align:center;
	color:white;
}
.blockteam h4{
	font-size:3.8em;
	font-family:Suti;
	color:#096274;
	padding-bottom:16px;
}
.blockteam h5{
	font-size:1.2em;
	color:#096274;
	padding-bottom:32px;
}
.belowimg{
/*	background-color:#109ba9; */
	padding-top:10px;
	padding-bottom:10px;
	color:white;
}
.teamfull {
	background: #FFF url(../../../../images/bkteam_1.png) 0 44px repeat-x;
}
.teamfull .spec-title-1 {
	margin-top: 53px;
	margin-bottom: 2px;
}
.teamfull .spec-title-2 {
	margin-bottom: 0;
}
.suti {
	font-size:24px;
	font-family:Suti,Arial; 
}
.headspace{
	margin-top:10px;
}
.team{
	text-align:center;
	cursor:pointer;
	height:325px;
	position:relative;
}
.teamimg{
	position:relative;
	height:264px;
}
.teamimg img{
	padding-top:4px;
}
p.subline {
	font-size:13px;
}
.content_post{
	background-color:red;
}
.column{
	width: 47%;
	float: left;
	padding:0 10px;
	font-size: 15px;
    line-height: 22px;
}
.dna p{
	padding:0 54px;
}
.dna {
	padding-bottom:20px;
	min-height:410px;
}

.companiesrow{
	width:100%;
	float:left;
	background-color:none;
}

.even {
	background-color:#e8f3f6;
}
.centralcompanies {
	max-width: 1180px;
	margin:0 auto;	
}
.companies {
	min-height:268px;
	padding-bottom:0px;
	color:#666666;
	margin-top:4px;
}
.companies h4 {
	color:#777;
	font-style:italic;
	font-size:1.2em;
}
.companies p{
	padding:0 54px;
}
.journey {
	padding-bottom:0px;
	margin-bottom:75px;
	color:#096274;
	height:341px;
}
.journey .imgcontainer{
	text-align:center;
	height:252px;
}
.journey h4 {
	padding-top:36px;
	font-family: Suti, Arial;
	color:#096274;
	font-style:italic;
	font-size:2.3em;
  	font-weight: normal;
}
.journey:nth-child(4),.journey:nth-child(4) h4,.journey:nth-child(5),.journey:nth-child(5) h4,.journey:nth-child(6),.journey:nth-child(6) h4,.journey:nth-child(10),.journey:nth-child(10) h4,.journey:nth-child(11),.journey:nth-child(11) h4,.journey:nth-child(12),.journey:nth-child(12) h4 {
	color:#FFFFFF;
}
.journey p{
	padding:0 54px;
	line-height: 1.2em;
}
.posts_area{
	display:inline-block;
	padding:10px 0;
	width:100%;
	float:left;
}
.cyan{
	background-color:#e8f3f6;
}
.posts_area .suti{
	margin-top: 16px;
	margin-bottom: 16px;
	color: #00727b;
	font-size:2.4em;
}
.center_area{
	margin: 0px auto 32px auto; 
	max-width: 1180px;
	display: block; 
}
.cyan{
	background-color:#e8f3f6;
}
.white-container{
	display:inline-block;
	width:100%;
}
.white-container.companies{
	/* background:url(../../../../images/bkcompanies.gif) top left repeat-x; */
}
.journey-container{
	background:url(../../../../images/bkline3journey.png) top left repeat-x;
/*	display:inline-block; */
	width:100%;
	float:left;
}
 h4.responsibility{
	text-align:center;
	font-size:2.2em;
	color:#00727c;
	text-shadow:none;
	margin:10px 0;
  	font-weight: normal;
}
.responsibility .fullrow{
	padding:20px 2.5%;
	width:auto;
	color:#FFFFFF;
	margin-top:16px;
}
.responsibility .fullrow p{
	margin:0px;
}
/*  GROUPING  ============================================================================= */

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
/*	background-color:#f4fafa; */
	
}

img {
	padding:0;
	margin:0;
}


/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.minmenu, #nav-iconh {
	display:block;
	width:44px;
	float:left;
	display:none;
}
.minmenu a {
	display: block;
	background:url(../../../../images/ham-menu.png) 50% 50% no-repeat;
	height:63px;
}

#joblist img{
	display:inline-block;
	padding:40px 0;
	margin-left:48%;
}

.jobselectors{
	float:left;
	width:100%;
	padding:20px 0 40px 0;
}
.jobselector { 
	width:90%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.jobselector select{
	font-size:14px;
	color:red;
	width:20%;
}
.jobselector label{
	display:inline-block;
	margin-right:6px;
	font-weight:bold;
}
.careersmenu{
	width:100%;
	background-color:#f17820;
	height:48px;
	float:left;
}
.careersmenu ul {
	width:80%;
	margin:0 auto;
	text-align:center;
	padding-top:14px;
}
.careersmenu li {
	display: inline;
	list-style-type: none;
	padding-right: 48px;
}
.careersmenu li a{
	color:#FFF;
}
.careersmenu li a:hover{
	color:#000;
}
.generalteam{
	 padding:0;
	 width:100%;
   }
/*
.companies .row:nth-child(1),.companies .row:nth-child(2){
		background-color:#e8f3f6;
	}
*/

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}
  
/*  GRID OF TWO   ============================================================================= */

.inside_post {
	padding-left:10%;
	padding-right:10%;
}
.span6 img{
	display: block;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1280px) {
	.sresults ul{
		width:46%;
	 }

	ul.jobsfull li{
		padding:8px 0;
	}
	.searchWrapper .content {
		margin-top: 76px;
		width: 80%;
	}
}

@media only screen and (max-width: 940px) {
  .arrowtopteam{
	top:-8px;
  }
  .fullrowteam{
	background-color:#67c3d2; 
   }
  .fullrowteam img{
	margin-right:20px;
	margin-left:0px;
	float:left;
  }
  .blockteam h4 {
	  font-size:3em;
  }
  h4.responsibility{
	margin-top:24px;
  }
  .teamfull{
	  background:none; 
  }
  .belowimg {
	  background-color:#109ba9;
  }
  .navbar .brand{
    position:absolute;
    display:block;
    left:44%;
  }
	#menu-mainmenu, .second-nav{
		display:none;
	}
  #nav-iconh{
    display:block;
  }
	.minmenu {
		display:block;
		float:left;
	}
  .lastbrandabout{
    width: 100%!important;
  }
	.span321cols{
		width: 50%;
	}
  .span321cols.last-of-odds{
    width: 100%;
  } 
	.white-container{
		background:none;
	}
	.companies {
		margin-top:0px;
		padding-top:4px;
		padding-bottom:0px;
	}
/*	.companies:nth-child(3),.companies:nth-child(4),.companies:nth-child(7),.companies:nth-child(8){
		background-color:#e8f3f6;
	} */
	.journey:nth-child(3),.journey:nth-child(3) h4,.journey:nth-child(4),.journey:nth-child(4) h4,.journey:nth-child(7),.journey:nth-child(7) h4,.journey:nth-child(8),.journey:nth-child(8) h4,.journey:nth-child(11),.journey:nth-child(11) h4,.journey:nth-child(12),.journey:nth-child(12) h4 {
	color:#FFFFFF;
} 

.journey:nth-child(5),.journey:nth-child(5) h4,.journey:nth-child(6),.journey:nth-child(6) h4,.journey:nth-child(9),.journey:nth-child(9) h4,.journey:nth-child(10),.journey:nth-child(10) h4,.journey:nth-child(13),.journey:nth-child(13) h4,.journey:nth-child(14),.journey:nth-child(14) h4 {
	color:#096274;
}

}
@media only screen and (max-width: 720px) {
	.column{
		width:44%;
		margin-right:16px;
	}
	.center_area{
		max-width:6000px;
	}
	.fullrowteam {
		padding: 10px 10px;
	}  
	.sresults ul{
		width:96%;
	 }
}

@media only screen and (max-width: 640px) {
	.searchWrapper .content {
		margin-top: 60px;
		width: 85%;
	}
	
	.column{
		margin-right:16px;
		margin-top:10px;
		width:100%;
	}
	.companies{
		margin-bottom:20px;
	}
	.span321cols{
		width: 100%;
	}
	.fullrowteam img{
	  display:none;
   }
  .blockteam {
  	padding-top: 24px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
  }
  .blockteam h5 {
	  padding-bottom:24px;
  }
 .fullrowteam {
	padding-left:32px;
	height:auto;
  }

.journey-container{
		background:none;
	}
	.journey {
		padding-bottom:10px;
		margin-bottom:15px;
		color:#FFFFFF;
		height:378px;
		float:left;
	}
	.journey:nth-child(n) h4{
		color:#FFFFFF;
	}
	.journey:nth-child(odd) .textblock{
		background-color:#d4ebef;
		color:#096274;
	}
	.journey:nth-child(odd) .textblock h4{
		color:#096274;
	}
	.textblock:nth-child(n){
		background-color:#4fa3b2;
		color:#FFFFFF;
	}
	.careersmenu ul {
		width:100%;
	}
	.careersmenu li {
		padding:0 14px;
	}
	.jobselector select {
		width:80%;
		margin:0 20% 0 10%;
	}
	.jobdescription {
		padding:0 6px 8px 16px;
		width:96%;
	}
	ul.jobsfull {
		margin-right: 24px;
	}
	ul.jobsfull li:not(.jobsTitle):hover{
		background-color:white;
	} 
	.white-container .companies:nth-child(even) { 
		background-color:#e8f3f6;
	}
	
	
}
@media only screen and (max-width: 528px) {
	.careersmenu{
		height: auto;
	}
	.careersmenu ul {
		padding:10px 0;
		width:100%;
		margin:0;
	}
	.careersmenu li {
			display: block;
			list-style-type: none;
			width:90%;
			margin:0 auto;
			padding:4px 0;
		}
}
@media only screen and (max-width: 480px) {
	
	a.linkdescription {
		display:block;
		width:100%;
	}
	.extrainfo{
		display:block;
		float:left;
		text-align:left;
		width:100%;
		font-style:italic;
		margin-bottom:6px;
	}

	.col.span6 {
		width: 100%; 
	}
	.span321cols{
		width: 100%;
	}
  .fullrowteam {
	padding:20px 0 32px 24px;
  	height:auto;
	margin-top: -6px;
  }
  .arrowtopteam{
  	 display: none;
   }
  
	.spec-title-2 {
	  font-size:24px;
	  line-height:24px;
	}
		
	.companies p {
		line-height: 1.6em;
	}
	.companies{
		padding-top:0px;
		padding-bottom:0px;
		margin-bottom:0px;
		margin-top:0px;
	}
	.responsibility .fullrow{
		padding:20px 3%;	
	}
	.journey-container{
		background:none;
	}
	.journey {
		padding-bottom:10px;
		margin-bottom:15px;
		color:#FFFFFF;
		height:390px;
	}
	.journey:nth-child(n) h4{
		color:#FFFFFF;
	}
	.journey:nth-child(odd) .textblock{
		background-color:#d4ebef;
		color:#096274;
	}
	.journey:nth-child(odd) .textblock h4{
		color:#096274;
	}
	.textblock:nth-child(n){
		background-color:#4fa3b2;
		color:#FFFFFF;
	}
/*
	.careersmenu{
		height: auto;
	}
	.careersmenu ul {
		padding:10px 0;
		width:100%;
		margin:0;
	}
	.careersmenu li {
		display: block;
		list-style-type: none;
		width:90%;
		margin:0 auto;
		padding:4px 0;
	}*/
	.jobdescription { 
		width:93%;
	}
	ul.jobsfull li {
		border:none;
	}
	ul.jobsfull li a.linkdescription {
    	color: red;
	}
	#location, #category{
		font-size: 16px;
	}
	ul.jobsfull {
		margin: 0 2px;
		padding:0 2px;
	}
	ul.jobs li {
   	 	margin: 8px 0;
		display: block;
	}
	ul.jobs{
		background-position:left 4px;
	}

}