/*
font-family:'Neue Helvetica W01';
*/

.purple { background: #81397a; color: rgba(129,57,122,1); }
.lilac { background: #8e78d1; color: rgba(142,120,209,1); }
.blue { background: #5486c3; color: rgba(84,134,195,1); }
.orange { background: #de884a; color: rgba(222,136,74,1); }
.green { background: #6fb86e; color: rgba(111,184,110,1); }
.grey { background: #888e94; color: rgba(136,142,148,1); }

* { box-sizing: border-box; }
body { background: rgba(222,136,74,0.1); color: #000; margin: 0; padding: 0; font-family: "Neue Helvetica W01", "Neue Helvetica W05", Arial, Helvetica, "sans-serif"; font-weight: normal; font-size: 15px; text-align: center; }
img { display: block; width: 100%; height: auto; border: none; }
form { margin: 0; padding: 0; }
input, select, textarea { font-family: "Neue Helvetica W01", "Neue Helvetica W05", Arial, Helvetica, "sans-serif"; font-size: 15px; border: 1px solid #ccc; background: #f8f8f8; color: #000; padding: 5px; -webkit-border-radius: 3px; border-radius: 3px; }
input.checkbox { font-family: "Neue Helvetica W01", "Neue Helvetica W05", Arial, Helvetica, "sans-serif"; font-size: 15px; border: 0; background: transparent; color: #000; padding: 0; }
button { font-family: "Neue Helvetica W01", "Neue Helvetica W05", Arial, Helvetica, "sans-serif"; border: 1px solid #de884a; color: #fff; padding: 5px 10px; font-size: 18px; background: #de884a; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; }
.clear { clear: both; }
a { cursor: pointer; }
.hidden { display: none; }

::selection { color: #ccc; background: #de884a; }
::-moz-selection { color: #ccc; background: #de884a; }

header { position: fixed; top: 0; right: 0; left: 0; text-align: center; z-index: 10; background: #fff; border-bottom: 1px solid #e2e4e6; padding: 30px 0; }
header #logo { padding: 0 30px; }
header #logo a { display: block; text-decoration: none; background: url("/images/communications-potential-logo.png") no-repeat 0 0; background-size: contain; width: 282px; height: 50px; text-indent: -999em; }
header nav { position: absolute; top: 25px; right: 30px; }
header nav ul { list-style: none; padding: 0; margin: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }
header nav ul li { margin: 0 0 0 30px; }
header nav ul li a { position: relative; display: block; cursor: pointer; margin: 0; padding: 35px 0 0 0; text-decoration: none; font-weight: normal; color: #888e94; font-size: 18px; line-height: 30px; }
header nav ul li a b { position: absolute; top: 0; left: 0; background: url("/images/corner-negative.png") no-repeat 50% 50%; width: 30px; height: 30px; background-size: contain; }
header nav ul li.home a:hover, #header #nav ul li.home.selected a { color: #de884a; }
header nav ul li.home.selected b { background-color: #de884a; }
header nav ul li.people a:hover, #header #nav ul li.people.selected a { color: #8e78d1; }
header nav ul li.people.selected b { background-color: #8e78d1; }
header nav ul li.services a:hover, #header #nav ul li.services.selected a { color: #5486c3; }
header nav ul li.services.selected b { background-color: #5486c3; }
header nav ul li.projects a:hover, #header #nav ul li.projects.selected a { color: #6fb86e; }
header nav ul li.projects.selected b { background-color: #6fb86e; }
header nav ul li.clients a:hover, #header #nav ul li.clients.selected a { color: #888e94; }
header nav ul li.clients.selected b { background-color: #888e94; }
header nav ul li.news a:hover, #header #nav ul li.news.selected a { color: #de884a; }
header nav ul li.news.selected b { background-color: #de884a; }
header nav ul li.contact-us a:hover, #header #nav ul li.contact-us.selected a { color: #de884a; }
header nav ul li.contact-us.selected b { background-color: #de884a; }
header nav ul li.social { margin-left: 20px; }
header nav ul li.social a { display: inline-block; width: 25px; height: 25px; background-repeat: no-repeat; background-position: 50% 100%; background-size: contain; margin: 0 0 0 10px; opacity: 0.5; }
header nav ul li.social a:hover { opacity: 1; }
header nav ul li.social a.search { background-image: url("/images/search.png"); }
header nav ul li.social a.linkedin { background-image: url("/images/linkedin.png"); }
header nav ul li.social a.twitter { background-image: url("/images/twitter.png"); }

header #secondarynav { margin: 10px 0 0 40px; }
header #secondarynav a { margin: 0 20px 0 0; color: #d6004d; }
header #secondarynav a.selected { color: #000; }

/* mobile menu */
#nav-trigger { display: none; }
#nav-mobile { display: none; }

main { position: relative; text-align: center; padding: 0; z-index: 1; background: #fff; margin: 110px 0 0 0; }
main aside { height: 200px; background-repeat: no-repeat; background-position: 50% 100%; background-size: cover; }
main section { position: relative; width: 1200px; margin: 0 auto; padding: 30px 0 90px 0; text-align: left; }

/*
body.home { background-color: #de884a; }
body.people { background-color: #8e78d1; }
body.services { background-color: #5486c3; }
body.projects { background-color: #6fb86e; }
body.news { background-color: #81397a; }
body.clients { background-color: #888e94; }
*/

body.home .content .header { position: relative; background: url("/library/home_header.jpg") no-repeat 50% 50%; width: 800px; height: 800px; margin: 0 0 60px 0; background-size: cover; }
body.home .content .header .pull-quote { position: absolute; top: 30px; left: 0; width: 500px; background: url("/images/pull-quote-blue.png") no-repeat right bottom; background-size: cover; }
body.home .content .header .pull-quote p { margin: 0; padding: 30px 180px 60px 30px; font-size: 18px; color: #fff; }
body.home .content .header .pull-quote p strong { color: #fff; }

body.home #expect { width: calc(100% + 15px);  list-style: none; margin: 30px 0 15px 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
body.home #expect li { position: relative; width: calc(33.33% - 15px); margin: 0 15px 30px 0; padding: 55px 15px 0 0; }
body.home #expect li em { position: absolute; display: block; top: 0; left: 0; width: 45px; height: 45px; }
body.home #expect li.q1 em { background: #5486c3 url("/images/corner-negative.png") no-repeat 50% 50%; background-size: contain; }
body.home #expect li.q2 em { background: #de884a url("/images/top-corner-negative.png") no-repeat 50% 50%; background-size: contain; }
body.home #expect li.q3 em { background: #8e78d1 url("/images/left-corner-negative.png") no-repeat 50% 50%; background-size: contain; }
body.home #expect li.q4 em { background: #81397a url("/images/top-corner-negative.png") no-repeat 50% 50%; background-size: contain; }
body.home #expect li.q5 em { background: #6fb86e url("/images/corner-negative.png") no-repeat 50% 50%; background-size: contain; }
body.home #expect li.q6 em { background: #888e94 url("/images/right-corner-negative.png") no-repeat 50% 50%; background-size: contain; }
body.home #expect li.q7 em { background: #de884a url("/images/right-corner-negative.png") no-repeat 50% 50%; background-size: contain; }
body.home #expect li.q8 em { background: #81397a url("/images/corner-negative.png") no-repeat 50% 50%; background-size: contain; }

body.home .content h2.corner { margin: 0 0 30px 0; padding: 0; font-weight: normal; line-height: 30px; }
body.home .content h2.corner a { position: relative; display: block; padding: 35px 0 0 0; color: #888e94; text-decoration: none; }
body.home .content h2.corner a b { position: absolute; top: 0; left: 0; background: url("/images/corner-negative.png") no-repeat 50% 50%; width: 30px; height: 30px; background-size: contain; }
body.home .content h2.corner.projects a b { background-color: #6fb86e; }

body.home .content.full-width { width: 100%; }

#right { float: right; width: calc(33.33% - 30px); position: relative; margin: 0; padding: 0; }
#right h2 { margin: 0 0 30px 0; padding: 0; font-weight: normal; line-height: 30px; }
#right h2 a { position: relative; display: block; padding: 35px 0 0 0; color: #888e94; text-decoration: none; }
#right h2 a b { position: absolute; top: 0; left: 0; background: url("/images/corner-negative.png") no-repeat center center; width: 30px; height: 30px; background-size: contain; -ms-behavior: url(/backgroundsize.min.htc); }

#brochure p a { display: block; line-height: 20px; padding: 15px 10px 15px 70px; font-size: 18px; background: rgba(222,136,74,0.1) url("/images/pdf-icon.png") no-repeat 10px center; background-size: 50px; -ms-behavior: url(/backgroundsize.min.htc); color: #de884a; text-decoration: none; border-radius: 15px; }
#brochure p a:hover { background-color: #de884a; color: #fff; }

body.home #right h2 a b { background-color: #de884a; }
body.people #right h2 a b { background-color: #8e78d1; }
body.services #right h2 a b { background-color: #5486c3; }
body.projects #right h2 a b { background-color: #6fb86e; }
body.clients #right h2 a b { background-color: #888e94; }
body.news #right h2 a b { background-color: #de884a; }
body.contact-us #right h2 a b { background-color: #de884a; }

#right ul.news { list-style: none; margin: 0; padding: 0; border: 0; }
#right ul.news li { margin: 0 0 30px 0; padding: 0; overflow: auto; }
#right ul.news li a { position: relative; display: block; padding: 0; text-decoration: none; font-weight: normal; color: #888e94; }
#right ul.news li a:hover { color: #de884a; }
#right ul.news li a h4 { font-weight: bold; font-family: "Neue Helvetica W01", "Neue Helvetica W05", Arial, Helvetica, "sans-serif"; font-size: 15px; margin: 0; }
#right ul.news li a p { margin: 0; }
#right input, #right textarea { width: 275px; }
#right input.checkbox { width: auto; }
#right label { padding: 0 5px; line-height: 25px; font-weight: bold; }
#right label.normal { font-weight: normal; }

.content .body { position: relative; margin: 60px 0; }
.content .indent { margin: 15px 0 15px 40px; }

.content .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 45px; -moz-column-gap: 45px; column-gap: 45px; margin: 15px 0 15px 40px; }
.content .columns h3 { margin: 0 0 15px 0; }
.content .columns p { margin: 0 0 15px 0; }

.content p a.pdf { display: inline-block; position: relative; padding-left: 30px; line-height: 30px; background: url("/images/pdf-icon.png") no-repeat 0 center; background-size: 25px; }

body.people .content .header { position: relative; background: url("/images/rev-pull-quote-lilac.png") no-repeat right top; height: 300px; background-size: contain; margin: 0 0 30px 0; }
body.people .content .header h1 { margin: 0; padding-left: 40px; width: 400px; }
body.people .content .header h2 { margin: 0; padding-left: 40px; font-weight: bold; }
body.people .content .header h3 { position: relative; margin: 0; padding-left: 40px; line-height: 30px; }
body.people .content .header h3 b { position: absolute; top: 0; left: 0; background: url("/images/top-corner-negative.png") no-repeat 50% 50%; width: 30px; height: 30px; background-size: contain; background-color: #8e78d1; }
body.people .content .header .pdf { position: relative; margin: 10px 0 0 40px; padding-left: 40px; line-height: 40px; background: url("/images/pdf-icon.png") no-repeat 0 center; background-size: 35px; }
body.people .content .header .pdf a { color: #8e78d1; }
body.people .content .header .pull-quote { position: absolute; top: 50px; right: 0; width: 360px; height: 250px; overflow: hidden; }
body.people .content .header .pull-quote h4 { margin: 0 140px 0 0; font-size: 18px; font-weight: bold; color: #8e78d1; }
body.people .content .header .pull-quote .photo { position: absolute; top: 30px; right: -25px; width: 200px; height: 250px; background-repeat: no-repeat; background-position: center top; }

body.clients .logo { float: right; font-weight: normal; width: 320px; height: 150px; background-repeat: no-repeat; background-position: center center; }

body.projects .content .header { position: relative; background: url("/images/rev-pull-quote-green.png") no-repeat right top; height: 300px; background-size: contain; margin: 0 0 30px 0; }
body.projects .content .header h1 { margin: 0; padding-left: 40px; width: 400px; }
body.projects .content .header h2 { margin: 0; padding-left: 40px; font-weight: bold; }
body.projects .content .header h3 { position: relative; margin: 0; padding-left: 40px; line-height: 30px; }
body.projects .content .header h3 b { position: absolute; top: 0; left: 0; background: url("/images/top-corner-negative.png") no-repeat 50% 50%; width: 30px; height: 30px; background-size: contain; background-color: #6fb86e; }
body.projects .content .header .pdf { position: relative; margin: 10px 0 0 40px; padding-left: 40px; line-height: 40px; background: url("/images/pdf-icon.png") no-repeat 0 center; background-size: 35px; }
body.projects .content .header .pdf a { color: #6fb86e; }
body.projects .content .header .pull-quote { position: absolute; bottom: 15px; right: 15px; width: 305px; }
body.projects .content .header .pull-quote h4 { margin: 0; font-size: 18px; font-weight: bold; color: #6fb86e; }
body.projects .content .columns { float: left; width: calc(66.66% - 70px); }
body.projects .content .columns h2 { font-size: 15px; font-weight: bold; }
body.projects .content .images { float: right; width: 33.33%; }
body.projects .content .images ul { list-style: none; margin: 15px 0 0 0; padding: 0; }
body.projects .content .images ul li { margin: 0 0 20px 0; }
body.projects .content .images ul li img { display: block; width: 100%; height: auto; }

body.news .content .header { position: relative; background: url("/images/rev-pull-quote-orange.png") no-repeat right top; height: 300px; background-size: contain; margin: 0 0 30px 0; }
body.news .content .header h1 { margin: 0; padding-left: 40px; width: 550px; }
body.news .content .header h2 { margin: 0; padding-left: 40px; font-weight: bold; line-height: 30px; }
body.news .content .header h3 { position: relative; margin: 0; padding-left: 40px; line-height: 30px; }
body.news .content .header h3 b { position: absolute; top: 0; left: 0; background: url("/images/top-corner-negative.png") no-repeat 50% 50%; width: 30px; height: 30px; background-size: contain; background-color: #de884a; }
body.news .content .header .pull-quote { position: absolute; bottom: 15px; right: 15px; width: 305px; }
body.news .content .header .pull-quote h4 { margin: 0; font-size: 18px; font-weight: bold; color: #de884a; }
body.news .content .pdf { position: relative; margin: 10px 0 0 40px; padding-left: 40px; line-height: 40px; background: url("/images/pdf-icon.png") no-repeat 0 center; background-size: 35px; }

#loading { text-align: center; }

.content { float: left; width: 66.66%; position: relative; color: #000; text-align: left; }
.content.wide { float: none; width: auto; }
.content .thin { width: 66.66%; }
.content h1 { color: #de884a; font-size: 42px; margin: 0 0 20px 0; font-weight: normal; }
.content button.edit-button { float: right; }
.content h2 { color: #000; font-size: 20px; font-weight: bold; }
.content h3 { color: #888e94; font-size: 18px; font-weight: bold; font-family: "Neue Helvetica W01", "Neue Helvetica W05", Arial, Helvetica, "sans-serif"; }
.content p { color: #000; line-height: 20px; }
.content p b, .content p strong { color: #000; }
.content ol, .content ul {}
.content ol li, .content ul li {}
.content li a { }
.content blockquote { margin: 20px 0; padding: 5px 15px; background: #f5f5f5; }
.content blockquote p { margin: 10px 0 0 0; }
.content a { color: #000; text-decoration: none; font-weight: bold; }
.content a:hover { }
.content form { margin: 15px 0; }
.content .left-col { position: relative; float: left; width: calc(50% - 15px); }
.content .right-col { position: relative; float: right; width: calc(50% - 15px); }

body.contact-us .content .left-col { width: calc(33.33% - 15px); margin-right: 15px; }
body.contact-us .content .left-col iframe { width: 100%; height: 450px; }
body.contact-us .content .left-col input, body.contact-us .content .left-col textarea { width: 100%; }
body.contact-us .content .left-col input[type=radio] { width: auto; }

.content .left-col .image, .content .right-col .image { height: auto; margin: 30px 0; }

.content input, .content textarea { width: 275px; }
.content input.checkbox { width: auto; }
.content label { padding: 0 5px; line-height: 25px; font-weight: bold; }
.content label.normal { font-weight: normal; }
.content form b { color: #f00; }
.content table { color: #000; line-height: 1.5em; border-top: 1px solid #eee; }
.content table th { font-weight: bold; text-align: left; vertical-align: top; border-bottom: 1px solid #eee; padding: 3px 10px 3px 3px; }
.content table td { font-weight: normal; text-align: left; vertical-align: top; border-bottom: 1px solid #eee; padding: 3px; }
.content #map { float: right; width: 350px; height: 350px; }
.content .price { position: relative; }
.content .price b { position: absolute; top: 0; right: 0; width: 125px; text-align: right; color: #fff; font-weight: normal; }
.content form .price b { color: #fff; }

.content ul.people { width: calc(100% + 15px); list-style: none; margin: 20px 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.content ul.people li { position: relative; width: calc(20% - 15px); margin: 0 15px 15px 0; padding: 15px 15px 0; background: #f5f5f5; }
.content ul.people li a { position: relative; display: block; font-weight: normal; background-repeat: no-repeat; background-position: center top; padding: 0 0 10px 0; }
.content ul.people li a img { width: 100%; height: auto; }
.content ul.people li a h2 { line-height: 18px; font-size: 13px; margin: 10px 0 0; padding: 0 5px; text-align: center; }
.content ul.people li a h2 strong { font-size: 15px; }
.content ul.people li a h2 i { color: #888e94; font-style: normal; }
.content ul.people li button.edit-button { position: absolute; top: 0; left: 0; }

#communications-potential { background: rgba(222,136,74,0.1); position: absolute; right: 0; top: 50px; width: 275px; }
#communications-potential a { display: block; padding: 15px; font-weight: normal; }
#communications-potential a img { display: block; width: 100%; height: auto; }
#communications-potential a p { margin: 15px 0 0 0; }

.content ol.services { width: calc(100% + 15px); list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.content ol.services li { position: relative; width: calc(16.66% - 20px); margin: 0 20px 0 0; padding: 0; }
.content ol.services li li { width: auto; }
.content ol.services li a { position: relative; display: block; font-weight: normal; padding: 50px 0 10px 0; color: #de884a; font-size: 20px; line-height: 25px; }
.content ol.services li a b { position: absolute; top: 0; left: 0; width: 45px; height: 45px; }
.content ol.services li.service-group-1 { padding-top: 60px; }
.content ol.services li.service-group-1 a b { background: #5486c3 url("/images/corner-negative.png") no-repeat 50% 50%; background-size: contain; }
.content ol.services li.service-group-2 { padding-top: 150px; }
.content ol.services li.service-group-2 a b { background: #de884a url("/images/top-corner-negative.png") no-repeat 50% 50%; background-size: contain; }
.content ol.services li.service-group-3 { padding-top: 0; }
.content ol.services li.service-group-3 a b { background: #8e78d1 url("/images/left-corner-negative.png") no-repeat 50% 50%; background-size: contain; }
.content ol.services li.service-group-4 { padding-top: 120px; }
.content ol.services li.service-group-4 a b { background: #de884a url("/images/top-corner-negative.png") no-repeat 50% 50%; background-size: contain; }
.content ol.services li.service-group-5 { padding-top: 30px; }
.content ol.services li.service-group-5 a b { background: #6fb86e url("/images/corner-negative.png") no-repeat 50% 50%; background-size: contain; }
.content ol.services li.service-group-6 { padding-top: 150px; }
.content ol.services li.service-group-6 a b { background: #888e94 url("/images/right-corner-negative.png") no-repeat 50% 50%; background-size: contain; }
.content ol.services li a h2 { line-height: 20px; font-size: 13px; margin: 0; padding: 0 5px; text-align: center; }
.content ol.services li a h2 strong { font-size: 15px; }
.content ol.services li a h2 i { color: #888e94; font-style: normal; }
.content ol.services li ul { list-style: disc; margin: 10px 0 0 10px; padding: 0 0 0 10px; }
.content ol.services li ul li { margin: 0 0 15px 0; padding: 0; }
.content ol.services li ul li a { padding: 0 15px 0 0; color: #000; font-size: 15px; line-height: 18px; background: transparent; }

.content ul.projects { width: calc(100% + 15px); list-style: none; margin: 20px 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.content ul.projects li { position: relative; width: calc(33.33% - 15px); margin: 0 15px 30px 0; padding: 0; background: #f3f3f4; }
.content ul.projects li:nth-of-type(3n) { margin-right: 0; }
.content ul.projects li button { position: absolute; top: 0; left: 0; }
.content ul.projects li a { position: relative; display: block; font-weight: normal; }
.content ul.projects li a img { display: block; width: 100%; height: auto; }
.content ul.projects li a h2 { margin: 0; font-size: 18px; font-weight: bold; padding: 15px; }
.content ul.projects li a h2 i { color: #888e94; font-style: normal; }

.content ul.clients { width: 100%; list-style: none; margin: 20px 0; padding: 0; -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; }
.content ul.clients li { position: relative; margin: 0 0 60px 0; }
.content ul.clients li button { position: absolute; top: 0; left: 0; }
.content ul.clients li a { position: relative; display: block; font-weight: normal; }
.content ul.clients li a img { width: 100%; height: auto; }

.content ul.news { width: calc(100% + 16px); list-style: none; margin: 20px 0; padding: 0; }
.content ul.news li { position: relative; float: left; width: calc(25% - 15px); margin: 0 15px 15px 0; background: #f3f3f4; }
.content ul.news li.news-1 { background: rgba(84,134,195,0.1); }
.content ul.news li.news-2 { background: rgba(129,57,122,0.1); }
.content ul.news li.news-3 { background: rgba(111,184,110,0.1); }
.content ul.news li.news-4 { background: rgba(222,136,74,0.1); }
.content ul.news li button { position: absolute; top: 0; left: 0; }
.content ul.news li a { position: relative; display: block; font-weight: normal; padding: 15px; }
.content ul.news li a h2 { margin: 0; font-size: 15px; font-weight: bold; }
.content ul.news li a p { margin: 0; }

.content ul.search { width: calc(100% + 15px); list-style: none; margin: 20px 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.content ul.search li { position: relative; width: calc(33.33% - 15px); margin: 0 15px 15px 0; padding: 0; background: #f3f3f4; }
.content ul.search li:nth-of-type(3n) { margin-right: 0; }
.content ul.search li a { position: relative; display: block; font-weight: normal; padding: 15px; }
.content ul.search li a h2 { margin: 0; padding: 0; font-size: 18px; font-weight: bold; }
.content ul.search li a h2 i { color: #888e94; font-style: normal; }
.content ul.search li a p { margin: 15px 0 0 0; }

#nextprev { margin: 10px 0 0 0; padding: 10px 0 0 0; }

footer { text-align: center; }
footer section { position: relative; width: 1200px; margin: 0 auto; font-size: 13px; padding: 30px 0 60px 0; color: #888e94; font-weight: normal; text-align: left; }
footer section a { text-decoration: none; color: #888e94; }
footer section p a.pdf { display: block; line-height: 30px; padding: 0 0 0 30px; font-size: 13px; background: url("/images/pdf-icon.png") no-repeat 0 50%; background-size: 25px; }

#cookie-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #de884a; line-height: 20px; color: rgba(255,255,255,0.75); text-align: center; padding: 10px 20px; z-index: 99; }
#cookie-bar a { color: #fff; text-decoration: none; }

/* slick */
.slick-dots { list-style: none; margin: 20px 0 0 0; padding: 0; }
.slick-dots:after { display: table; content: ""; clear: both; }
.slick-dots li { float: left; margin: 0 20px 0 0; }
.slick-dots li button { display: block; background: #fff; width: 10px; height: 10px; padding: 0; text-indent: -999em; }
.slick-dots li.slick-active button { background: #363433; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -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 { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.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; }
.slick-arrow.slick-hidden { display: none; }

article.slicker, article.slicker .slick-list, article.slicker .slick-list .slick-track { width: 100%; height: 100%; }
article.slicker .slick-list .slick-track .slick-slide { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
article.slicker .slick-arrow { position: absolute; top: calc(50% - 15px); width: 35px; height: 35px; z-index: 1; color:rgba(0,0,0,0); outline: none; cursor: pointer; overflow: hidden; background: rgba(255,255,255,0.25); border: 0; border-radius: 100%; }
article.slicker .slick-prev { left: 20px; }
article.slicker .slick-prev:before { content: "\25C4"; color: #fff; position: absolute; width: 35px; height: 35px; top: 0; left: 0; text-align: center; line-height: 35px; }
article.slicker .slick-next { right: 20px; }
article.slicker .slick-next:before { content: "\25BA"; color: #fff; position: absolute; width: 35px; height: 35px; top: 0; left: 0; text-align: center; line-height: 35px; }
article.slicker .slick-dots { position: absolute; bottom: -30px; left: calc(50% - 30px); }

@media only screen and (max-width: 1199px) {
	main section { width: auto; margin: 0 30px; }
	footer section { width: auto; margin: 0 30px; }
}

@media only screen and (max-width: 1023px) {
	header nav { display: none; }
	header #nav-trigger { display: block; text-align: center; position: absolute; bottom: 15px; right: 10px; height: 50px; }
	header #nav-trigger span { display: block; padding: 0 15px; color: #333; cursor: pointer; font-size: 55px; line-height: 50px; z-index: 9999; }
	header #nav-mobile { position: absolute; display: block; top: 110px; left: 0; right: 0; padding-top: 0; }
	header #nav-mobile ul { display: none; list-style: none; margin: 0; padding: 20px 30px; text-align: left; background: #de884a; }
	header #nav-mobile ul li { margin: 0; }
	header #nav-mobile ul li a { display: block; cursor: pointer; margin: 0; padding: 10px 0; text-decoration: none; font-weight: bold; color: #fff; font-size: 20px; line-height: 22px; border-bottom: 1px solid rgba(255,255,255,0.25); }
	header #nav-mobile ul li a b { display: none; }
	header #nav-mobile ul li.social { padding: 20px 0 0 0; text-align: center; }
	header #nav-mobile ul li.social a { display: inline-block; border: 0; margin: 0 10px; }
	header nav ul li.social a.search { background-image: url("/images/search-white.png"); opacity: 1; }
	header #nav-mobile ul li.social a.linkedin { background-image: url("/images/linkedin-white.png"); opacity: 1; }
	header #nav-mobile ul li.social a.twitter { background-image: url("/images/twitter-white.png"); opacity: 1; }
	body.home .content { float: none; width: 100%; }
	body.home .content .header { width: 100%; }
	body.home #right { float: none; width: auto; }
	body.home #right ul.news { float: left; width: 50%; }
	body.home #right #brochure { float: right; width: calc(50% - 30px); margin: -15px 0 0 0; }
	body.home #right:after { content: ""; display: table; clear: both; }
	
	main {  margin: 110px 0 0 0; }
	main section { width: auto; margin: 0 30px; }
	.content .thin { width: auto; }
	body.people .content .header .pull-quote { width: 50%; }
	body.people .content .header .pull-quote h4 { position: absolute; bottom: 15px; margin: 0 160px 0 0; }
	body.projects .content .columns { float: none; width: calc(100% - 40px); }
	.content ul.people li { width: calc(25% - 15px); }
	.content ul.clients { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; }
	.content ul.news li { width: calc(50% - 15px); }
	body.contact-us .content .left-col, body.contact-us .content .right-col { float: left; width: calc(50% - 20px); margin-right: 20px; }
	body.contact-us .content .clear { display: none; }
	body.projects .content .images { float: none; width: auto; margin-left: 40px; }
	.content ol.services li { width: calc(33.33% - 20px); }
	body.projects .content .images ul { width: calc(100% + 15px); list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	body.projects .content .images ul li { position: relative; width: calc(33.33% - 15px); margin-right: 15px; }
	#landing-right { float: none; width: calc(100% + 15px); display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	#landing-right li { width: calc(33.33% - 15px); margin: 0 15px 0 0; }
	#landing-right li iframe { height: 225px; }
	#communications-potential { position: relative; right: auto; top: auto; width: auto; margin: 15px 0; }
	#communications-potential img { max-width: 50%; }
	body.contact-us .content .left-col { width: 100%; margin-right: 0; }
	footer section { width: auto; margin: 0 30px; padding: 20px 0 30px 0; }
	footer section ul li { width: 33.33%; margin-right: 0; }
	footer section ul li:last-of-type { width: 100%; margin-right: 0; padding: 30px 0 0 0; }
}

@media only screen and (max-width: 767px) {
	header #logo a { width: 197px; height: 35px; }
	header #nav-trigger { bottom: 20px; }
	header #nav-mobile { top: 95px; }
	main { margin: 95px 0 0 0; }
	.content, #right { float: none; width: auto; }
	body.home .content .header { width: auto; height: 450px; margin: 0; }
	body.home .content .header .pull-quote { width: calc(100% - 30px); background: rgba(84,134,195,0.75); }
	body.home .content .header .pull-quote p { padding: 30px; }
	body.home #expect li { width: auto; }
	body.home #right ul.news { float: none; width: auto; }
	body.home #right #brochure { float: none; width: auto; margin: 0; }
	.content ul.people li { width: calc(50% - 15px); }
	body.people .content .header, body.projects .content .header, body.news .content .header { background-position: 100% 100%; }
	body.people .content .header h1 { width: auto; font-size: 35px; z-index: 2; }
	body.people .content .header h2 { font-size: 18px; z-index: 2; }
	body.people .content .header .pull-quote { position: absolute; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; }
	body.people .content .header .pull-quote h4 { position: absolute; bottom: 15px; left: 15px; font-size: 15px; z-index: 2; margin: 0 125px 0 0; }
	body.people .content .header .pull-quote .photo { background-position: 100% 100%; top: auto; bottom: 0; z-index: 1; background-size: 75% !important; }
	body.projects .content .header h4, body.news .content .header h4 { padding: 0 15px 15px 0; }
	.content .columns { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; margin: 15px 0; }
	.content ol.services li { width: calc(50% - 20px); }
	.content ol.services li li { width: auto; }
	.content ol.services li.service-group-1 { padding-top: 0; }
	.content ol.services li.service-group-2 { padding-top: 0; }
	.content ol.services li.service-group-3 { padding-top: 0; }
	.content ol.services li.service-group-4 { padding-top: 0; }
	.content ol.services li.service-group-5 { padding-top: 0; }
	.content ol.services li.service-group-6 { padding-top: 0; }
	.content ul.projects li { float: none; width: calc(100% - 15px); margin: 0 0 15px 0; }
	body.projects .content .columns { float: none; width: auto; }
	body.projects .content .header { height: auto; }
	body.projects .content .header h1 { width: auto; font-size: 35px; }
	body.projects .content .header h2 { font-size: 18px; }
	body.projects .content .header .pull-quote { position: relative; bottom: auto; right: auto; width: auto; margin: 15px 0 0 40px; }
	body.projects .content .header .pull-quote h4 { font-size: 15px; }
	body.projects .content .images { float: none; width: auto; }
	body.projects .content .images ul li { width: calc(100% - 15px); }
	.content .indent { margin: 15px 0; }
	.content ul.clients { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; }
	body.clients .logo { float: none; width: 100%; background-position: 0 0; margin: 0 0 20px 0; }
	body.news .content .columns { float: none; width: auto; }
	body.news .content .header { height: auto; }
	body.news .content .header h1 { width: auto; font-size: 28px; }
	body.news .content .header h2 { font-size: 18px; }
	body.news .content .header .pull-quote { position: relative; bottom: auto; right: auto; width: auto; margin: 15px 0 0 40px; }
	body.news .content .header .pull-quote h4 { font-size: 15px; }
	.content ul.news li { width: auto; }
	body.contact-us .content .left-col, .content .right-col { float: none; margin-right: 0; width: 100%; }
	.content .left-col .image, .content .right-col .image { height: auto; }
	body.contact-us .content .left-col .image img, body.contact-us .content .right-col .image img { display: block; width: 100%; height: auto; }
	.content .left-col iframe, .content .right-col iframe { width: 100%; }
	.content input, .content textarea { width: 100%; }
	.content ul.search li { width: calc(100% - 15px); margin: 0 0 30px 0; }
	#landing-right li { width: 100%; margin: 0 15px 15px 0; }
	#communications-potential img { max-width: 250px; }
	footer section { width: auto; margin: 0 30px; padding: 20px 0 30px 0; }
	footer section ul li { width: 100%; margin-right: 0; }
	footer section ul li:last-of-type { width: 100%; margin-right: 0; }
}

@media only screen and (max-width: 375px) {
	.content ul.people li { width: 100%; }
}

@media only screen and (max-width: 320px) {
}