/************************************************************************************
RESET
*************************************************************************************/
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;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 0px; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality;}
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;}
img, fieldset {border: 0;}

.ipad-wide, .ipad, .iphone6plus-land, .iphone6-land, .iphone5s-land, .iphone4-land, .iphone6plus-port, .iphone6-port{display:none; font-size:15px; line-height:15px; font-weight:bold; color:black;}

/* set image max width to 100% */
img {max-width: 100%; height: auto; width: auto\9; /* ie8 */ image-rendering: crisp-edges; }

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
em {font-style:italic;}
.touch .work-item-link {opacity:1 !important;}
.touch .work-item img { opacity:0.65 !important;}

/************************************************************************************
CUSTOM FONTS
*************************************************************************************/

@font-face {
font-family: 'BeryRoman-Normal';
src: url('../fonts/bery/BeryRoman-Normal_gdi.eot');
src: url('../fonts/bery/BeryRoman-Normal_gdi.eot?#iefix') format('embedded-opentype'),
url('../fonts/bery/BeryRoman-Normal.woff2') format('woff2'),
url('../fonts/bery/BeryRoman-Normal_gdi.woff') format('woff'),
url('../fonts/bery/BeryRoman-Normal_gdi.ttf') format('truetype'),
url('../fonts/bery/BeryRoman-Normal_gdi.svg#BeryRoman-Normal') format('svg');
font-weight: normal;
font-style: normal;
}

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

@font-face {
font-family: 'textanarrow-book';
src: url('../fonts/textanarrow_book/textanarrow-book-webfont.eot');
src: url('../fonts/textanarrow_book/textanarrow-book-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/textanarrow_book/textanarrow-book-webfont.woff2') format('woff2'),
url('../fonts/textanarrow_book/textanarrow-book-webfont.woff') format('woff'),
url('../fonts/textanarrow_book/textanarrow-book-webfont.ttf') format('truetype'),
url('../fonts/textanarrow_book/textanarrow-book-webfont.svg#textanarrow-light') format('svg');
font-weight: normal;
font-style: normal;
}


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


/************************************************************************************
STRUCTURE
*************************************************************************************/

body{-ms-interpolation-mode: bicubic; -webkit-text-size-adjust: none; /*-webkit-font-smoothing: antialiased;*/ -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased;}
#clear-header{width:100%; height:100%; /*margin-top:71px;*/}
html {height:100%; width:100%; -webkit-text-size-adjust: none;}
.round-button{border:1px solid white; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; font-size:20px; font-family: 'textanarrow-book'; display:inline-block; padding-left:40px; padding-right:40px; padding-top:7px; padding-bottom:9px; color:white; text-decoration:none; line-height:19px; text-transform:lowercase;}
*:before, *:after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
body{height: 100%; width:100%;}
p{font-size:12px; line-height:12px;}
.touch{}

