/* Layout */
html, body { height:100%; color:#535658; font-size:14px; font-family:'Benton Sans Light'; background:#EEEEEE; }
.content { width:100%; padding:0 20px; margin:auto; }
.content.history-content { width:100%; }
.edge-content { width:100%; max-width:1210px; margin:auto; }
.page { min-height:100%; padding-bottom:55px; padding-top:108px; position:relative; }
.greybg { background:#EEEEEE; }
.lightgreybg { background:#F6F6F7; }
.whitebg { background:#FFFFFF; }
.clear { clear:both; }
h1 { margin-top:0; font-family:'Benton Sans Ext Light'; font-weight:normal; font-size:26px; line-height:1.2em; }
h3 { font-size:18px; line-height:1.2em; font-weight:normal; }
strong { font-family:'Benton Sans'; font-weight:400; }
a { color:#3EB1C8; }
a:hover { text-decoration:none; cursor:pointer; }
.relative { position:relative; }
ul, ol { padding-left:15px; }
ul li, ol li { margin:5px 0; }
::selection { background:#9adbe8; }
::-moz-selection { background:#9adbe8; }
img[usemap] {
border: none;
height: auto;
max-width: 100%;
width: auto;
}
/* Loader */
.loader-overlay { position:fixed; width:100%; height:100%; background:#FFF; z-index:9999; }
.loader-overlay .loader { position:absolute; top:50%; left:0; width:100%; text-align:center; margin-top:-73px; }
/* Header */
.header { position:fixed; top:0; left:0; width:100%; height:74px; background:#FFF; line-height:74px; z-index:1000; }
.header .logo img { width:70px; }
.header .careers_logo { display:none; }
/* Menu Bar */
#nav { float:right; list-style:none; margin:0; padding:0; display:none; margin-top:20px; }
#nav li { margin:0; padding:0; float:left; position:relative; }
#nav li.globalmaptouch { display:none; }
#nav li a { display:block; height:34px; line-height:34px; padding:0 13px; color:#535658; }
#nav li a:hover { color:#3EB1C8; }
#nav li ul { list-style:none; margin:0; padding:5px 14px 5px 14px; display:none; position:absolute; top:44px; left:-14px; background:rgba(255,255,255,0.95); z-index:10; width:230px; }
#nav li ul .offices-nav { border-top:1px solid #EEEEEE; }
#nav li ul li { padding:5px 0; display:block; width:100%; }
#nav li ul li a { line-height:20px; height:auto; display:block; width:100%; }
#nav li a.togglesearch { padding-right:0; }
#nav li a.togglesearch .icon-close { display:none; }
#nav li a.careerstogglesearch { display:none; }
.careers #nav li a { padding:3px; font-size:15px; }
.mobile-menu-button { float:right; }
.mobile-menu-button img { width:23px; }
.mobile-menu-button img.closer { display:none; }
.mobile-menu { position:fixed; top:0; padding-top:74px; left:0; width:100%; z-index:999; display:none; height:100%; overflow:scroll; }
.mobile-menu .mobile-nav { list-style:none; margin:0; padding:0; }
.mobile-menu .mobile-nav li { margin:0; padding:0; }
.mobile-menu .mobile-nav li a { display:block; background:#EEEEEE; border-bottom:1px solid #FFF; color:#545759; padding:4px 15px; font-size:18px; }
.mobile-menu .mobile-nav li a.hover { background:#545759; color:#FFFFFF; }
.mobile-menu .mobile-nav li ul { list-style:none; padding:0; margin:0; display:none; }
.mobile-menu .mobile-nav li ul li a { background:#545759; color:#FFFFFF; }
.mobile-menu .mobile-search { background:#BCBBBA; padding:4px 15px; }
.mobile-menu .mobile-search .mobile-search-term { display:block; float:left; border:none; -webkit-appearance:none; border-radius:0; background:#BCBBBA; color:#8A8B8C; font-size:18px; padding-left:0; }
.mobile-menu .mobile-search .mobile-search-submit { display:block; float:left; width:18px; border:none; border-radius:0; background:#BCBBBA url('../imgs/search.svg') center center no-repeat; line-height:30px; }
/* Actions Bar */
.action-bar { /*display:none;*/ background:#F6F6F7; min-height:36px; line-height:36px; position:fixed; color:#545759; top:74px; left:0; width:100%; z-index:997; }
.action-bar.no-fix { position:absolute; }
.action-bar .left { float:left; }
.action-bar .right { float:right; }
.action-bar a { color:#545759; }
.action-bar .nav-arrow { display:inline-block; margin-left:20px; padding-left:5px; }
.action-bar .nav-arrow.dead { opacity:0.5; pointer-events:none; }
/* Filters */
.filters { /*display:none; background:#F6F6F7;*/ /*display:block!important;*/ }
.filters .col-headings { border-bottom:1px solid #FFF; }
.filters .td { padding-right:15px; }
.filters a { color:#BBBAB9; float:left; clear:left; position:relative; }
.filters a img { display:none; }
.filters a:hover { color:#545759; }
.filters a.on { color:#3EB1C8; }
.filters a.on img { display:block; position:absolute; top:9px; left:-15px; }
.filters .col-data { line-height:1.4em; padding:10px 0; border-bottom:1px solid #BBBAB9; }
.filters #reset-tag, .filters #reset-tag-news, #reset-tag-people { float:right; }
.filters #reset-tag img, .filters #reset-tag-news img, .filters #reset-tag-people img { display:block; position:absolute; top:3px; left:-25px; }
.filters a.dead { color:#DEDDDC; pointer-events:none; }
.filters .project-filters-right { position:relative; height:100%; }
.filters .bottom { position:absolute; bottom:0; right:0; display:none; }
.filters .bottom a { display:inline-block; clear:none; margin-left:3px; }
.filters .bottom img { display:inline-block; }
.filters .div0, .filters .div4, .filters .div5 { display:none; }
.filters .td.col-sm-2.jt { display:none; }
/* Home */
.hero { height:350px; margin-top:-50px; position:relative; }
.hero .scroll-down { background:#000; color:#FFF; display:block; position:absolute; bottom:10px; left:50%; width:140px; margin-left:-70px; font-szie:16px; text-align:center; border-radius:3px; }
.hero .scroll-down img { display:inline-block; }
#home-grid .intro { background:#545759; color:#FFF; font-size:22px; padding:10px; height:auto; }
#home-grid .intro span { margin-bottom:10px; display:block; }
#home-grid .intro span.morder, #home-grid .intro span.special { display:none; }
#home-grid .intro .name2 { padding-bottom:30px; }
#home-grid .intro p { margin-top:0;padding-bottom:30px; }
#home-grid .intro span.bottom { font-size:16px; position:absolute; bottom:0; left:10px; }
#home-grid { margin-top:2px; }
/* News */
/*#news-grid { max-width:1210px; margin:auto; }*/
.news-article { background:#FFF; width:100%; }
.news-article.right { background:#54585A; color:#FFF; }
.news-article .image-frame { width:100%; overflow:hidden; }
.news-article.left .image-frame { float:right; }
.news-article .image-frame img { width:100%; }
.news-article .text-area { float:left; width:100%; padding:20px; position:relative; }
.news-article.right .text-area { float:right; }
.news-article .text-area h1 { width:80%; }
.news-article.right .text-area h3 { color:#8A8B8C; }
.news-article .readmore { display:inline-block; background:#BBBCBC; border-radius:5px; padding:2px 10px; font-size:13px; color:#545759; }
/*.news-article.right .readmore { background:#797e7b; color:#B7B7B8; }*/
/* News Page */
.news-title { background:#54585A; padding:30px 0; color:#939393; }
.news-title strong { color:#FFF; }
/* Projects */
.project { background:#54585A; color:#FFF; /*margin:2px 0;*/ }
.project .project_left { width:100%; margin-right:33px; padding:20px; }
.project .readmore { display:inline-block; /*background:#BBBCBC; border-radius:5px; padding:2px 10px;*/ color:#9ADBE8; font-family:'Benton Sans Ext Light'; }
.project .project_read_more { display:none; margin-top:18px; }
.project .project_read_more p:first-child { margin-top:0; }
.project .project_right { width:100%; background:#BBBCBC/*#54585A*/; padding:20px;color:#FFF; }
.project .project_right a { color:#FFF; }
.project .project_right a.on { color:#DDD; }
.project .project_right a span { color:#FFF; }
.order-by .on { color:#3EB1C8; }
.content.project_gal { padding:0; }
#cycler {position:relative;}
#cycler img {position:absolute;z-index:1}
#cycler img.active {z-index:3}
.project_images .col-xs-12 { margin-bottom:2px; }
.project_images .col-xs-6 { width:50%; margin-bottom:2px; overflow:hidden; }
.project_images .col-xs-6.left { padding-right:0; padding-right:1px; }
.project_images .col-xs-6.right { padding-left:0; padding-left:1px; }
/* Related Team */
.related-team { background:#54585A; padding:10px 0; color:#FFF; }
.team-roll .image-frame { height:55px; width:55px; float:left; border-radius:100%; overflow:hidden; margin-right:10px; margin-top:5px; }
.team-roll .image-frame img { width:55px; }
.team-roll a { color:#FFF; font-family:'Benton Sans Ext Light'; font-size:16px; }
.team-roll .title { padding-left:65px; }
.team-roll strong { font-family:'Benton Sans'; font-weight:bold; }
/* Default Text Page */
.default { background:#EEEEEE; padding-bottom:130px; }
.default .default_left { width:100%; margin-right:33px; float:left; }
.default .default_right { width:100%; float:left; }
.default .default_right .item { display:block; margin-bottom:2px; width:100%; }
/* People Page */
.people { }
.people .people_left { width:100%; margin-right:33px; }
.people .people_right { width:100%; text-align:right; }
.people .people_right .s4 { width:100%; }
/* Offices */
.offices { }
.offices .offices_left { width:100%; float:left; }
.offices .offices_right { width:100%; height:280px; float:left; }
.offices #offices_full { width:100%; height:650px; }
.offices .offices_left h1 { padding-top:38px; }
.offices .offices_left p { margin:10px 0; }
.offices .offices_left .line { height:1px; overflow:hidden; width:100%; background:#FFF; margin:20px 0; }
.offices .offices_left .reg_dir { padding:10px 0; }
.offices .offices_left .reg_dir .picture_frame { height:55px; width:55px; float:left; border-radius:100%; overflow:hidden; margin-right:10px; }
.offices .offices_left .reg_dir .picture_frame img { width:55px; }
.offices .offices_left .reg_dir p { float:left; margin-top:5px; }
.get-in-touch { width:100%; padding:20px 0 40px 0; background:#FFF; position:relative; }
.get-in-touch .input, .get-in-touch textarea { display:block; background:#F6F6F7; border:none; padding:5px; }
.get-in-touch .input.error, .get-in-touch textarea.error { background:#F6F6F7 url('../imgs/warning.svg') top 10px right 5px no-repeat; }
.get-in-touch .title { width:100%; margin-top:1px; }
.get-in-touch .forename { width:100%; margin-top:1px; }
.get-in-touch .surname { width:100%; margin-top:1px; }
.get-in-touch .phone { width:100%; margin-top:1px; }
.get-in-touch .email { width:100%; margin-top:1px; }
.get-in-touch textarea { width:100%; height:150px; margin-top:1px; }
.get-in-touch .opt { color:#BBBAB9; float:left; display:block; padding-left:17px; background:url('../imgs/radio-off.svg') left center no-repeat; margin-right:15px; margin-bottom:5px; cursor:pointer; }
.get-in-touch .opt.on { color:#3EB1C8; background:url('../imgs/radio-on.svg') left center no-repeat; }
#department-opt { display:none; }
.get-in-touch .submit { float:left; clear:left; margin-top:25px; color:#FFF; background:#70DAD3; border:none; padding:5px 15px; position:absolute; bottom:-35px; left:15px; }
.get-in-touch .submit.dead { background:#BCBBBA; }
.get-in-touch .line { border-top:1px solid #F6F6F6; margin:22px 0; }
.get-in-touch .col-sm-6 { position:relative; }
.get-in-touch .col-sm-6.git_right { padding-bottom:40px; }
.get-in-touch .col-sm-6 .line { margin:12px 0; }
.get-in-touch p.sel-dep { margin-top:0; }
.get-in-touch .error-message { display:none; background:url('../imgs/warning.svg') top 5px left no-repeat; padding-left:25px; color:#DB1D1D; float:left; width:100%; margin-top:0px; }
.action-bar a.on { color:#3EB1C8; }
.formsuccess { display:none; }
.formsuccess p { color:#3EB1C8; }
/* Related Pages */
.related-pages { /*border-top:2px solid #BCBCBC;*/ padding-bottom:30px; }
/* Parallax page */
.parallax { text-align:center; margin-top:-36px; }
.parallax-window { background:transparent; position:relative; overflow:hidden; }
.parallax-window img { opacity:0; width:60%; }
.parallax-window .overlay-title { background:url('../imgs/bg-80.png') repeat; width:100%; padding:10px; color:#FFF; position:absolute; top:100%; left:0; }
.parallax .title, .parallax .greybg { padding:20px; }
.parallax .title h1 { margin:0; }
/* Footer */
.footer { position:relative; margin-top:-55px; height:55px; line-height:55px; font-size:14px; z-index:998; background:#FFF; }
.footer .left { float:left; }
.footer .left a { margin-right:5px; }
.footer .right { float:left; line-height:1.4em; padding:10px 0; }
.footer a { color:#535658; }
.careers .footer a, .client .footer a { color:#FFF; }
/* Search Overlay */
.search-overlay { display:none; z-index:998; background:rgba(255, 255, 255, 0.97); height:100%; width:100%; position:fixed; top:0; left:0; overflow:auto; }
.search-overlay .search-box-area { height:180px; text-align:center; padding-top:100px; }
.search-overlay .search-box-area #search-term { border:none; background:transparent; width:100%; font-size:36px; color:#545759/*C1C1C1*/; text-align:center; font-family:'Benton Sans Ext Light'; }
.search-overlay .search-box-area .search-submit { display:none; }
#search-results { padding:0 200px; }
#search-results .results { padding-bottom:20px; }
#search-results .results a { display:block; width:100%; color:#6B6B6B; border-bottom:1px solid #DADADB; padding:5px 0; }
#search-results .results a span { display:none; }
#search-results .results a:hover { color:#3EB1C8; }
#search-results .clear { padding-bottom:100px; }
/* Client Login Overlay */
.client-login-overlay { display:none; z-index:998; background:rgba(0, 0, 0, 0.90); height:100%; width:100%; position:fixed; top:0; left:0; overflow:auto; }
.client-login-overlay .content { position:relative; }
.client-login-overlay .close { position:absolute; top:100px; right:0px; }
.client-login-overlay .close img { width:16px; }
.client-login-overlay .search-box-area { text-align:center; padding-top:100px; }
.client-login-overlay .search-box-area #client-username, .client-login-overlay .search-box-area #client-password { border:none; background:transparent; width:100%; font-size:36px; color:#FFFFFF; text-align:center; font-family:'Benton Sans Ext Light'; }
.client-login-overlay .client-submit { margin-top:25px; color:#FFF; background:#70DAD3; border:none; padding:5px 15px; }
.client-login-overlay .error { text-align:center; margin:20px 0; color:#FFF; }
/* The Grid */
.the-grid { padding-bottom:20px; }
.the-grid .item { position:relative; display:block; }
.the-grid .item > img { width:100%; height:100%; position:absolute; top:0; left:0; }
.the-grid .item.s1 { width:49.6%; width:calc(50% - 1px); height:0; padding-bottom:50%; }
.the-grid .item.s4 { width:100%; height:0; padding-bottom:100%; }
.the-grid .item.s2 { width:100%; height:0; padding-bottom:50%; }
.the-grid .item.s3 { width:49.6%; width:calc(50% - 1px); height:0; padding-bottom:100.9%; }
.the-grid .item.s5 { width:100%; height:0; padding-bottom:66%; }
.the-grid .item.s6 { width:100%; height:0; padding-bottom:150%; font-size:36px; line-height:1.2em; }
.the-grid .item.s7 { width:100%; height:0; padding-bottom:100%; font-size:36px; line-height:1.2em; }
/* Text Based */
.the-grid .darktext { padding:28px; background:#535658; color:#FFF; font-size:22px; }
/* Project */
.the-grid .project > span { display:none; }
.the-grid .project .overlay { position:absolute; top:0; left:0; width:100%; height:100%; display:none; padding:10px; }
.the-grid .item.first_text .overlay { display:block; }
.the-grid .project .overlay span { display:block; color:#FFF; }
/* People */
.the-grid .person > span { display:none; }
.the-grid .person .overlay { position:absolute; top:0; left:0; width:100%; height:100%; display:none; padding:10px; }
.the-grid .person .overlay span, .the-grid .tag span { display:block; color:#FFF; }
.the-grid .tag .inner { display:block; padding:10px; }
.the-grid .person.s4 { }
.the-grid .tag .bottom { position:absolute; bottom:10px; left:10px; font-size:16px; color:#FFF; }
.the-grid .tag.px { display:none; }
.the-grid .person.p1 .overlay, .the-grid .tag.pt1 { background:#3EB1C8; }
.the-grid .person.p2 .overlay, .the-grid .tag.pt2 { background:#3EB1C8; }
.the-grid .person.p3 .overlay, .the-grid .tag.pt3, .the-grid .tag.px { background:#3EB1C8; }
.the-grid .person.p4 .overlay, .the-grid .tag.pt4 { background:#3EB1C8; }
.the-grid .person.p5 .overlay, .the-grid .tag.pt5 { background:#3EB1C8; }
.the-grid .video_play, .expandprojimg.video .video_play, .videohero .video_play { position:absolute; top:0; left:0; height:100%; width:100%; background:url('../imgs/video-btn.png') center center no-repeat; opacity:0.9; text-indent:-999999px; }
.the-grid .video_play:hover, .expandprojimg.video .video_play:hover, .videohero .video_play:hover { opacity:1; }
/* Project Content */
#pc-grid .item { /*height:170px;*/ height:213px; width:100%; display:block; overflow:hidden; /*margin-bottom:2px;*/ }
#pc-grid .item.active { background:#BBBCBC; }
#pc-grid .item .caption { position:absolute; bottom:0px; left:-100%; background:#7bc9d3; color:#FFF; font-size:16px; padding:5px 10px; z-index:9; }
.the-grid .item .overlay .bottom { display:block; position:absolute; bottom:10px; left:10px; opacity:1; font-size:16px; font-family:'Benton Sans Ext Light'; line-height:1em; }
.margin-band { margin:2px 0; }
/*.roll-ie-fix { position:relative; }*/
.related-pages .the-grid .item.s1 { width:200px; height:200px; padding-bottom:0; }
/* The Table */
.list-headings { display:none; }
.the-grid.table-like .item { width:100%!important; height:48px!important; line-height:30px; border-bottom:1px solid #454545; padding-bottom:8px; padding-top:2px; background:#EEEEEE!important; margin-top:0px; overflow:hidden; }
.the-grid.table-like .item > img { display:none; }
.the-grid.table-like .item .overlay { display:none!important; }
.the-grid.table-like .tag { display:none!important; }
.the-grid.table-like .item > span { font-size:18px; line-height:40px; margin:0; padding:0; color:#545759; }
.the-grid.table-like .person > span.name { display:block; width:40%; float:left; }
.the-grid.table-like .person > span.title { display:block; width:50%; float:left; }
.list-headings.peopletable .name { display:block; width:40%; line-height:48px; float:left; }
.list-headings.peopletable .title { display:block; width:50%; line-height:48px; float:left; }
.the-grid.table-like .project > span.name { display:block; width:90%; float:left; }
.list-headings.peopletable .name { display:block; width:40%; line-height:48px; float:left; }
/* Charts */
.chart { background:#FFF; padding:10px; }
.chart .title { font-size:16px; display:block; }
.chart .morder, .chart .special { display:none; }
.chart canvas { position:absolute; bottom:10px; }
.chart.s1 canvas { width:93%; height:80%; right:10px; }
.chart.s4 canvas { width:322px; height:322px; right:40px; }
.the-grid .item.chart.s1 { width:100%; height:0; padding-bottom:100%; }
.chart .canvas_holder { }
/* Chart Tooltip */
#chartjs-tooltip { opacity:0; position:absolute; background:rgba(84, 88, 90, .8); color:white; padding:3px; border-radius:3px; -webkit-transition:all .1s ease; transition:all .1s ease; pointer-events:none; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
#chartjs-tooltip.below { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
#chartjs-tooltip.below:before { border:solid; border-color:#111 transparent; border-color:rgba(84, 88, 90, .8) transparent; border-width:0 8px 8px 8px; bottom:1em; content:""; display:block; left:50%; position:absolute; z-index:99; -webkit-transform:translate(-50%, -100%); transform:translate(-50%, -100%); }
#chartjs-tooltip.above { -webkit-transform:translate(-50%, -100%); transform:translate(-50%, -100%); }
#chartjs-tooltip.above:before { border:solid; border-color:#111 transparent; border-color:rgba(84, 88, 90, .8) transparent; border-width:8px 8px 0 8px; bottom:1em; content:""; display:block; left:50%; top:100%; position:absolute; z-index:99; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
/* Careers Homepage */
.careers, .careers body, .client, .client body { background:#898D8D; }
.careers .careers_top { background:#EEEEEE; }
.careers .header, .client .header { background:#54585A; }
.careers .header .careers_logo { display:inline-block; }
.careers .header .careers_logo img { height:30px; }
.careers .header .logo { display:none; }
.careers #nav li a, .client #nav li a { color:#EEEEEE; }
.careers #nav li a:hover, .client #nav li a:hover { color:#3EB1C8; }
.careers #nav li ul, .client #nav li ul { background:#54585A; }
.careers #nav li ul .offices-nav, .client #nav li ul .offices-nav { border-top:1px solid #EEEEEE; }
.careers #nav li a.togglesearch, .client #nav li a.togglesearch { display:none; }
.careers #nav li a.careerstogglesearch, .client #nav li a.careerstogglesearch { display:block; padding-right:0; }
.careers .footer, .client .footer { background:#54585A; color:#FFF; }
.careers h1 { color:#FFF; margin-top:30px; }
.careers_people { background:#898D8D; }
#careers-grid .item.careers_tile { padding:15px; font-family:'Benton Sans Ext Light'; }
#careers-grid .item .morder { display:none; }
#careers-grid .item .bottom { position:absolute; bottom:15px; left:15px; font-size:16px; line-height:1em; }
#careers-grid .intro { width:100%; height:auto; background:#FFF; color:#54585A; }
#careers-grid .intro img { height:402px; width:402px; display:block; position:absolute; top:0; left:0; display:none; }
#careers-grid .intro .name { text-align:right; position:relative; font-size:/*36px*/22px; line-height:1.3em; width:100%; display:block; float:right; }
#careers-grid .intro .name2 { color:#BBBCBC; position:relative; text-align:right; font-size:16px; width:100%; display:block; float:right; line-height:1.4em; margin-top:18px; }
#careers-grid .careers_link { background:#3EB1C8; color:#FFF; }
#careers-grid .careers_stat { color:#FFF; background:#54585A; }
#careers-grid .careers_stat.green { background:#8aced4; }
#careers-grid .careers_stat .name { font-size:55px; display:block; text-align:center; margin-top:25px; }
#careers-grid .careers_stat .name2 { font-size:15px; display:block; text-align:center; }
#careers-grid .job { color:#FFF; background:#BBBCBC; }
#careers-grid .item.s1 { width:49.6%; width:calc(50% - 1px); height:0; padding-bottom:50%; }
#careers-grid .item.s4 { width:100%; height:0; padding-bottom:100%; }
/* Clients */
.client body, .client { min-width:828px; }
.client .content { min-width:808px; }
.client .page { padding-top:74px; }
.client .client-bar { height:80px; background:#383838; position:relative; z-index:997; }
.client .client-bar .left { float:left; color:#FFF; }
.client .client-bar .left a { color:#FFF; }
.client .client-bar .left h2 { font-size:36px; margin:0; line-height:80px; font-family:'Benton Sans Ext Light'; }
.client .client-bar .left p { line-height:80px; margin:0; }
.client .client-bar .right { float:right; }
.client .client-bar .right a { display:inline-block; background:#535658; padding:5px 10px; color:#FFF; font-size:18px; margin-top:22px; }
.client .table { text-align:center; }
.client .file { display:inline-block; margin:20px; color:#FFF; }
.client .file img { margin-bottom:10px; }
.client .file span { color:#BBBAB9; }
.client .file a { font-size:16px; background:#535658; border-radius:4px; padding:3px 6px 1px 6px; color:#FFF; line-height:18px; }
.client .file a img { margin:0; display:inline-block; }
/* PDF Viewer */
button#prev { position:fixed; width:50%; height:100%; z-index:899; background:transparent; top:0; left:0; border:none; }
button#prev span { position:absolute; bottom:100px; right:0; background:#303030; height:60px; width:70px; text-align:center; line-height:60px; border-top-left-radius:10px; border-bottom-left-radius:10px; display:none; }
button#next { position:fixed; width:50%; height:100%; z-index:899; background:transparent; top:0; right:0; border:none; }
button#next span { position:absolute; bottom:100px; left:1px; background:#303030; height:60px; width:70px; text-align:center; line-height:60px; border-top-right-radius:10px; border-bottom-right-radius:10px; display:none; }
/* Map */
.gm-style-iw p { margin:0; font-size:14px; }
@media (max-width: 426px) {
.the-grid .item.s2, .the-grid .item.s4, .the-grid .item.s5 { font-size:26px; line-height:1.2em; }
.filters .td { clear:both!important; width:100%; }
#people-grid { padding-top:82px; }
.visible-xs-mod { display:inline-block; }
.hidden-xs-mod { display:none; }
}
/* Media Widths - every 200px (s1) */
@media (min-width: 426px) {
/* Layout */
.hero { height:350px; }
.content { width:402px; padding:0; }
.content.project_gal { padding:0; }
.content.history-content { width:70%; }
h1 { font-size:28px; }
/*.divcol { clear:both!important; }*/
/* News */
.news-article .text-area { width:402px; }
.news-article .image-frame { float:left; height:402px; width:402px; }
.news-article .text-area h3 { position:absolute; margin:0; top:22px; right:20px; }
/* Project */
.project .project_left { width:402px; }
.project .project_right {/* height:402px;*/ /*width:402px;*/ }
#pc-grid .item { /*height:230px;*/ height:268px; width:402px; }
/* The Grid */
.the-grid .item.s1 { height:200px; width:200px; padding-bottom:0; }
#home-grid .intro { height:402px; }
.the-grid .item.s2 { width:402px; height:200px; padding-bottom:0; font-size:36px; line-height:1.2em; }
.the-grid .item.s3 { width:200px; height:402px; padding-bottom:0; }
.the-grid .item.s4 { height:402px; width:402px; padding-bottom:0; font-size:36px; line-height:1.2em; }
.the-grid .item.s5 { width:402px; height:301px; padding-bottom:0; font-size:36px; line-height:1.2em; }
.the-grid .item.s6 { width:402px; height:604px; padding-bottom:0; }
.the-grid .item.s6 { width:402px; height:402px; padding-bottom:0; }
.people .people_right .s4 { height:402px; width:402px; }
.chart.s1 canvas { width:180px; height:120px; right:10px; }
.the-grid .item.chart.s1 { width:200px; height:200px; padding-bottom:0; }
#careers-grid .item.s1 { width:200px; height:200px; padding-bottom:0; }
#careers-grid .item.s4 { width:402px; height:402px; padding-bottom:0; }
#careers-grid .intro { width:402px; }
#careers-grid .intro .name { font-size:36px; line-height:1.3em; }
#careers-grid .careers_stat .name { font-size:67px; }
#careers-grid .careers_stat .name2 { font-size:18px; }
.footer .right { float:right; line-height:55px; padding:0; }
#people-grid { padding-top:43px; }
.visible-xs-mod { display:none!important; }
.hidden-xs-mod { display:inline-block; }
}
@media (min-width: 626px) {
/* Layout */
.hero { height:450px; }
.content { width:606px; }
.page { padding-top:108px; }
.mobile-menu-button { display:none; }
h1 { font-size:30px; }
/* Header */
#nav { display:block; }
/* Project */
.project .project_left { width:100%; margin-right:0;}
.project .project_right { width:100%; }
#pc-grid .item { /*height:320px;*/ height:404px; width:606px; }
/* News */
.news-article .image-frame { /*height:200px;*/ width:200px; }
.news-article .readmore { font-size:14px; }
.the-grid { margin-top:2px; }
.the-grid .item.s5 { width:604px; height:402px; }
.the-grid .item.s7 { width:604px; height:604px; padding-bottom:0; font-size:36px; line-height:1.2em; }
#careers-grid .intro { width:604px; height:402px; }
#careers-grid .intro .name, #careers-grid .intro .name2 { width:495px; }
#careers-grid .intro img { display:block; height:250px; width:250px; top:152px; }
.get-in-touch .submit { bottom:-15px; }
#people-grid { padding-top:21px; }
}
@media (min-width: 828px) {
/* Layout */
.hero { height:650px; }
html, body { font-size:16px; }
.content { width:808px; }
h1 { font-size:32px; }
.action-bar { display:block; }
.peoplefilters.filters .col-data { padding-bottom:30px; }
.filters .bottom { display:block; }
/* People */
.people .people_left { width:373px; margin-right:33px; float:left; }
.people .people_right { width:402px; float:left; }
/* Project */
.project .content { display:table; }
.project .content .row { display:table-row; }
.project .project_left { width:406px; margin-right:33px; display:table-cell; padding:20px 33px 20px 0; }
.project .project_right { width:402px; display:table-cell; margin-left:17px; }
#pc-grid .item { /*height:220px;*/ height:268px; width:403px; }
/* Default Page */
.default .default_left { width:373px; margin-right:33px; float:left; }
.default .default_right { width:402px; float:left; }
/* News */
.news-article .text-area { width:606px; padding-right:60px; }
.get-in-touch .input, .get-in-touch textarea { display:block; float:left; background:#F6F6F7; border:none; padding:5px; }
.get-in-touch .input.error, .get-in-touch textarea.error { background:#F6F6F7 url('../imgs/warning.svg') top 10px right 5px no-repeat; }
.get-in-touch .title { width:26%; }
.get-in-touch .forename { width:37%; border-left:1px solid #FFF; }
.get-in-touch .surname { width:37%; border-left:1px solid #FFF; }
.get-in-touch .phone { width:34%; margin-top:1px; }
.get-in-touch .email { width:66%; border-left:1px solid #FFF; margin-top:1px; }
.get-in-touch textarea { width:100%; height:150px; margin-top:1px; }
.get-in-touch .submit { bottom:0; }
.get-in-touch .error-message { float:right; width:240px; }
#careers-grid .intro { width:806px; height:402px; }
#careers-grid .intro img { display:block; height:402px; width:402px; top:0px; }
#people-grid { padding-top:24px; }
.careers #nav li a { padding:0 15px; font-size:16px; }
/* Map */
.gm-style-iw p { margin:0; font-size:16px; }
}
@media (min-width: 1030px) {
/* Layout */
.content { width:1010px; }
h1 { font-size:34px; }
.peoplefilters.filters .col-data { padding-bottom:10px; }
/* People */
.people .people_left { width:525px; margin-right:83px; }
.people .people_right { width:402px; }
/* Project */
.project .project_left { width:608px; margin-right:83px; padding-right:83px; }
.project .project_right { width:402px; }
#pc-grid .item { /*height:280px;*/ height:336px; width:504px; }
/* Default Page */
.default .default_left { width:525px; margin-right:83px; }
.default .default_right { width:402px; }
/* News */
.news-article .image-frame { /*height:402px;*/ width:402px; }
.news-article .readmore { font-size:16px; }
.get-in-touch .error-message { float:none; width:100%; }
#people-grid { padding-top:0; }
/* Map */
.gm-style-iw p { margin:0; font-size:16px; }
}
@media (min-width: 1232px) {
/* Layout */
html, body { font-size:18px; }
.content { width:1212px; }
h1 { font-size:36px; }
/* People */
.people .people_left { width:675px; margin-right:133px; }
.people .people_right { width:402px; }
/* Project */
.project .project_left { width:810px; margin-right:133px; padding-right:133px; }
.project .project_right { width:402px; }
#pc-grid .item { /*height:305px;*/ height:403px; width:605px; }
/* Default Page */
.default .default_left { width:677px; margin-right:133px; }
.default .default_right { width:402px; }
/* News */
.news-article .text-area { width:810px; padding-right:100px; }
/* Offices */
.offices .offices_left { width:402px; margin-right:42px; }
.offices .offices_right { width:768px; height:580px; }
.offices #offices_full { width:100%; height:650px; }
}
input, input:before, input:after {
-webkit-user-select: initial;
-khtml-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
textarea, input, button, area { outline: none; }
/*Martin - fix for the submit error bug and css for chart*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.get-in-touch .error-message { margin-top: -17px; }
}
img.single-image { margin-bottom: 40px;}