/*
Theme Name: Bartlett 
Theme URI: http://www.bartlett.uk.com/
Author: D2 Creative
Author URI: http://www.d2creative.co.uk
Description: Wordpress theme for Bartlett
Version: 1.0
*/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	table { border-collapse: collapse; border-spacing: 0; }

/* #Basic Styles
================================================== */
	html, body { height:100%; }
	body { background:#6f6f6f; font-family: 'Titillium Web', sans-serif; font-weight:400; font-style:normal; font-size:20px; color:#7a7a7a; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 { color: #0059a3; font-family: 'Titillium Web', sans-serif; font-weight:600; font-style:normal; line-height:1.2em; margin:0 0 20px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 30px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 16px; }

	p { margin: 0 0 24px 0; line-height:1.2em; }
	p img { margin: 0; }
	
	em, i { font-style: italic; }
	strong, b { font-weight:600; color:#0059a3; }
	small { font-size: 80%; }

	blockquote, blockquote p { font-size: 24px; line-height:1.1em; color: #706f6f; font-style: italic; }
	blockquote { margin: 0 0 25px; padding: 10px 25px 0 25px; border-left: 1px solid #d2d2d2; }
	blockquote cite { display: block; font-size: 20px; color: #0059a3; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #0059a3; }

	hr { border: dotted #727070; border-width: 1px 0 0; clear: both; margin: 27px 0 23px; height: 0; }

/* #Links
================================================== */
	a { color: #0059a3; text-decoration:none; outline:0; }	
	p a { text-decoration:underline; }

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; font-size:20px; }
	ul { list-style: outside; list-style-type: none; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height:1.2em; margin-bottom: 3px; }
	
	/*.col.whtbg ul li { line-height:1.2em; padding-left:16px; text-indent: -16px; margin:0 0 5px; }
	.col.whtbg ul li:before { content: "• "; padding-right:16px; color: #0059a3; }	*/
	.col.whtbg ul li { line-height:1.2em; padding-left:30px; margin:0 0 5px; }
	.col.whtbg ul li:before { content:'• '; float:left; margin-left:-30px; color:#0059a3; }
	
/* #Buttons
================================================== */
	.button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; font-family: 'Titillium Web', sans-serif; font-size:18px; font-weight:600; text-align:center; text-decoration: none; cursor: pointer; margin-bottom: 20px; height:55px; line-height:55px; width:auto; padding:0 30px; background:#fde600; color:#535353; border:none; border-radius:5px; }
	.button.grey { background:#d1d1d1; }
	.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #0059a3; }
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	
/* #Forms
================================================== */
	form { position:relative; margin: 20px 0; }
	fieldset { margin-bottom: 20px; }
	input[type="text"], input[type="password"], input[type="email"], textarea, select { box-sizing:border-box; background:#f2f2f2; border:none; height:55px; line-height:55px; padding:0 20px; width:100%; max-width: 100%; color:#7a7a7a; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:18px; margin:0 0 10px; outline: none; display: block; position:relative; border-radius: 5px; }
	select { padding: 0; }
	input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow:  0 0 3px rgba(0,0,0,.2); }	
	textarea { /*padding:14px;*/ padding:12px 20px; line-height:normal; min-height: 125px; } 
	label, legend { display: block; font-size: 24px; color:#828282; margin:0 0 10px; }
	select { width: 311px; height:30px; line-height:30px; padding:5px 0 5px 5px; }
	input[type="checkbox"] { display: inline; margin-right:3px; }
	
	.form form { width:100%; position:relative; margin:0; padding:0; }
	.form .done, .form .sending { background:#0059a3; padding:20px; font-size:16px; width:auto; color:#fff; margin:20px 0; display:none; text-align:center; }
	.form .done strong, .form .done a { font-weight:600; color:#fff; }
	.form .done a { border-bottom:1px solid #fff; }
	.form .sending { background:#ebebeb; font-weight:600; color:#7a7a7a; }
	.form .sending img { position:relative; margin-right:10px; }	
	.form label { display:none; }
	/*.form input[type="text"], .form textarea { box-sizing:border-box; width:80%; } */
	.form .screenReader { left: -9999px; position: absolute; top: -9999px; display:none; }
	.form form .error { color:#fd1313; background:#e3e3e3 url(images/alert.png) right 10px no-repeat; position:relative; z-index:55; }
	.form form label.error { display:none; border:none; position:absolute; right:9999em; text-indent:-9999em; }	

	
/* #Tables
================================================== */	
	table { border-spacing: 0; border-collapse:collapse; max-width:100%; margin:10px 0 30px; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
	th, td { border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; font-size:20px; padding:15px; line-height:1.5em; text-align:left; }
	th { color:#0059a3; }

/* #Misc
================================================== */
	.remove-btm { margin-bottom: 0 !important; }
	.quart-btm { margin-bottom: 5px !important; }
	.half-btm { margin-bottom: 10px !important; }
	.add-btm { margin-bottom: 20px !important; }	
	.hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; }	
	.uppercase { text-transform:uppercase; }
	.error404 { display:block; font-size:150px; color:#ebebeb; margin:0 0 20px; }
	.right { float:right; }
	.left { float:left; }	
	object:focus, embed:focus { outline:none; }	
	.alignright { float:right; margin:6px 0 30px 30px; }
	.alignleft { float:left; margin:6px 30px 30px 0; }
	.alignnone { display: block; margin:6px auto 30px; }
	.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; }
	a img.alignright { float:right; margin:6px 0 30px 30px; }
	a img.alignleft { float:left; margin:6px 30px 30px 0; }
	a img.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; }	

/* #Base Grid
================================================== */	
	#wrap	{ width:100%; margin:0 auto; overflow:hidden; }	
	.container { width:100%; margin:0 auto; position:relative; background:#fff; z-index:2; }   	
	.col { box-sizing:border-box; float:left; width:100%; height:auto; margin:0; position:relative; }
	.col.half { width:50%; }
	.col.third { width:33.33%; }
	.col.twothird { width:66.66%; }
	.col.quart { width:25%; }
	.inner { width:1100px; height:100%; margin:0 auto; padding:87px 0 73px; position:relative; }	

/* #Clearing
================================================== */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
   	.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
    .row:after, .clearfix:after { clear: both; }
    .row, .clearfix { zoom: 1; }
    .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* #Site Styles
================================================== */	
	#header-wrap { width:100%; margin:0 auto; height:192px; background:#0059a3 url(images/top-bar-bg-2560.png) center top no-repeat; position:relative; z-index:77; }
	#header-wrap header { width:1100px; height:116px; margin:0 auto; padding:0; position:relative; }	
	
	#bartlett-logo { display:block; width:221px; height:79px; position:relative; left:0; top:19px; }
	#bartlett-logo:hover { opacity:0.9; }
	
	#menu { margin:0 auto; height:58px; position:absolute; right:0; top:56px; }
	#menu ul { margin:0; padding:0; list-style:none; font-size:16px; height:58px; position:relative; }
	#menu ul li { display:inline-block; float:left; margin:0 10px; padding:0; height:58px; line-height:58px; position:relative; z-index:44; } 
	#menu ul li:last-child { margin-right:0; }
	#menu ul li a { display:block; color:#fff; text-decoration:none; }	
	#menu ul li a:hover { opacity:0.8; }		
	#menu ul li.current_page_item a, #menu ul li.current_page_parent a { color:#ffea1e; }		
	* html #menu ul li a { display:inline-block; }
	* html #menu { height:1%; }	
	
	#mobmenu { display:none; }
	
	.submenu-wrap { width:100%; height:76px; background:#fff url(images/submenu-bg.png) left top repeat-x; }
	#submenu { width:1100px; margin:0 auto; }
	#submenu ul { width:100%; margin:0; padding:0; list-style:none; font-size:20px; font-weight:600; height:76px; position:relative; text-align:center; }
	#submenu ul li { box-sizing:border-box; display:block-inline; float:left; width:33.33%; /*width:calc(100% / 3);*/ margin:0; padding:0; height:76px; line-height:76px; position:static; border-right:1px solid #e0e0e0; z-index:44; }
	#submenu ul li span { display:inline-block; position:relative; }
	#submenu ul li.refrigeration { border-left:1px solid #e0e0e0; }
	#submenu ul li.refrigeration span { width:41px; height:47px; background:url(images/icon-refrigeration.png) left top no-repeat; top:16px; margin:0 11px 0 0; }
	#submenu ul li.catering span { width:38px; height:47px; background:url(images/icon-catering.png) left top no-repeat; top:17px; margin:0 12px 0 0; }
	#submenu ul li.aircon span { width:41px; height:47px; background:url(images/icon-aircon.png) left top no-repeat; top:17px; margin:0 8px 0 0; }
	#submenu ul li a { display:block; height:76px; color:#7a7a7a; text-decoration:none; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;  -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }	
	/*#submenu ul li a:hover { background:#f3f3f3; color:#0059a3; }	*/
	#submenu ul li a:hover, #submenu ul li.current a, #submenu ul li:hover > a { background:#ffea1e; color:#0059a3; }
	#submenu ul li.current a span, #submenu ul li a:hover span { background-position:right top; }
	* html #submenu ul li a { display:inline-block; }
	* html #submenu { height:1%; }	
	
	#submenu .dd-wrap { /*display:none;*/ opacity:0; visibility:hidden; width:1100px; height:452px; background:#fff; border-top:5px solid #fde600; border-radius:0 0 5px 5px; position:absolute; left:0; top:76px; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
	#submenu .dd-wrap ul { float:left; width:320px; height:auto; text-align:left; background:#fff; padding:40px 0 40px 40px; position:relative; border-radius:0 0 0 5px; z-index:8; }
	#submenu .dd-wrap ul li { display:block; width:320px; height:auto; line-height:1.2em; padding:12px 15px; border:none; border-bottom:1px solid #eee; position:static; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
	#submenu .dd-wrap ul li:first-child { border-top:1px solid #eee; }
	#submenu .dd-wrap ul li a, #submenu .dd-wrap ul li:hover li a { background:url(images/btn-arrow-light.png) right 3px no-repeat; }
	#submenu .dd-wrap ul li:hover { background:#fde600; }
	#submenu .dd-wrap ul li:hover a, #submenu .dd-wrap ul li li:hover a { background:url(images/btn-arrow-drkr.png) right 3px no-repeat; }
	#submenu .dd-wrap ul li a { height:auto; }
	#submenu .dd-wrap ul li a:hover { color:#7a7a7a; }
	#submenu .dd-wrap ul ul { display:none; box-sizing:border-box; width:380px; height:100%; position:absolute; left:360px; top:0; font-weight:400; padding:40px 30px; border-radius:0; }	
	#submenu .dd-wrap ul ul ul { display:none; width:390px; border:none; left:350px; padding:40px 0 40px 30px; border-radius:0 0 5px 0; }
	#submenu .dd-wrap ul ul ul li:first-child { border:none; }
	#submenu .dd-wrap ul ul ul li { padding:0 15px; border:none; }
	#submenu .dd-wrap ul ul li:hover li { background:none; }
	
	/*#submenu .dd-wrap ul ul ul li .cs { display:none; width:320px; }
	#submenu .dd-wrap ul ul ul li .cs a { background:none; }
	#submenu .dd-wrap ul ul ul li .cs h3 { line-height:1em; font-size:30px; margin:-5px 0 6px; }
	#submenu .dd-wrap ul ul ul li .cs h3 a { color:#0059a3; }
	#submenu .dd-wrap ul ul ul li .cs p { margin:0 0 5px 0; }
	#submenu .dd-wrap ul ul ul li .cs p a { text-decoration:underline; }*/
	
	#submenu .dd-wrap ul ul ul li { margin:0 0 10px 0; }
	#submenu .dd-wrap ul ul ul li a { text-decoration:none; background:none !important; }
	#submenu .dd-wrap ul ul ul li a:hover { text-decoration:underline; }
	
	#submenu .dd-wrap ul ul ul li.view { font-size:18px; color:#0059a3; font-weight:600; text-decoration:underline; margin:20px 0 34px; }
	#submenu .dd-wrap ul ul ul li.view a { color:#0059a3; background:none; }	
	
	
	#submenu .dd-wrap ul li:hover > ul { display:block; }
	#submenu .dd-wrap ul ul li:hover ul .cs { display:block; }	
	#submenu .dd-sect { width:710px; height:auto; background:#eee; text-align:left; position:absolute; left:390px; top:0; border-radius:0 0 5px 0; z-index:7; }
	#submenu .dd-sect .col { width:320px; height:100%; padding:30px 0 40px 40px; }
	#submenu .dd-sect .col.dl { width:350px; padding-bottom:80px; }
	#submenu .dd-sect .col.dl h2 { font-size:46px; font-weight:400; line-height:1em; margin:2px 0 21px; }
	#submenu .dd-sect .col.dl p { font-size:18px; font-weight:400; margin:0 0 2px; }
	#submenu .dd-sect .col.dl img.icon { position:absolute; right:0; bottom:0; }	
	#submenu .dd-sect .col.dr { padding:40px 0 40px 40px; }
	#submenu .dd-sect .col.dr img { vertical-align:top; }
	#submenu ul li:hover .dd-wrap { /*display:block;*/ opacity:1; visibility:visible; }

	.topbar { width:auto; height:58px; position:absolute; right:0; top:0; text-align:right; }
	.topbar .phone, .topbar .email { display:inline-block; height:18px; line-height:1em; font-size:20px; font-weight:600; color:#fee300; margin:16px 0 0; padding:0; }
	.topbar .vr { display:inline-block; width:2px; height:18px; background:#0059a3; position:relative; top:4px; margin:0 6px; }
	.topbar .email { color:#fff; }
	.topbar .btn.search { display:inline-block; width:25px; height:25px; margin:0 0 0 20px; position:relative; top:8px; }
	.topbar .searchbar { display:none; }
	
	.searchbar { display:none; width:361px; height:58px; line-height:58px; background:#00447c; position:absolute; left:0; top:0; }
	.searchbar form { margin:0; padding:0; }
	.searchbar input { width:100%; height:58px; line-height:58px; margin:0; padding:0; background:none; color:#fff; font-size:16px; }
	.searchbar input:focus { box-shadow:none; }
	
	.col.hero { text-align:center; }
	.col.hero img { vertical-align:top; object-fit:cover; }
	.col.hero .txt { width:100%; position:absolute; text-align:center; margin:-17px 0 0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
	.col.hero .txt h1, .col.hero .txt h2 { font-size:120px; color:#fff; text-shadow: 0px 0px 7px rgba(38, 38, 38, 0.5); margin:0 0 24px; }
	.col.hero .txt h1 { line-height:1em; }
	.col.hero .txt h2 { font-size:24px; margin:0 0 62px; }
	.col.hero .txt .button { margin:0; background:none; color:#fff; border:1px solid #fff; }
	.col.hero .morebtn { /*display:inline-block; width:91px; height:37px; background:url(images/hero-morebtn.png) center top no-repeat; position:absolute; bottom:0; left:auto; right:auto; margin-left:-45px;*/ display:block; width:91px; height:37px; background:url(images/hero-morebtn.png) center top no-repeat; position:absolute; }
	 
	.col.hero .slides { width:100%; height:100%; position:relative; overflow:hidden; }
	.col.hero .slider { height:100%; list-style:none; margin:0; overflow:visible; *zoom:1; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; }
	.col.hero .slide { height:100%; line-height:none; margin:0; clear:none; position:relative; background:url(images/loading.gif) center center no-repeat; }
	.col.hero .slide img { width:100%; height:auto; vertical-align:top; }	
	.col.hero .slick-prev, .col.hero .slick-next { display:none; }
	.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }	
	.slick-list { position: relative; display: block; height:100%; margin: 0; padding: 0; }
	.slick-list:focus { outline: none; }	
	.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -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); }	
	.slick-track { height:100%; position: relative; left: 0; top: 0; display: block; zoom: 1; }
	.slick-track:before, .slick-track:after { content: ""; display: table; }
	.slick-track:after { clear: both; }
	.slick-loading .slick-track { visibility: hidden; }	
	.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
	.slick-slide img { display: block; }
	.slick-slide.slick-loading img { display: none; }
	.slick-slide.dragging img { pointer-events: none; }
	.slick-initialized .slick-slide { display: block; }
	.slick-loading .slick-slide { visibility: hidden; }
	.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
	
	.col.hero.page { text-align:left; }
	.col.hero.page img { width:100%; height:489px; }
	.col.hero.page .title { box-sizing:border-box; width:100%; height:158px; background:rgba(0, 0, 0, 0.6); padding:0; position:absolute; left:0; bottom:0; }
	.col.hero.page .title .inner { padding:0; }	
	.col.hero.page .title h1 { font-size:60px; line-height:142px; color:#fff; }
	.col.hero.page .title h1 strong { color:#fff; }
	.col.hero.page .title img { width:81px; height:80px; position:relative; top:39px; margin:0 19px 0 0; }

	.col.whtbg { background:#fff; }
	.col.grybg { background:#f2f2f2; border-top:1px solid #f9f9f9; }
	.col.whtbg.about { background:#fff url(images/bg-refrigeration.png) right bottom no-repeat; }
	.col.whtbg .col.half, .col.grybg .col.half { width:530px; margin:0 40px 0 0; }
	.col.whtbg .col.half.last, .col.grybg .col.half.last { margin-right:0; }
	.col.whtbg .col.half.mrgntop { margin-top:57px; }
	.col.whtbg h2 { font-size:30px; margin:0 0 21px; }	
	.col.whtbg h3 { font-size:26px; margin:0 0 15px; }	
	.col.whtbg h4 { font-size:22px; margin:0 0 10px; }	
	.col.whtbg p { }	
	.col.whtbg.contact p { color:#0059a3; }
	.col.whtbg.contact p a { font-weight:600; text-decoration:none; }
	.col.whtbg.contact p small { font-size:80%; color:#7a7a7a; line-height:0; }
	
	.col.whtbg form { margin:26px 0 27px; }
	.col.whtbg form input[type="submit"] { padding:0 67px; margin:10px 0 0; }
	
	.col.whtbg.recruiting { }
	.col.whtbg.recruiting .inner { padding:76px 0 100px; }
	.col.whtbg.recruiting h3 { font-size:50px; font-weight:400; color:#0059a3; margin:0 0 17px; }
	.col.whtbg.recruiting p { margin:0 0 33px; }
	.col.whtbg.recruiting .button { margin:0; padding:0 20px; }
	
	.col.whtbg.vacancies { }
	.col.whtbg.vacancies .inner { padding:78px 0 80px; }
	.col.whtbg.vacancies h2 { font-size:48px; font-weight:400; margin:0 0 57px; }
	
	.col.whtbg.page .inner { padding:42px 0 71px; }
	
	.col.grybg.team h3 { font-size:30px; margin:0 0 22px; }
	.col.grybg.team p { color:#0059a3; }
	.col.grybg.team p a { font-weight:600; text-decoration:none; }
	.col.grybg.team small { font-size:20px; color:#7a7a7a; }
	.col.grybg.team .col.half.last { margin:13px 0 0; }
	
	.col.news {}
	.col.news .inner { padding:0 0 80px; }
	.col.news .col.main { width:670px; margin:44px 50px 0 0; }
	
	.post { border-bottom:1px solid #d4d4d4; margin:0 0 30px; padding:0 0 9px; }
	.post:last-of-type { border:none; }
	.col.whtbg .post h2 { margin:0 0 2px; }
	.post h2 a { }
	.post .date { display:block; font-size:20px; line-height:1.2em; margin:0 0 16px; }
	.post img { border-radius:5px; margin:10px 0 22px; }
	.post p { }
	
	.col.news .col.side { width:380px; background:#eee; padding:36px 0 22px 40px; }
	.col.news .col.side::after { width:160px; height:100%; background:#eee; content:' '; position:absolute; right:-160px; top:0; }
	.col.news .col.side h3 { color:#7a7a7a; }
	.col.news .col.side ul { font-weight:600; font-size:20px; margin:0 0 24px; }
	.col.news .col.side ul li { margin:0; }
	.col.news .col.side ul.recent li { margin:0 0 20px; }
	.col.news .col.side ul li span { display:block; font-size:18px; font-weight:400; color:#7a7a7a; }
	.col.news .col.side ul ul { margin:0; font-weight:400; }
	.col.news .col.side ul ul li a { color:#7a7a7a; }
	.col.news .col.side ul li span.plus, .col.news .col.side ul li span.minus { display:inline-block; font-size:20px; font-weight:600; color:#0059a3; }
	.col.news .col.side ul li span.minus { display:none; }	
	
	.col.vcncy { box-sizing:border-box; margin:0 0 20px; background:#f2f2f2; text-align:left; border-radius:5px; }
	.col.vcncy .title { height:88px; position:relative; }
	.col.vcncy .title h3 { line-height:88px; padding:0 30px; margin:0; font-weight:400; }
	.col.vcncy .title h3 strong { font-weight:600; }
	.col.vcncy .title .btn { width:88px; height:88px; margin:0; padding:0; position:absolute; right:0; top:0; cursor:pointer; }
	.col.vcncy .title .btn.more { background:url(images/btn-more.png) left top no-repeat; }
	.col.vcncy .title .btn.close { display:none; background:url(images/btn-close.png) left top no-repeat; }
	.col.vcncy .content { display:none; padding:7px 30px 30px; }
	.col.vcncy .content ul { margin:-20px 0 30px; }	
	/*.col.vcncy .content ul li { line-height:1.3em; padding-left:87px; text-indent:-25px; }
	.col.vcncy .content ul li:before { content: "• "; color: #7a7a7a; padding-right:25px; }	*/
	.col.vcncy .content ul li { line-height:1.3em; padding-left:90px; }
	.col.vcncy .content ul li:before { color:#7a7a7a; }	
	.col.vcncy .content .button { padding:0; width:187px; margin:0 23px 0 0; }
		
	.col.cntrd, .cntrd { text-align:center; }
	
	.col.blubg { background:#0059a3; }
	
	.col.blubg.sectors { background:#0059a3 url(images/bartlett-sectors-img.jpg) center center no-repeat; background-size:cover; }
	.col.blubg.sectors .inner { padding: 87px 0 73px; }
	.col.blubg.sectors .col.third { float:none; display:inline-block; width:286px; margin:13px 40px 0 0; vertical-align:top; }
	.col.blubg.sectors .col.third.last { margin-right:0; }
	.col.blubg.sectors img { }
	.col.blubg.sectors .title { height:88px; margin:13px 0; }
	.col.blubg.sectors h3 { font-size:30px; font-weight:600; color:#fff; position:relative; margin:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
	.col.blubg.sectors p { font-size:18px; color:#fff; }
	
	.col.blubg.about { }
	.col.blubg .inner { padding:78px 0 69px; }
	.col.blubg h2, .col.blubg h3 { font-size:48px; font-weight:400; color:#fff; }
	.col.blubg h3 { font-size:36px; margin:54px 0 3px; }
	.col.blubg h3 a { color: #FFFFFF; }
	
	.col.blubg.catbar { }
	.col.blubg.catbar .inner { padding:30px 0 37px; }
	.col.blubg.catbar h2 { font-size:30px; color:#fff; margin:0; }
	.col.blubg.catbar .button { margin:0; padding:0 22px; position:absolute; right:0; top:24px; }
	.col.blubg.catbar .button span { display:inline-block; width:9px; height:18px; background:url(images/btn-arrow.png) right top no-repeat; margin:0 0 0 12px; position:relative; top:3px; }
	
	.select-wrapper { float:left; display:inline-block; background:#fde600; cursor:pointer; font-size:18px; font-weight:600; position:absolute; right:0; top:24px; }
   	.select-wrapper, .select-wrapper select { width:207px; height:55px; line-height:55px; border-radius:5px; } 
    .select-wrapper .holder { display:block; margin:0 17px 0 22px;  background:url(images/select-arrow.png) right center no-repeat;  white-space:nowrap; overflow:hidden; color:#535353; cursor:pointer; position:relative; z-index:1; }
    .select-wrapper select { margin:0; position:absolute; z-index:2; cursor:pointer; outline:none; opacity:0; _noFocusLine:expression(this.hideFocus=true); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; }

	.col.grybg.sbar { height:69px; margin:0 0 16px; background:#ededed; border:none; }
	.col.grybg.sbar .inner { padding:0; }
	.col.grybg.sbar ul, .col.grybg.sbar a.pdf { font-size:18px; font-weight:600; margin:0; }
	.col.grybg.sbar li, .col.grybg.sbar a.pdf { display:inline-block; line-height:69px; margin:0 24px 0 0; position:relative; }
	.col.grybg.sbar li a, .col.grybg.sbar a.pdf { color:#7a7a7a; }
	.col.grybg.sbar li.current a { color:#0059a3; }	
	.col.grybg.sbar li.current:after { display:block; width:0; height:0; margin:0 auto; content: ""; border-bottom:16px solid transparent; border-top:16px solid #ededed; border-right:16px solid transparent; border-left:16px solid transparent;  position:absolute; bottom:-32px; left:0; right:0; }
	.col.grybg.sbar a.pdf { margin:0; position:absolute; right:0; top:0; }	
	.col.grybg.sbar a.pdf img { position:relative; top:5px; margin:0 7px 0 0; }	
	
	.col.casestudies, .col.search { background:#ededed; border:none; }
	.col.casestudies .inner, .col.search .inner { padding:50px 0; }
	.col.casestudies .col, .col.search .col { margin:0 0 40px; background:#fff; border-radius:5px; }
	.col.casestudies .col.last { margin:0; }
	.col.casestudies .col img { width:340px; height:235px; border-radius:5px; }
	.col.casestudies .col h3 { }
	.col.casestudies .col h3 a { }
	.col.casestudies .col p, .col.search .col p { margin:0; }
	
	.col.casestudies .col .img, .col.search .col .img { float:left; width:235px; height:162px; margin:0 40px 0 0; }
	.col.casestudies .col .img img, .col.search .col .img img { width:235px; height:162px; border-radius:5px 0 0 5px; }
	.col.casestudies .col .txt, .col.search .col .txt { float:left; width:785px; padding:29px 0 0; }
	.col.casestudies .col .txt h3, .col.search .col .txt h3 { font-size:24px; }
	.col.casestudies .col .txt h3 a { }
	.col.casestudies .col .txt p { }
	
	.search .sform { padding:40px; }
	.search .sform input[type="text"] { width:50%; }
	
	.col.casestudies.ftrd { background:#fff; }
	.col.casestudies.ftrd .inner { padding:34px 0 87px; }
	.col.casestudies.ftrd .col { width:340px; margin:0 40px 0 0; }
	.col.casestudies.ftrd .col.last { margin-right:0; }
	.col.casestudies.ftrd .col img { margin:0 0 11px; }
	.col.casestudies.ftrd .col h3 { margin:0 0 22px; }
	.col.casestudies.ftrd .col h3 a { }
	.col.casestudies.ftrd .col p { }
	.col.casestudies.ftrd .col p a { font-size:18px; font-weight:600; }
	
	.col .morebtn { width:91px; height:37px; background:url(images/grey-morebtn.png) center top no-repeat; position:absolute; bottom:0; left:0; right:0; /*margin-left:-45px;*/ margin:0 auto; }
	
	.col.casestudy { }
	.col.casestudy .inner { padding:26px 0 27px; }
	.col.casestudy p { }
	.col.casestudy img { max-width:100%; height:auto; border-radius:5px; margin:5px 0 43px; }
	.col.casestudy iframe { border-radius:5px; margin:5px 0 43px; }
	
	.col.casestudy .col.cntrd { margin:0 0 45px; }
	.col.casestudy .col.cntrd h3 { margin:0; font-weight:400; }
	
	.col.casestudy .col.third { width:340px; margin:0 40px 0 0; }
	.col.casestudy .col.twothird { width:720px; margin-right:0; }
	
	.col.casestudy ul.tns { margin:33px 0 0; font-size:0; }
	.col.casestudy ul.tns li { display:inline-block; line-height:normal; padding-left:0; text-indent:0; margin:0 20px 20px 0; }
	.col.casestudy ul.tns li:nth-child(3n+3) { margin-right:0; }
	.col.casestudy ul.tns li a { display:block; position:relative; }
	.col.casestudy ul.tns li img { width:100px; height:100px; margin:0; position:relative; z-index:8; }
	.col.casestudy ul.tns li.active a:after { display:block; height:106px; width:106px; background:#fde600; content: ''; border-radius:5px; position:absolute; left:-3px; top:-3px; z-index:7; }
	.col.casestudy ul.tns li .icap { display:none; }
	.col.casestudy ul.tns li .icap p { margin:0; }	
	.col.casestudy ul li:before { display:none; }
	
	.col.casestudy .imgview { display:block; width:720px; height:500px; margin:8px 0 23px; }
	.col.casestudy .imgview a { display:block; position:relative; }
	.col.casestudy .imgview img { width:720px; height:500px; margin:0; vertical-align:top; }
	.col.casestudy .imgview .caption { opacity:0; box-sizing:border-box; width:720px; height:auto; min-height:76px; padding:17px 80px 20px 24px; background:rgba(0,89,163,0.9); position:absolute; left:0; bottom:0; border-radius:0 0 5px 5px; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;  -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;  }
	.col.casestudy .imgview .caption p { font-size:16px; color:#fff; margin:0; }
	.col.casestudy .imgview a:hover .caption { opacity:1; }
	.col.casestudy .imgview .icozm { width:37px; height:36px; background:url(images/icon-img-zoom.png) right bottom no-repeat; position:absolute; right:20px; bottom:20px; }
	
	#map { width:100%; height:489px; position:relative; }
	
	.col.boxes { background:#ededed; border:none; }
	.col.boxes .inner { padding:40px 0 0; }
	.col.box { width:245px; margin:0 40px 40px 0; background:#fff; text-align:center; border-radius:5px; }
	.col.box.last { margin-right:0; }
	.col.box a { display:block; }
	.col.box .title { height:111px; }
	.col.box h4 { font-size:28px; margin:0; line-height:1.1em; position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
	.col.box img { vertical-align:top; border-radius:0 0 5px 5px; }

	footer { height:auto; width:100%; margin:0 auto; background:#00447c; position:relative; }
	footer .inner { padding:45px 0 47px; }	
	footer .col.quart { width:33%; padding:0 40px 0 0; } 
	footer .col.quart.last { padding:0; }
	footer .col.quart h3 { font-weight:24px; color:#fff; margin:0 0 28px; }
	footer .col.quart p { font-size:14px; color:#fff; margin:0 0 17px; }
	
	footer .col.quart form { margin:0; }
	footer .col.quart input[type="text"], footer .col.quart input[type="email"] { background:#003662; color:#fff; height: 45px; line-height: 45px; margin: 0 }
	footer .col.quart input[type="submit"] { padding:0 40px; margin:10px 0 0; height: 45px; line-height: 45px;}

	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #fde600; color: #fff; text-align: center; padding: 5%; font-size: 18px}
	.wpcf7-not-valid-tip {color: #fde600; font-size: 1.15em}
	.wpcf7 form.invalid .wpcf7-response-output {border-color: #fde600; text-align: center; padding: 3% 3% 4%; color: #fde600}
	.wpcf7 form.sent .wpcf7-response-output {border-color: #fff; color: #fff; padding: 3%; text-align: center}
		
	footer .col.quart .tweet { border-bottom:1px solid #044b86; padding:0 0 9px; margin:0 0 6px; }
	footer .col.quart .tweet:last-child { border:none; }
	footer .col.quart .tweet h4 { font-size:14px; color:#ffed00; margin:0; }
	footer .col.quart .tweet p { margin:0; }
	footer .col.quart .tweet a { color:#ffed00; text-decoration:underline; /*border-bottom:1px solid #fde600;*/ }
	footer .col.quart .tweet .time { color:#066bbf; }
	
	footer .col.quart table { border:none; margin:0 0 30px; }
	footer .col.quart table td { border:none; padding:0 13px 0 0; font-size:14px; color:#fff; line-height:1.2em; }
	footer .col.quart table a { color:#ffed00; /*text-decoration:underline;*/ border-bottom:1px solid #fde600; }
	footer .col.quart .social-lnks { }
	footer .col.quart .social-lnks a { display:inline-block; float:left; margin:0 6px 0 0; }
	footer .col.quart .social-lnks a img { }
	
	footer .col.quart ul { font-size:14px; margin:0 0 16px; }
	footer .col.quart ul li { margin:0 0 2px; }
	footer .col.quart ul li a { color:#fde600; }
	footer .col.quart p small { font-size:12px; line-height:1em; }
	
	footer .col.btm { height:60px; line-height:1.2em; background:#fff; font-size:14px; color:#00447c; }
	footer .col.btm .inner { height:auto; padding:22px 0 0; }
	footer .col.btm span { display:inline-block; float:left; }
	footer .col.btm a { display:inline-block; float:left; margin:0; color:#00447c; border-bottom:1px solid #b0bccc; /*-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;  -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;*/ }
	footer .col.btm .vr { height:13px; width:1px; background:#426891; margin:4px 13px 0; }
	footer .col.btm a:hover { }
	footer .col.btm a.last { }
	
	.pagenavi { height:42px; margin:60px 0; }
	.pagenavi span { float:left; line-height:42px; padding:0 20px 0 0; font-size:14px; text-transform:uppercase; }
	.pagenavi ul { list-style:none; float:left; margin:0; }
	.pagenavi ul li { float:left; display:inline-block; margin:0 5px 5px 0; font-size:13px; font-weight:400; }
	.pagenavi ul li a, .pagenavi ul li .current { display:inline-block; text-align:center; width:42px; height:42px; line-height:42px; font-size:13px; font-weight:400; background:#ebebeb; color:#7a7a7a; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
	.pagenavi ul li a:hover { background:#0059a3; color:#fff; }
	.pagenavi ul li.disabled a, .pagenavi ul li .current { background:#0059a3; color:#fff; }
	.pagenavi ul li .current { padding:0; }
	.pagenavi ul li.arrow a { background:#7a7a7a; color:#fff; }
	.pagenavi ul li.arrow:hover a { background:#7a7a7a; }

	/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
	.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; }
	.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; }
	.fancybox-skin { position:relative; background:#fff; color:#828282; text-shadow:none; }
	.fancybox-opened { z-index:8030; }
	.fancybox-opened .fancybox-skin { -webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); }
	.fancybox-outer, .fancybox-inner { position:relative; }
	.fancybox-inner { overflow:hidden; }
	.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; }
	.fancybox-error { color:#828282; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; }
	.fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%; }
	.fancybox-image { max-width:100%; max-height:100%; }
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url(images/fancybox_sprite.png); }
	#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; }
	#fancybox-loading div { width:44px; height:44px; background:url(images/fancybox_loading.gif) center center no-repeat; }
	/*.fancybox-close { background:url(images/view-close-btn.png) left top no-repeat; position:absolute; top:0; right:-55px; width:55px; height:55px; cursor:pointer; z-index:8040; }
	.fancybox-close:hover { background-position:right top; }*/
	.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
	.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(images/blank.gif); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; }
	.fancybox-prev { left:0; }
	.fancybox-next { right:0; }
	.fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; }
	.fancybox-prev span { left:10px; background-position:0 -36px; } 
	.fancybox-next span { right:10px; background-position:0 -72px; }
	.fancybox-nav:hover span { visibility:visible; }
	.fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important; }
	.fancybox-lock { overflow:hidden !important; width:auto;  }	
	.fancybox-lock body { overflow:hidden !important; }	
	.fancybox-lock-test { overflow-y:hidden !important; }	
	.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(images/fancybox_overlay.png); }	
	.fancybox-overlay-fixed { position:fixed; bottom:0; right:0; }	
	.fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; }	
	.fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050; }	
	.fancybox-opened .fancybox-title { visibility:visible; }	
	.fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; }	
	.fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, 0.8);  -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; }	
	.fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff; }	
	.fancybox-title-inside-wrap { padding-top:10px; }	
	.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); }	
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){	
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url(images/fancybox_sprite@2x.png); background-size:44px 152px; }	
	#fancybox-loading div { background-image:url(images/fancybox_loading@2x.gif); background-size:24px 24px; }
	}
	
	.loading { display:block; width:100%; height:100%; text-align:center; }
	.loading.paddit { padding:200px 0; }
	.loading img { position:relative; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
						
/* #IE Browsers
================================================== */	
    /*html.ie8 .col.hero { position: relative; }*/
    * html.ie6 body, html.ie7 body { background:#FFF url(images/bartlett-ie-bg.jpg) center top no-repeat; width:100%; height:100%; border:none; }
	* html.ie6 #wrap, html.ie7 #wrap { display:none; }

/* #Media Queries
================================================== */
	@media only screen and (max-width: 1349px) {	
	.col.hero .txt { width:90%; padding:0 5%; }
	.col.hero .txt h1 { font-size: 88px; line-height:1em; }		
	}	
	
	@media only screen and (max-width: 1159px) {	
	#header-wrap { background-position:-100px top; }
	#header-wrap header { margin:0 20px; width:auto; }	
	#submenu { width:auto; }
	#submenu .dd-wrap { width:100%; -moz-box-shadow:0 0 7px rgba(0,0,0,.2); -webkit-box-shadow:0 0 7px rgba(0,0,0,.2); box-shadow: 0 0 7px rgba(0,0,0,.2); }
	#submenu .dd-wrap ul { box-sizing:border-box; padding:40px 0; width:33.33%; }
	#submenu .dd-wrap ul li { box-sizing:border-box; width:100%; }
	#submenu .dd-wrap ul ul { left:100%; width:100%; padding: 40px 0; }
	#submenu .dd-wrap ul ul ul { left:100%; padding: 40px 0; }
	#submenu .dd-sect { left:33.33%; width:66.66%; }
	#submenu .dd-sect .col.dl, #submenu .dd-sect .col.dr { box-sizing:border-box; width:50%; }	
	.col.hero .txt h1 { font-size:68px; }
	.col.hero .txt h2 { margin: 0 0 42px; }	
	.col.hero.page .title { height:auto; padding:20px; }
	.col.hero.page .title h1 { font-size:40px; line-height:1.2em; margin:0; }
	.col.hero.page .title img { display:none; }	
	.col.hero img, .col.grybg .col.half img, .col.box img, .col.casestudies.ftrd .col img, .col.casestudies .col .img img, .col.casestudy .imgview img, #submenu .dd-sect .col.dr img { max-width:100%; height:auto; }
	.col.blubg h2, .col.blubg h3 { font-size:34px; }
	.col.blubg h3 { font-size:28px; margin:24px 0 34px; }
	.col.blubg .inner, .col.whtbg.vacancies .inner { padding:48px 0 39px; }			
	.inner { width:auto; margin:0 20px; padding:57px 0 63px; }		
	.col.whtbg .col.half, .col.grybg .col.half { width:48%; margin: 0 4% 0 0; }	
	.col.blubg.sectors .col.third { width:27%; margin:13px 3% 0 0; }
	.col.blubg.sectors img { max-width:100%; height:auto; }	
	#map { height:377px; width:100%; }	
	.col.box { margin:0 4% 4% 0; width:22%; }
	.col.box .title { padding:0 10px; }
	.col.box h4 { font-size:20px; }	
	.col.casestudies.ftrd .col { margin:0 3% 0 0; width:31.33%; } 
	.col.casestudies .col .img { margin:0 3% 0 0; width:27%; }
	.col.casestudies .col .img img { width:auto; object-fit:cover; }
	.col.casestudies .col .txt { width:65%; }	
	.col.casestudy .col.third { margin:0 3% 0 0; width:30.33%; }
	.col.casestudy .col.twothird { width:66.66%; }
	.col.casestudy .imgview { height:500px; width:100%; }
	.col.casestudy .imgview img { width:100%; height:500px; object-fit:cover; }
	.col.casestudy ul.tns li:nth-child(3n+3) { margin-right:20px; }
	footer .col.quart { width:22%; padding:0; margin:0 4% 0 0; }
	footer .col.quart.last { margin:0; }
	}	
	
	@media only screen and (max-width: 1019px) {	
	#header-wrap { height:116px; background-position:center top; }	
	#header-wrap header { margin:0; }
	#bartlett-logo { left:20px; } 	
	#bartlett-logo { height:63px; top:38px; width:177px; }
	#bartlett-logo img { max-width:100%; height:auto; }	
	.topbar { right: 20px; }	
	#menu, .submenu-wrap { display:none; }	
	.toggleMenu { width:32px; height:22px; background: url(images/mob-icon-menu.png) left top no-repeat; position:absolute; top:76px; right:20px; margin-top:0; }		
	#mobmenu { position:relative; left:0; top:53px; box-shadow:0 5px 5px rgba(0,0,0,0.2); }
	#mobmenu ul { list-style:none; *zoom:1; margin:0; font-size:15px; text-transform:uppercase; background:#fff; border-top:1px solid #ebebeb; }	
	#mobmenu ul:before, #mobmenu ul:after { content:" "; display:table; }
	#mobmenu ul:after { clear:both; }	
	#mobmenu ul a { padding:16px 15px; color:#828282; text-decoration:none; }
	#mobmenu ul li { position: relative; margin:0; line-height:1.2em; }
	#mobmenu ul > li { float:none; border-bottom:1px dotted #ebebeb; }
	#mobmenu ul > li > a { display:block; }
	#mobmenu ul ul { display: block; width: 100%; }
	#mobmenu ul > li > .parent { background-image: url(images/down-arrow.png); background-repeat: no-repeat; background-position: 95% 50%; }
	#mobmenu ul li ul { position: absolute; left: -9999px; margin: 4px 0 0; box-shadow:none; }
	#mobmenu ul > li.hover > ul { left: 0; }
	#mobmenu ul li li.hover ul { left: 100%; top: 0; }
	#mobmenu ul li li { margin:0; border-bottom:1px solid #ebebeb; }
	#mobmenu ul li li a { display: block; background:#f9f9f9; position: relative; z-index:47; }
	#mobmenu ul li:last-child { margin:0; border:none; }
	#mobmenu ul ul ul { margin:0; -moz-transform:none; -webkit-transform:none; -ms-transform:none; -o-transform:none; transform:none; text-transform:none; }
	#mobmenu ul li li li a { background:#f5f5f5; color:#0059a3; }
    #mobmenu ul > li.hover > ul, #mobmenu ul li li.hover ul { position: static; }	
	#mobmenu .dd-sect { display:none; }		
	.col.hero .txt h1 { font-size:54px; }		
	.col.blubg.catbar h2, .col.grybg.sbar ul { width:65%; }	
	}
	
	@media only screen and (max-width: 859px) {	
	.col.hero .txt h1 { font-size:48px; }
	.col.hero .txt h2 { display:none; }	
	.col.blubg.sectors .col.third { width:100%; margin:13px 0 4%; }	
	.col.box, .col.box.last { margin: 0 3% 3% 0; width: 31.33%; }
	.col.box:nth-child(3n+3) { margin-right:0; }		
	.col.casestudy .col.third, .col.casestudy .col.twothird { margin: 0 0 3%; width:100%; }
	.col.grybg.sbar { height: auto; }
	.col.grybg.sbar ul { padding:15px 0; }
	.col.grybg.sbar li, .col.grybg.sbar a.pdf { line-height: 1.4em; }
	.col.grybg.sbar a.pdf { position:relative; padding:0 0 15px; }
	footer .col.quart { width:48%; }
	footer .col.quart:nth-child(2n+2) { margin-right:0; }		
	}

    @media only screen and (max-width: 767px) {	
	#header-wrap { background: #0059a3; }	
	#bartlett-logo { height:51px; top:52px; width:144px; }	
	.topbar { width:100%; height: 38px; left:0; right: auto; text-align: right; background:#00447c; }
	.topbar .phone, .topbar .email { font-size: 14px; height: auto; margin:0; }
	.topbar .btn.search { margin:0 20px; top: 6px; }	
	.searchbar { height: 38px; line-height: 38px; width: 361px; left:auto; right:60px; }
	.searchbar input { font-size: 14px; height: 38px; line-height: 38px; }	
	.toggleMenu { top:66px; }		
	#mobmenu { top:65px; }			
	.col.whtbg .col.half, .col.grybg .col.half { width:100%; margin:0 0 4%; }
	.col.whtbg .col.half.mrgntop { margin-top: 0; }	
	.col.hero.page .title h1 { font-size:25px; }
	.col.blubg h2 { font-size: 29px; }
	.col.blubg h3 { font-size: 23px; }	
	.col.casestudies.ftrd .col { margin: 0 0 10%; width: 100%; text-align:center; }
	.col.casestudies .col.full { padding:40px; }
	.col.casestudies .col .img { margin:0; width:100%; height:auto; text-align:center; }
	.col.casestudies .col .img img { border-radius:0; }
	.col.casestudies .col .txt { width:100%; text-align:center; }			
	}	
	
	@media only screen and (max-width: 649px) {	
	.col.hero .txt h1 { font-size:38px; }
	.col.hero .txt .button { font-size:15px; height:38px; line-height:38px; padding: 0 20px; }	
	.col.blubg.catbar h2 { width:100%; }
	.col.blubg.catbar .button { margin: 0 0 10px; position: relative; }		
	}
	
	@media only screen and (max-width: 589px) { 	
	.col.hero .txt h1 { font-size:30px; }	
	.col.box, .col.box.last, .col.box:nth-child(3n+3) { margin: 0 4% 4% 0; width: 48%; }
	.col.box:nth-child(2n+2) { margin-right:0; }		
	footer .col.quart { width:100%; margin:0 0 4%; }
	footer .col.quart:nth-child(2n+2) { margin-right:0; }	
	footer .col.quart.last { margin:0; }	
	}

	@media only screen and (max-width: 479px) {		
	.topbar .btn.search, .searchbar { display:none; }
	.topbar .email { margin-right:20px; }
	.topbar .phone, .topbar .email { line-height:34px; }		
	.col.hero .txt { margin:0; padding:40px 0; position: relative; top:0; transform:none; width: 100%; background:#0059a3; }
	.col.hero .txt h1 { font-size:24px; }
	.col.hero .txt .button { margin: 0 0 22px; }		
	.col.hero.page .title { position: relative; }
	.col.hero.page .title h1 { font-size:20px; }
	.col.blubg h2 { font-size: 24px; }
	.col.blubg h3 { font-size: 18px; }		
	.col.box, .col.box.last, .col.box:nth-child(3n+3), .col.box:nth-child(2n+2) { margin: 0 0 10% 0; width:100%; }
	.col.box img { width:100%; }	
	.col.casestudy .imgview, .col.casestudy .imgview img { height: 288px; }		
	.col.whtbg p { font-size: 75%; }	
	.col.whtbg h2 { font-size: 95%; margin-bottom: 10px; }
	footer .col.btm { height:auto; }
	footer .col.btm .inner { padding:22px 0; }	
	.mobURL { display:none; }	
	}