/*HEADER*/
header{width:100%; background-color:#ffffff; height:72px; -moz-box-shadow:-1px 2px 5px rgba(0,0,0,.40);-webkit-box-shadow:-1px 2px 5px rgba(0,0,0,.40);box-shadow:-1px 2px 5px rgba(0,0,0,.40); position: fixed; top: 0; left: 0; z-index: 9998; }
.inner{width:100%; max-width:1150px; min-width:320px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.inner-header{width:100%; max-width:1165px; min-width:320px; margin-left:auto; margin-right:auto; padding-right:0px; padding-left:15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.inner-small{width:100%; max-width:930px; min-width:320px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.small-home{max-width:750px;}


#logo{width:120px; float:left; margin-top:18px; overflow:hidden;}
a#logo-header { background: url("../img/full-logo.png") no-repeat scroll 0 0 transparent; display: inline; float: left; height: 39px;margin-bottom: 0 !important; margin-top: 0 !important; overflow: hidden; text-indent: -999em; width: 100%; background-size: 120px 39px;}
header nav{float:right; width:100%; max-width:720px; margin-top:21px;}
header nav ul{float:right;}
header nav li {color:white; display:inline-block; float:left; font-size:20px; line-height:30px; margin-left:26px;}
header nav li a {color:#adadad; text-decoration:none; font-family:'textanarrow-book'; text-decoration: none; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; text-transform:lowercase; padding-bottom:2px;}
header nav li a:hover, nav li a:active {color: #004961; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear;}
.current{color:#004961; border-bottom:2px solid #004961;}

/*HOME CONTACT*/
.text-block, #about-intro, #partner-details {background-color:#ffffff; padding-top:75px; padding-bottom:80px; text-align:center;}
.home-get-in-touch{width:100%; clear:both; padding-bottom:150px !important; padding-top:140px !important;}
.home-get-in-touch h2{font-size:40px; line-height:42px; font-family:'textanarrow-light'; color:#004961; margin-bottom:12px;}
.home-get-in-touch p{font-size:21px; line-height:25px; color:#58595b; font-family:'textanarrow-book'; margin-left:23%; margin-right:23%; margin-bottom:0px;}

/*HOME HERO*/
#home-hero{width:100%; background: url('../img/home-hero.jpg') no-repeat center center fixed; -webkit-background-size: cover;
 -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#home-hero-intro{width:76.979167%; margin:auto; text-align:center;}
#home-hero-box{width:100%; border:1px solid white; margin-top:250px; margin-bottom:250px; float:left; padding-top:7%; padding-bottom:9%;}
#hero-logo img{width:100%; max-width:516px;}
#home-hero-box a{}
.content-a {display:table;}
.content-b {display:table-cell; vertical-align:middle;}
.content-c{width:100%; max-width:715px; text-align:center; min-width:320px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.content-d{ /*border:1px solid white; padding-bottom:9%; padding-top:7%; padding-left:10%; padding-right:10%;*/}
.round-button-white{-webkit-transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s; -ms-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s;}
.round-button-white:hover{background-color:white; color:black; -webkit-transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s; -ms-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s;}
.content-d {-webkit-animation:fadein 4s; -moz-animation:fadein 4s; -ms-animation:fadein 4s; -o-animation: fadein 4s; animation: fadein 4s;}
@keyframes fadein {from { opacity: 0; } to   { opacity: 1; }}
@-moz-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}
@-ms-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}
@-o-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}
.content-d h1, .content-d h2{font-size:40px; line-height:52px; font-family: 'BeryRoman-Normal'; color:#ffffff; /*margin-left:20%; margin-right:20%; margin-bottom:34px; margin-top:25px;*/ margin-bottom:24px; margin-top:140px;}

.content-d span{letter-spacing:-2px;}

h4{font-size:18px; line-height:20px; margin-bototm:20px;}

.background { background-repeat:no-repeat; background-position:50% 50%; background-position:50% 50%\9 !important; position:relative;}
html, body, #pagewrap {height:100%;}
.fullscreen, .content-a { width:100%; min-height:100%;}
.not-fullscreen, .not-fullscreen .content-a, .fullscreen.not-overflow,.fullscreen.not-overflow .content-a { height:100%; overflow:hidden;}
section {background:#9ed100;}
.not-fullscreen { height:50%;}




/*footer*/
footer{width:100%; background-color:#000000; padding-top:40px; padding-bottom:35px; color:#ffffff; clear:both; height:147px;}
#footer-inner{width:100%; float:left;}
#footer-left{width:100%; float:left; margin-top:2px; text-align:center;}
#footer-right{width:30%; float:right; text-align:right;}
#footer-logo img{width:160px; margin-top:6px;}
.footer-break{display:none;}
#linkedin img{width:24px;}
footer p{font-size:15px; line-height:20px; margin-bottom:20px; font-family:'textanarrow-regular'; margin-top:27px;}
#footer-links{display: table; margin:auto;}
footer ul{text-align:left; float:left;}
footer li{ display: inline; border-right:1px solid #b2b2b2; margin-right:11px; padding-right:11px;}
.no-line{border:none; margin-right:0px; padding-right:0px;}
footer li a{text-decoration:none; color:#ffffff; font-family: 'textanarrow-regular'; font-size:15px; line-height:18px; }
footer li a:hover{color:#ffffff; text-decoration:underline;}
#quick-links{margin-top:20px;}
#quick-links img{width:28px;}
#quick-links a{ margin-left:10px;}
.hvr-float {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.2s; transition-duration: 0.2s;
  -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-4px); transform: translateY(-4px);}

/*Home Intro*/
.text-block {background-color:#ffffff; padding-top:75px; padding-bottom:80px; text-align:center;}
.home-intro{width:100%; position:relative; padding-top:165px; padding-bottom:170px;}
.home-intro h2{font-size:40px; line-height:42px; font-family:'textanarrow-light'; color:#004961; margin:auto; margin-bottom:20px;}

.home-intro p{color:#58595b; font-family:"textanarrow-book"; font-size:19px; line-height:23px; margin-bottom:13px; }

.round-button-black{color:#004961; border-color:#004961; -webkit-transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s; -ms-transition:all 0.7s ease 0s; transition: all 0.7s ease 0s;}
.round-button-black:hover{background-color:#004961; color:white; -webkit-transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s; -ms-transition:all 0.7s ease 0s; transition: all 0.7s ease 0s;}
#intro-arrow{height:36px; width:74px; left:0; right:0; bottom:0px; position:absolute; margin-left:auto; margin-right:auto; background: url("../img/hero-button.png") repeat scroll center top; background-size:74px 36px; }
#intro-arrow img{width:74px;}
@-webkit-keyframes hvr-hang {
0% {-webkit-transform: translateY(8px); transform: translateY(6px);}
50% {-webkit-transform: translateY(4px); transform: translateY(3px);}
100% {-webkit-transform: translateY(8px); transform: translateY(6px);}
}
@keyframes hvr-hang {
0% {-webkit-transform: translateY(8px); transform: translateY(6px);}
50% {-webkit-transform: translateY(4px); transform: translateY(3px);}
100% {-webkit-transform: translateY(8px); transform: translateY(6px);}
}
.hvr-hang {display: inline-block; vertical-align: middle; -webkit-animation-name: hvr-hang-sink, hvr-hang;animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s;-webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;-webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;}

/* Work*/
#portfolio-panel{width:100%; background-color:#ffffff; }
.thumbs-wrap{ margin:auto; max-width:1920px; text-align:center; width:100%;}
#portfolio-panel .thumbs-wrap::after {clear:both; content:""; display:block; height:0; visibility:hidden;}
.work-item{float:left; width:50%; position:relative; background-color:#000000; overflow:hidden; max-width:960px;}
.work-item a::before{content: ""; display: inline-block; height: 100%; margin-right: -0.4em;vertical-align: middle;}
.work-item a{display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.work-item-link{ display: inline-block; perspective: 300px; text-align: left; vertical-align: middle; width: 100%; text-align:center;}
.work-item-link h3{font-family:'textanarrow-light'; font-size:46px; line-height:50px; border-bottom:1px solid #ffffff; color:#ffffff; display:inline; padding-bottom:10px;}
.work-item-link p{font-family:'textanarrow-book'; font-size:17px; color:white; margin-bottom:0px; line-height:18px; padding-top:22px; margin-left:0%; margin-right:0%;}
.work-item img{display:block; height:auto; max-width:100%; opacity: 1; position:relative;  transition:all 0.75s ease-in-out 0s; -webkit-transition:all 0.75s ease-in-out 0s; -moz-transition:all 0.75s ease-in-out 0s; -o-transition:all 0.75s ease-in-out 0s; -ms-transition:all 0.95s ease-in-out 0s;}
.work-item:hover img { opacity: 0.65;}
/*.work-item img{ -webkit-backface-visibility:hidden; transform:translate3d(0px,0px,0px); -webkit-transform:translateZ(0);}*/
.work-item-link{opacity:0; transition:1.2s; -webkit-transition:1.2s; -moz-transition:1.2s; -o-transition:1.2s; -ms-transition:1.2s;}
.work-item:hover .work-item-link {opacity:1;}


/*Inentive Hover*/
.thumbs-wrap-incentive .work-item-link {opacity:1 !important;}
.thumbs-wrap-incentive .work-item img { opacity: 0.25 !important;}
.thumbs-wrap-incentive .work-item{}
.work-item-incentive{background-color:#b1a9d4;}
.work-item-recognition{background-color:#47bab7;}
.thumbs-wrap-incentive .work-item-link h3 {border-bottom: 1px solid #ffffff !important;}
.thumbs-wrap-incentive .work-item-link p {font-size: 21px; line-height: 24px; margin: auto; max-width: 380px;}



/*Home Map*/
#home-map{clear:both; width:100%; height:582px; position:relative;}
#outer-map-holder{width:100%; clear:both; display:none;}
#inner-map-holder{display:inherit;}
.map-overlay{width:400px; background: url("../img/yellow-map.png") repeat scroll center top;  position:absolute; top:0px; left:0px; z-index:901; height:582px;}
.map-inner{padding-top:60px; padding-left:90px;}
.map-overlay h4{font-family:'textanarrow-regular'; color:#ffffff; font-size:23px; line-height:28px; padding-top:15px; display:block;}
.map-overlay p{font-family:'textanarrow-book'; color:#ffffff; font-size:19px; line-height:22px; padding-top:2px;padding-bottom:15px; display:block; background: url("../img/map-line.jpg") no-repeat scroll bottom left;}
.map-overlay a{color:#ffffff; text-decoration:none;}
.map-overlay a:hover{color:#ffffff; text-decoration:underline;}
.no-map-line{background:none !important;}
.contact_page_gmaps{height: 582px; position: relative; width: 100%; z-index: 900;}
#gmaps{}

/*Services Section*/
#services-section{width:100%; float:left; clear:both; margin-top:60px;}
#services-inner{width:100%; max-width:730px; min-width:320px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#services-header{width:100%; float:left; margin-top:72px;}
.service-holder{width:100%; float:left; clear:both;}
.service-left{width:227px; float:left;}
.service-right{float:right; width:400px;}
.service-holder h2{font-family:"textanarrow-light"; color:#004961; font-size:32px; line-height:31px; margin-bottom:11px;}
.service-holder p{font-family: "textanarrow-book"; color: #58595b; font-size: 19px; line-height: 22px; margin-bottom:9px;}
.service-holder ul{margin-bottom:15px;}
.service-holder li{font-family: "textanarrow-book"; color: #58595b; font-size: 19px; line-height: 22px; display:block; margin-bottom:4px;}
.services-shadow{width:100%; float:left; margin-bottom:30px; margin-top:43px;}
.service-holder-strategy .service-left, .service-holder-content .service-left, .service-holder-events .service-left{float:left;}
.service-holder-strategy .service-right, .service-holder-content .service-right, .service-holder-events .service-right{float:right;}
.service-holder-creative .service-left, .service-holder-digital .service-left, .service-holder-incentive .service-left{float:right;}
.service-holder-creative .service-right, .service-holder-digital .service-right, .service-holder-incentive .service-right{float:left;}
.service-holder-incentive{margin-bottom:50px;}

/*Brain Section*/
.brain-intro{padding-bottom: 120px; padding-top: 190px;}
.brain-intro h1{color:#004961; font-family:"textanarrow-light"; font-size:40px; line-height:42px; margin-bottom:0; margin-left:auto; margin-right:auto; max-width:650px;}
#news-holder{background-color:#ffffff; width:100%;  margin: auto; max-width: 2000px; text-align: center;}
.news-item{background-color: #ffffff; float:left; max-width:640px; overflow:hidden; position:relative; width:33.333%;}
.news-intro{width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align:center; padding-left:7%; padding-right:7%; position:relative;}
.news-intro h2{color:#004961; font-family:"textanarrow-light"; font-size:31px; line-height:31px; margin-bottom:12px; display:inline-block; margin-top:24px; margin-bottom:12px;}
.news-intro h2 a{color:#004961; text-decoration:none;}
.news-intro p{color:#58595b; font-family:"textanarrow-book"; font-size:19px; line-height:22px; margin-bottom:40px;}

.news-intro p a{color:#58595b; text-decoration:none;}
.news-intro p a:hover{color:#58595b; text-decoration:none;}

.brain-arrow{width:28px; height:14px; position:absolute; left:0px; right:0px; top:-13px; margin-left:auto; margin-right:auto;}
.brain-arrow img{width:28px; height:14px;}
#brain-article-page ul{margin-bottom:12px;}
#brain-article-page li{ color:#58595b; font-family:"textanarrow-book"; font-size:19px; line-height:23px; margin-bottom:7px; background-image: url("../img/retina-bullet-point.jpg"); background-position:left top; background-repeat:no-repeat; padding-left:20px; background-size: 3px 12px;}
#brain-article-page a{color:#58595b; text-decoration:underline;}
#brain-article-page a:hover{color:#58595b; text-decoration:none;}

#brain-cta{float:left; width:100%; clear:both; margin-top:20px; padding-top:30px; border-top:1px dotted #58595b;}

#brain-cta h4{color: #004961; font-family: "BeryRoman-Normal"; font-size: 24px; line-height: 30px; margin-bottom:10px;}

/*Contact Section*/
#header-square-button{display:block; margin-top:35px; margin-bottom:58px;}
.contact-intro h3{font-size:35px; line-height:36px; font-family:'novecento_wide_bookbold'; color:#353535; margin-bottom:18px;}
.contact-intro p{font-size:18px; line-height:25px; color:#5c5c5c; font-family:'proxima_nova_softmedium'; margin-left:18%; margin-right:18%; margin-bottom:23px;}
.contact-intro{padding-bottom:73px !important;}
.inner-square-arrow{ margin: auto; padding-bottom:0px; width:50px;}

/*Brain*/
.header-getting-content-clicked{background-image:url("../img/brain/getting-content-clicked-big.jpg"); height:599px !important;}
.header-how-digital-is-changing-foodservice{background-image:url("../img/brain/digital-in-foodservice-big.jpg"); height:599px !important;}
.header-loyalty-in-foodservice{background-image:url("../img/brain/loyalty-in-foodservice-big.jpg"); height:599px !important;}
.header-marketing-to-goldfish{background-image:url("../img/brain/marketing-to-goldfish-big.jpg"); height:599px !important;}
.header-the-power-aligning-sales-and-marketing{background-image:url("../img/brain/the-power-aligning-sales-and-marketing-big.jpg"); height:599px !important;}
.header-understanding-better-value{background-image:url("../img/brain/understanding-better-value-big.jpg"); height:599px !important;}

.header-the-rise-of-video-content{background-image:url("../img/brain/the-rise-of-video-content-big.jpg"); height:599px !important;}

#brain-article-page .work-split-intro{margin-bottom:28px;}
#brain-pagination{float:left; width:100%; clear:both; margin-bottom:45px;}
#previous-button a{width:125px; text-align:center; padding-left:0px !important; padding-right:0px !important;}
#next-button a{width:125px; text-align:center; padding-left:0px !important; padding-right:0px !important;}


/*Work Section*/
#header-block{width:100%; margin-top:72px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.header-block-meadowland{ background-image:url("../img/meadowland.jpg"); height:599px !important;}
.header-block-wuow{ background-image:url("../img/wuow.jpg"); height:599px !important;}
.header-block-safari{ background-image:url("../img/safari-hero.jpg"); height:599px !important;}
.header-block-alpro{ background-image:url("../img/alpro-hero.jpg"); height:599px !important;}
.header-block-flora{ background-image:url("../img/flora-hero.jpg"); height:599px !important;}
.header-block-pg{ background-image:url("../img/pg-tips-hero.jpg"); height:599px !important;}
.header-block-elior{ background-image:url("../img/elior-hero.jpg"); height:599px !important;}
.header-block-lipton{ background-image:url("../img/lipton-hero.jpg"); height:599px !important;}
.header-block-barista-challenge{ background-image:url("../img/alpro-barista-challenge-hero.jpg"); height:599px !important;}
.header-block-hellmanns{ background-image:url("../img/hellmanns-hero.jpg"); height:599px !important;}
.header-block-chef-rewards{ background-image:url("../img/ufs-hero.jpg"); height:599px !important;}
.header-block-pg-incentive{ background-image:url("../img/pg-hero.jpg"); height:599px !important;}

#header-block a{ width: 100%; height: 100%; display: block; }

.work-split-intro{width:100%; margin-top:65px; margin-bottom:60px; float:left;}
.work-intro-left, #results-split-left{width:50%; float:left;}
.work-intro-left h1{font-size:32px; font-family:'BeryRoman-Normal'; color:#adadad; line-height:40px; max-width:350px;}
.work-intro-left span{color:#004961; }
.work-intro-right, #results-split-right{width:50%; float:right;}
.work-intro-right h2, #results-split-right h2{font-family:'textanarrow-light'; color:#004961; font-size:32px; line-height:29px; margin-bottom:14px;}
.work-intro-right p, #results-split-right p{font-family:'textanarrow-book'; font-size:19px; color:#58595b; line-height:23px; margin-bottom:13px;}
#results-split{width:100%; float:left; margin-top:70px; margin-bottom:70px;}
.safari-results-split{margin-bottom:0px !important;}
#results-split-left h3{font-size:32px; font-family:'BeryRoman-Normal'; color:#004961; line-height:40px; max-width:350px;}
#split-work-image{width:100%; float:left;}
#split-work-image-left, .double-work-image-left{width:50%; text-align:right; float:left;}
#split-work-image-right, .double-work-image-right{width:50%; text-align:left; float:right;}
#work-video{float:left; width:100%; text-align:center;}
#work-pagination{float:left; width:100%; clear:both; margin-top:60px; margin-bottom:60px;}
#previous-button{width:50%; float:left;}
#next-button{width:50%; float:right; text-align:right;}
.skinny-buttons{margin-bottom:0px !important;}
.final-cta{margin-bottom:80px !important;}

#split-work-copy{width:100%; background-color:#dcdcdc; clear:both; float:left;}
#split-quote-image{width:50%; float:right; text-align:left;}




.split-quote-recognition #split-quote-image{background-color:#47bab7;}
.split-quote-recognition #split-quote-image img { opacity: 0.25 !important;}

.split-quote-incentives #split-quote-image{background-color:#b1a9d4;}
.split-quote-incentives #split-quote-image img { opacity: 0.25 !important;}



#split-quote-holder{width:50%; float:left; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
#split-quote-inner{position:relative; top:50%; transform:translateY(-50%);}
#split-quote-holder h3{color:#004961; font-size:32px; font-family:'BeryRoman-Normal'; line-height:40px; max-width:350px; margin:auto;}

.split-quote-recognition h3, .split-quote-incentives h3{font-size:26px !important; line-height:35px !important; }

.case-study-list{margin-bottom:12px;}
.case-study-list li{ color:#58595b; font-family:"textanarrow-book"; font-size:19px; line-height:23px; margin-bottom:7px; background-image: url("../img/retina-bullet-point.jpg"); background-position:left top; background-repeat:no-repeat; padding-left:20px; background-size: 3px 12px;}
.meadowland-video-mobile{display:none;}
#split-work-copy h3{color:#004961; font-size:32px; font-family:'BeryRoman-Normal'; line-height:40px; max-width:350px; margin:auto; margin-top:25%;}
#split-work-copy h4{color:#004961; font-size:32px; font-family:'BeryRoman-Normal'; line-height:40px;}
#full-width-results{width:100%; clear:both; margin-top:80px; float:left;}
#full-width-results a, .alpro-link a{color:#58595b; text-decoration:underline;}
#full-width-results a:hover, .alpro-link a:hover{color:#58595b; text-decoration:none;}
#full-width-results h3{font-family:'textanarrow-light'; color:#004961; font-size:32px; line-height:25px; margin-bottom:16px;}
#full-width-results p{font-family:'textanarrow-book'; font-size:19px; color:#58595b; line-height:23px; margin-bottom:15px;}
#small-results{text-align:center; margin-left:20%; margin-right:20%;}
.space-header{margin-top:40px;}
#meadowland-left, #meadowland-center, #meadowland-right, #meadowland-extra{background-color:#ffffff; float:left; max-width:640px; overflow:hidden; position:relative; width:33.333%;}

.case-study-list ul{margin-bottom:12px;}
.case-study-list li{ color:#58595b; font-family:"textanarrow-book"; font-size:19px; line-height:23px; margin-bottom:7px; background-image: url("../img/retina-bullet-point.jpg"); background-position:left top; background-repeat:no-repeat; padding-left:20px; background-size: 3px 12px;}

.case-study-right{margin-bottom:60px;}


/*Work Index*/
.work-index-intro{padding-bottom: 120px; padding-top: 190px;}
.work-index-intro h1{font-size:40px; line-height:42px; font-family:'textanarrow-light'; color:#004961; margin-bottom:0px; margin-left:17%; margin-right:17%; }
#work-page-holder{float:left; width:100%; margin-top:70px;}

/*Misc Pages*/
#misc-page{float:left; width:100%; margin-top:70px;}
.misc-link{color:#58595b; text-decoration:underline;}
.misc-link:hover{color:#58595b; text-decoration:none;}
#misc-page .round-button{margin-top:5px;}

/*About Page*/

#yellow-hero{width:100%; float:left; clear:both; height:375px; margin-top:72px; text-align:center; background-color:#b94283;}
#yellow-hero p{font-size:115px; line-height:120px; color:white; font-family:"BeryRoman-Normal"; margin-top:120px;}

.yellow-hero-big p{font-size:71px !important; line-height:80px !important; margin-top:145px !important;}
.yellow-hero-small p{font-size:71px !important; line-height:80px !important; margin-top:145px !important;}
.hide-break{display:none;}

#about-intro{padding-bottom:120px; padding-top:120px; float:left; width:100%;}
#about-intro .inner-small{max-width:625px;}
#about-intro h2, #how-we-do-it h2{color:#004961; font-family:"textanarrow-light"; font-size:38px; line-height:25px; margin-bottom:20px;}
#about-intro h3{color:#004961; font-family:"textanarrow-light"; font-size:25px; line-height:29px; }
#how-we-do-it h3{color:#004961; font-family: "BeryRoman-Normal"; font-size:25px; line-height:29px; margin-bottom:20px;}
#about-intro p{color:#58595b; font-family:"textanarrow-book"; font-size:19px; line-height:23px; margin-bottom:13px;}
#how-we-do-it p{color:#58595b; font-family:"textanarrow-book"; font-size:20px; line-height:23px; margin-bottom:28px;}
#about-split{width:100%; float:left; background-color:white;}
#about-split-left{width:50%; float:left; text-align:right;}
#about-split-right{width:50%; float:right; text-align:left;}
#how-we-do-it{text-align:center; float:left; width:100%; clear:both; margin-top:100px; margin-bottom:90px;}
.the-process{margin-bottom:4px !important;}
#testimonial{width:100%; float:left; clear:both; background-color:#004961; text-align:center; padding-top:120px; padding-bottom:120px;}  
#testimonial h3{font-family:"BeryRoman-Normal"; color: white; font-size: 20px; line-height: 32px; margin: auto; max-width: 600px;}


#testimonial p{color:#ffffff; font-family:"textanarrow-book"; font-size:19px; line-height:23px; margin-top:20px;}
#client-logos{width:100%; float:left; clear:both; background-color:#dcdcdc; text-align:center; padding-top:80px; padding-bottom:90px;}
#client-logos h2{color:#58595b; font-family:"textanarrow-light"; font-size:38px; line-height:25px; margin-bottom:50px;}
#desktop-clients{}


/*Navigation*/
.nav-collapse ul {margin:0; padding:0; width:100%; display:block; list-style:none; margin-right:15px;}
.nav-collapse li {width:100%; display:block;}
.js .nav-collapse {clip: rect(0 0 0 0); max-height:0; position:absolute; display:block; overflow:hidden; zoom:1;}
.nav-collapse.opened {max-height:9999px;}
.disable-pointer-events {pointer-events: none !important;}
.nav-toggle {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;}

/*Mask*/
.mask {background:url("../img/nav-bg.jpg") repeat-y scroll right top; visibility:hidden; position:fixed; opacity: 0;
z-index:951; bottom:0; right:0; left:0; top:0; width:50%; min-width:279px;}
.android .mask {-webkit-transition:none; transition:none;}
.js-nav-active .mask {visibility:visible; opacity:1;}

/*Nav Styles*/

.fixed {position:fixed; width:100%; left:0; top:0;}
.nav-collapse, .nav-collapse * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.nav-collapse, .nav-collapse ul {list-style:none; width:100%; float:left;}
.nav-collapse ul ul a {background:#ca3716; padding-left:2em;}
.js .nav-collapse-0.opened {max-height:9999px !important;}

/* NAV TOGGLE STYLES */

@font-face {
font-family: "responsivenav";
src:url("../svg/responsivenav.eot");
src:url("../svg/responsivenav.eot?#iefix") format("embedded-opentype"),
url("../svg/responsivenav.ttf") format("truetype"),
url("../svg/responsivenav.woff") format("woff"),
url("../svg/responsivenav.svg#responsivenav") format("svg");
font-weight: normal;
font-style: normal;
}
.nav-toggle {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-decoration:none;
text-indent:-300px; position:relative; overflow:hidden; width:60px; height:55px; float:right; margin-top:8px;}
.nav-toggle:before {color:#000000; font:normal 28px/55px "responsivenav"; text-transform: none; text-align:center; position:absolute; content:"\2261"; text-indent:0; speak:none; width:100%; left:0; top:0;}
.nav-toggle.active:before {font-size:24px; content:"\78"; }

/*SWIPER*/
.device {width:100%; text-align:center; position:relative;}
.swiper-container { width:100%;}
.pagination {position:absolute; left:0; text-align:center; bottom:-40px; width:100%; z-index:99;}
.swiper-pagination-switch {display:inline-block; width:10px; height:12px; margin:0 3px; cursor:pointer;}
.swiper-container {margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden;
backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1;}
.swiper-wrapper {position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s;
-o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s;
transform:translate3d(0px,0,0); transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide {}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.swiper-pagination-switch {background: url("../img/paginate-off.png") no-repeat scroll left center transparent;background-size:10px 11px;}
.swiper-active-switch {background: url("../img/paginate-on.png") no-repeat scroll left center transparent; background-size:10px 11px;}


/*NEW SLIDER*/
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 35px;
	padding: 0;
	*zoom: 1;
	padding-bottom:20px;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	

	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #a1bcc5;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ffffff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 1px;
	background: url(../img/left-tab.png) no-repeat;
	background-size:32px 32px;
}

.bx-wrapper .bx-next {
	right: 1px;
	background: url(../img/right-tab.png) no-repeat;
	background-size:32px 32px;
}

.bx-wrapper .bx-prev:hover {

}

.bx-wrapper .bx-next:hover {

}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../img/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../img/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*NEW SLIDER*/


/*THREE TIER PAGE*/
#three-tier-page{width:100%; max-width:1920px; min-width:320px; margin-left:auto; margin-right:auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.safari-case-study{width:100% !important; float:left; max-width:1920px; margin-top:72px;}
.ufs-case-study{width:50%; float:left; max-width:960px;}
.pg-case-study{width:50%; float:right; max-width:960px;}

/* TEMPORARY LANDING PAGE */
.landing .landing-background {
  width: 100%;
  min-height: 100%;
  display: table;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-position:50% 50%\9 !important;
  position:relative;
  background-size: cover;
}
.landing .landing-content-top {
  display: table-row;
  vertical-align: top;
}
.landing .landing-content-bottom {
  display: table-row;
}
.landing .landing-content-bottom-b {
  display: table-cell;
  vertical-align: bottom;
}
.landing .landing-logo {
  width: 358px;
  height: 118px;
  text-indent: -999em;
  margin: 67px auto 45px auto;
  background: transparent url("../img/landing-logo.png") no-repeat center center;
  background-size: 358px 118px;
}
.landing .landing-subhead {
  font-size: 39px;
  font-family: 'BeryRoman-Normal';
  color: #ffffff;
  line-height: 48px;
  text-align: center;
  margin-bottom: 67px;
}
.landing .landing-info {
  margin: 0 auto 77px;
  background-color: #ffffff;
  width: 462px;
  padding: 31px 38px;
  color: #1d1d1b;
}

.landing .info-head h3 {
  font-size: 25px;
  line-height: 25px;
  font-family:'textanarrow-book';
  margin-bottom: 45px;
}

.landing-info .info-head .linkedin {
  display: block;
  float: right;
  width: 36px;
  height: 31px;
  text-indent: -999em;
  background: transparent url("../img/landing-linkedin.png") no-repeat center center;
  margin-top: 5px;
}
.landing-info .info-cols {
  display: table;
}
  .landing-info .info-col {
    display: table-cell;
    width: 50%;
  }
    .landing-info .info-col h4 {
      font-family: 'BeryRoman-Normal';
      font-size: 20px;
      color: #b03a78;
      line-height: 21px;
      margin-bottom: 10px;
    }
    .landing-info .info-col p {
      font-family: 'textanarrow-book';
      font-size: 18px;
      line-height: 21px;
    }
      .landing-info .info-col p a {
        text-decoration: none;
        color: #1d1d1b;
      }
      .landing-info .info-col p a:hover {
        text-decoration: underline;
        color: #1d1d1b;
      }
      .landing-info .info-col p strong {
        font-weight: bold;
      }
.landing-info .info-footer {
  margin-top: 51px;
  height: 45px;
  text-align: center;
}
  .landing-info .info-footer .logo-ipm {
    display: inline-block;
    width: 88px;
    height: 45px;
    text-indent: -999em;
    background: transparent url("../img/landing-ipm.png") no-repeat center center;
    margin-right: 34px;
  }
  .landing-info .info-footer .logo-award {
    display: inline-block;
    width: 211px;
    height: 42px;
    text-indent: -999em;
    background: transparent url("../img/landing-award.png") no-repeat center center;
  }

/************************************************************************************
RESPONSIVE BREAK POINTS
*************************************************************************************/

@media screen and (max-width:6000px) and (min-width: 1025px) {
#meadowland-extra{display:none;}	
}

@media screen and (max-width:6000px) and (min-width: 901px) {
.three-holder{display:block; clear:both; width:100%;}
}

@media screen and (max-width:6000px) and (min-width: 801px) {
.js .nav-collapse {position:relative;}
.js .nav-collapse.closed {max-height:none;}
.nav-toggle {display:none;}
.mask {display:none !important; opacity:0 !important; }
.nav-collapse {float:right; width:auto;}
.nav-collapse li {width:auto; }
.nav-collapse ul ul a { display: none;}
}

@media screen and (max-width:6000px) and (min-width: 569px) {
.big-safari{display:inherit !important;}	
.small-safari{display:none !important;}
}

@media screen and (max-width:1199px) and (min-width: 739px) {
.split-quote-recognition h3, .split-quote-incentives h3{font-size:26px !important; line-height:35px !important; margin-top:20% !important; }
}


@media screen and (max-width:1024px) and (min-width: 769px) {
.ipad-wide{display:block;}
#portfolio-panel .portfolio-item {width:33.333%;}
.news-item {width:33.333333333%;}	
}

@media screen and (max-width:1024px) and (min-width: 641px) {
#meadowland-left, #meadowland-center, #meadowland-right, #meadowland-extra{width:50%;}
}


@media screen and (max-width:900px) and (min-width: 1px){
#split-quote-holder h3{font-size: 28px;line-height: 35px; max-width:310px; margin-top:23%;}
.split-quote-recognition h3, .split-quote-incentives h3{font-size:24px !important; line-height:33px !important; margin-top:17% !important; }
.split-quote-incentives h3{font-size:22px !important;}
}


@media screen and (max-width:900px) and (min-width: 1px){
.home-get-in-touch p {margin-left:12%; margin-right:12%;}
#portfolio-panel .portfolio-item {width:50%;}
.three-holder{clear:none;}
.two-holder{width:100%; display:block; clear:both;}
.news-item {width:50%;}	
.work-item{width:50%;}
.home-intro h2 {max-width:650px;}
}

@media screen and (max-width:800px) and (min-width: 1px){
header{height:55px;}
#logo{width:102px; float:left; margin-top:12px; overflow:hidden;}
a#logo-header { background: url("../img/mobile-full-logo.png") no-repeat scroll 0 0 transparent; display: inline; float: left; height: 33px;margin-bottom: 0 !important; margin-top: 0 !important; overflow: hidden; text-indent: -999em; width: 100%;  background-size: 102px 33px;}
.opened{width:50% !important; clear:both; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-right:25px; min-width:275px;}
.opened li{margin-left:0px !important; border-bottom:1px solid #e6e6e6; /*margin-top:10px; padding-top:10px; padding-bottom:17px; */margin-bottom:0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
header nav {margin-top:2px;}
.opened li{line-height:24px;}
.opened li a{color:#e6e6e6; display:block; padding-top:13px; padding-bottom:13px;}
.opened li a:hover{color:#e6e6e6;}
.nav-toggle {margin-top:0px;}
header nav li a {-moz-transition:none !important; -webkit-transition:none !important; -o-transition:none !important; transition:none !important;}
header nav li a:hover, nav li a:active {-moz-transition:none !important; -webkit-transition:none !important; -o-transition:none !important; transition:none !important;}

#header-block{margin-top:55px;}
#work-page-holder{margin-top:55px;}
#yellow-hero{margin-top:55px; height:275px;}

.yellow-hero-big p{font-size:62px !important; line-height:70px !important; margin-top:69px !important;}
.yellow-hero-small p{font-size:62px !important; line-height:70px !important; margin-top:102px !important;}
.hide-break{display:inherit !important;}
#yellow-hero p{font-size:75px; margin-top:75px;}
#misc-page{margin-top: 55px;}
#misc-page .work-intro-left h1 {margin-top:8px; margin-bottom:14px;}
.safari-case-study {margin-top:55px;}
}


@media screen and (max-width:768px) and (min-width: 739px) {
.ipad{display:block;}
.map-overlay {width:350px;}
.map-inner { padding-left: 67px;}
.home-get-in-touch {padding-bottom: 125px !important; padding-top: 110px !important;}
.home-intro { padding-bottom: 132px; padding-top: 125px;}
header nav li {margin-left: 28px;}
.work-intro-left, #results-split-left {width:33%;}
.work-intro-right, #results-split-right {width:60%;}
.work-intro-left h1 {font-size:28px; line-height:35px;}
#results-split-left h3 {font-size:28px; line-height:35px;}
.work-index-intro h1 {margin-left:11%; margin-right:11%; }
}


@media screen and (max-width:768px) and (min-width: 1px) {
.work-item-incentive, .work-item-recognition{width:100%;}
.content-c{max-width:620px;}
.content-d h1, .content-d h2 {font-size:30px; line-height:38px; margin-bottom:18px; margin-top: 120px;}
#header-block{height:400px !important;}
#about-intro {padding-bottom:70px; padding-top:65px;}
#client-logos{padding-bottom: 70px; padding-top: 60px;}
#client-logos h2 { margin-bottom: 42px;}
#how-we-do-it {margin-bottom:52px; margin-top:67px;}
#testimonial {padding-bottom:80px; padding-top:90px;}
.work-split-intro{ margin-top:43px; margin-bottom:40px; }
#results-split{margin-top:46px; margin-bottom:33px;}
#work-pagination {margin-top:45px; margin-bottom:45px;}
#full-width-results{margin-top:55px;}
.bx-controls-direction{display:none;}
}








@media screen and (max-width:738px) and (min-width: 1px) {
.work-intro-left, #results-split-left {width:100%;}
.staff-break{display:none;}
.work-intro-right, #results-split-right {width:100%;}
.work-intro-left h1 {font-size:28px; line-height:35px; margin-bottom:25px;} 	
#results-split .inner{padding-left:0px; padding-right:0px;}
#results-split{margin-top:0px; margin-bottom:33px;}
#results-split-right {width:100%; max-width:1150px; min-width:320px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top:34px;}
#results-split-left {background-color:#dcdcdc;}
#results-split-left h3 { font-size: 28px; line-height: 35px; max-width:400px; margin:auto; text-align:center; padding-left:15px; padding-right:15px; padding-top:60px; padding-bottom:55px;}
#misc-page .work-split-intro{margin-top:20px;}
#misc-page .space-header{margin-top:16px;}
#misc-page .round-button{margin-bottom:15px;}	
.map-overlay {width:350px;}
.map-inner {padding-left:60px;}
.home-intro { padding-bottom:100px; padding-top:100px;}
.home-intro h2 {font-size:33px; line-height:38px;}
.brain-intro {padding-bottom:100px; padding-top:150px;}
.brain-intro h1 {font-size:33px; line-height:38px;}
.home-get-in-touch {padding-bottom: 90px !important; padding-top: 80px !important;}
.content-d h1, .content-d h2{margin-top: 120px;}
.work-index-intro h1 {margin-left:0%; margin-right:0%; font-size:33px; line-height:38px;}
.work-index-intro {padding-bottom: 90px;padding-top: 150px;}

}

@media screen and (max-width:738px) and (min-width: 668px) {
.iphone6plus-land{display:block;}
}

@media screen and (max-width:738px) and (min-width: 1px) {
.swiper-container { width:100%; max-width:450px;}
.bx-wrapper {padding-bottom:10px;}
	
#testimonial h3 {font-size:16px; line-height:24px;}
#testimonial p {font-size:16px; margin-top:15px;}	
	
.map-overlay {width:100%; position:relative; height:auto;}
.map-inner {padding-left:0px; padding-right:0px; text-align:center; padding-top:30px; padding-bottom:30px;}
.map-overlay p{background: url("../img/map-line.jpg") no-repeat scroll bottom center;}
#outer-map-holder{display:block;}
#inner-map-holder{display:none;}
.contact_page_gmaps, #home-map {height: 400px;}
#header-block{height:275px !important;}
#brain-article-page h1{max-width:100%; margin-bottom:16px;}
.work-intro-left h1{max-width:100%; margin-bottom:22px;}
.work-split-intro { margin-bottom: 27px; margin-top: 30px;}
#split-quote-holder{width:100%;}
.about-break{display:none;}
#split-quote-image {width:100%;}
#split-quote-holder h3 {margin:0px; max-width:100%; margin: auto; max-width:460px; padding:70px 15px 65px; text-align:center;}
.split-quote-recognition h3, .split-quote-incentives h3{margin-top:0% !important; }

#full-width-results{margin-top:40px;}
#small-results{margin-left:0%; margin-right:0%; text-align: left;}
#small-results p{margin-bottom:0px}
}

@media screen and (max-width:699px) and (min-width: 1px) {
.service-left {float:left; width:100%; text-align:center;}

.service-left img{width:100%; max-width:350px;}

.service-right{ width:100%; text-align: center; margin-top:25px;}
.service-right ul{text-align: center;}
.service-holder {}
.services-section{float:none; max-width:400px; margin-left:auto; margin-right:auto; display:block; margin-bottom:50px;}
}



@media screen and (max-width:667px) and (min-width: 569px) {
.iphone6-land{display:block;}
}	


@media screen and (max-width:640px) and (min-width: 1px) {
	#meadowland-left, #meadowland-center, #meadowland-right, #meadowland-extra{width:100%;}
}

@media screen and (max-width:600px) and (min-width: 415px) {
.work-item-link h3 {font-size: 35px; line-height: 35px; padding-bottom: 5px;}	
.work-item-link p {padding-top: 15px;}
}

@media screen and (max-width:600px) and (min-width: 1px) {
.thumbs-wrap-incentive .work-item-link h3 {font-size: 35px; line-height: 35px; padding-bottom: 5px;}	
.thumbs-wrap-incentive .work-item-link p {font-size: 20px;line-height: 22px;margin: auto; max-width: 300px; padding-top:16px;}
}


@media screen and (max-width:568px) and (min-width: 481px) {
.iphone5s-land{display:block;}
}	


@media screen and (max-width:568px) and (min-width: 1px) {
.home-get-in-touch p {margin-left:0%; margin-right:0%;}
.news-item {width:100%;}	
.meadowland-video-mobile{display:inherit;}
.meadowland-video-desktop{display:none;}
#about-split-left, #about-split-right{ float:left; width:100%; clear:both;}
#three-tier-page .work-item{width:100%;}
.big-safari{display:none !important;}
.small-safari{display:inherit !important;}
}




@media screen and (max-width:480px) and (min-width: 415px) {
.iphone4-land{display:block;}
}	

@media screen and (max-width:480px) and (min-width: 1px) {
  /*Here*/
  .hero-break{display:none;}
  .home-intro {padding-bottom: 70px; padding-top: 70px;}
  .home-intro h2 {font-size: 28px; line-height: 32px;}
  .work-index-intro h1 {margin-left:0%; margin-right:0%; font-size:28px; line-height:32px;}
  .work-index-intro {padding-bottom:70px; padding-top:126px;}
  .brain-intro h1{font-size:28px; line-height:32px;}
  .brain-intro{padding-bottom:70px; padding-top:126px;}
  #about-intro {padding-bottom:60px; padding-top:55px;}
  #client-logos{padding-bottom: 56px; padding-top: 46px;}
  #client-logos h2 { margin-bottom: 28px; font-size:32px;}

  #how-we-do-it {margin-bottom:42px; margin-top:57px;}
  #how-we-do-it h3 {font-size: 21px; margin-bottom: 12px;}
  #how-we-do-it p { margin-bottom: 18px;}
  #testimonial {padding-bottom:55px; padding-top:60px;}
  #footer-left{width:100%;}
  footer ul{float:none;}
  footer li {display:block; text-align:center; border-right:0px; margin-right:0px; padding-right:0px; margin-bottom:10px;}
  footer li a{border:1px solid #999999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display:block; width:100%; padding-top:4px; padding-bottom:4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
  footer li a:hover{text-decoration:none;}

  footer li{max-width:320px; margin-left:auto; margin-right:auto;}
  .no-line {margin-left:auto; margin-right:auto;}


  #footer-links{ display:block;}
  .footer-break{display:inherit;}
  footer{height:295px;}
  #footer-logo img {margin-top: 2px;}

  .landing .landing-background {
    min-height: 66%;
  }

  .landing .landing-background,
  .landing .landing-content-top,
  .landing .landing-content-bottom,
  .landing .landing-content-bottom-b {
    display: block;
  }
  .landing .landing-content-top {
    padding-top: 40px;
  }
  .landing .landing-content-bottom-b {
    padding: 0 0 20px 0;
  }
  .landing .landing-logo {
    width: 179px;
    height: 59px;
    background-size: 179px 59px;
    background-image: url("../img/landing-logo-sm.png");
    margin-top: 0;
    margin-bottom: 30px;
  }
  .landing .landing-subhead {
    font-size:18px;
    line-height:23px;
    margin-bottom: 164px;
  }
  .landing .landing-info {
    margin: 0 20px 0 20px;
    padding: 16px 19px;
    width: auto;
  }
  .landing .info-head h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 30px;
  }
  .landing-info .info-cols,
  .landing-info .info-col {
    display: block;
    width: auto;
  }
  .landing-info .info-col:last-child {
    margin-top: 30px;
  }
  .landing-info .info-col h4 {
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 7px;
  }
  .landing-info .info-col p {
    font-size: 16px;
    line-height: 18px;
  }
  .landing-info .info-footer {
    margin-top: 30px;
    height: auto;
  }
  .landing-info .info-footer:after {
    content: ' ';
    font-size: 1px;
    clear: both;
  }
  .landing-info .info-footer .logo-ipm {
    width: 66px;
    height: 34px;
    background-image: url("../img/landing-ipm-sm.png");
    margin-right: 0;
  }
  .landing-info .info-footer .logo-award {
    width: 158px;
    height: 32px;
    background-image: url("../img/landing-award-sm.png");
  }
}

/* ROTATED PHONES */
@media screen and (min-width: 568px) and (max-height: 420px) {
  .landing .landing-background,
  .landing .landing-content-top,
  .landing .landing-content-bottom,
  .landing .landing-content-bottom-b {
    display: block;
  }
  .landing .landing-content-top {
    padding-top: 30px;
  }
  .landing .landing-logo {
    width: 179px;
    height: 59px;
    background-size: 179px 59px;
    background-image: url("../img/landing-logo-sm.png");
    margin-top: 0;
    margin-bottom: 30px;
  }
  .landing .landing-subhead {
    font-size:18px;
    line-height:23px;
    margin-bottom: 164px;
  }
  .landing .landing-content-bottom-b {
    padding: 0 0 20px 0;
  }
  .landing .landing-info {
    margin: 0 20px 0 20px;
    padding: 16px 19px;
    width: auto;
  }
}

@media screen and (max-width:414px) and (min-width: 376px) {
.iphone6plus-port{display:block;}
}

@media screen and (max-width:414px) and (min-width: 1px) {
#portfolio-panel .portfolio-item {width:100%;}
.work-item{width:100%;}
#yellow-hero{height:200px;}
#yellow-hero p{font-size:55px; margin-top:38px;}

.yellow-hero-big p{font-size:34px !important; line-height:40px !important; margin-top:60px !important;}
.yellow-hero-small p{font-size:45px !important; line-height:40px !important; margin-top:80px !important;}

#split-work-image-left, #split-work-image-right, .double-work-image-left, .double-work-image-right{width:100%;}

}


@media screen and (max-width:375px) and (min-width: 321px) {
.iphone6-port{display:block;}
}	

@media screen and (max-width:320px) and (min-width: 1px) {
.iphone4-port{display:block;}
}