@charset "utf-8";html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:lighter}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
/*@font-face {font-family: 'FrutigerLTPro-Light';src: url('../fonts/282A57_0_0.eot');src: url('../fonts/282A57_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/282A57_0_0.woff') format('woff'),url('webfonts/282A57_0_0.ttf') format('truetype');}*/
@font-face {font-family: 'FrutigerNeueLTPro-Light';src: url('../fonts/test/28A446_0_0.eot');src: url('../fonts/test/28A446_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/test/28A446_0_0.woff') format('woff'),url('../fonts/test/28A446_0_0.ttf') format('truetype');}
@font-face {
  font-family: 'Publico Text Web';
  src: url('../fonts/PublicoText-Roman-Web.eot');
  src: url('../fonts/PublicoText-Roman-Web.eot?#iefix') format('embedded-opentype'),
     url('../fonts/PublicoText-Roman-Web.woff') format('woff'),
     url('../fonts/PublicoText-Roman-Web.ttf') format('truetype'),
     url('../fonts/PublicoText-Roman-Web.svg#Publico Text Web') format('svg');
  font-weight:  400;
  font-style:   normal;
}
@font-face {
  font-family: 'Publico Headline Web';
  src: url('../fonts/PublicoHeadline-Extrabold-Web.eot');
  src: url('../fonts/PublicoHeadline-Extrabold-Web.eot?#iefix') format('embedded-opentype'),
     url('../fonts/PublicoHeadline-Extrabold-Web.woff') format('woff'),
     url('../fonts/PublicoHeadline-Extrabold-Web.ttf') format('truetype'),
     url('../fonts/PublicoHeadline-Extrabold-Web.svg#Publico Headline Web') format('svg');
  font-weight:  800;
  font-style:   normal;
}
@font-face {
	font-family: 'Ammunition_Icon-Font';
	src:url('../fonts/Ammunition_Icon-Font.eot');
	src:url('../fonts/Ammunition_Icon-Font.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Ammunition_Icon-Font.woff') format('woff'),
		url('../fonts/Ammunition_Icon-Font.ttf') format('truetype'),
		url('../fonts/Ammunition_Icon-Font.svg#Ammunition_Icon-Font') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: "Circular-Pro-Medium";
    src:url("../fonts/lineto-circular-pro-medium.eot");
    src:url("../fonts/ineto-circular-pro-medium.eot?#iefix") format("embedded-opentype"),
        url("../fonts/lineto-circular-pro-medium.woff2") format("woff2"),
        url("../fonts/lineto-circular-pro-medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}



/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'Ammunition_Icon-Font';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

::selection { background-color: rgba(255, 108, 12, .5) !important; }
::-moz-selection { background-color: rgba(255, 108, 12, .5) !important; }

html, body { height: 100%; position: relative; }

html { background-color: #f9f9f9; }
body { font-family: FrutigerNeueLTPro-Light, Times, Arial, Helvetica, sans-serif; font-weight: lighter; -webkit-text-size-adjust: none;}

h1 { font-weight: lighter; font-size: 35px; line-height: 39px; }
h2 { font-weight: lighter; }
a { text-decoration: none; color: #808080; }

input { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }

.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.relative { position: relative; }

#loader { position: fixed; top: 50%; left: 50%; width: 33px; height: 18px; margin-left: -17px; margin-top: -9px; background: url(../images/loader_retina.gif) no-repeat; background-size: 100%; z-index: 0; }

#container { max-width: 1024px; margin: 0 auto; }
#top-inner { max-width: 1024px; margin: 0 auto; }
@-moz-document url-prefix() {
	#container { max-width: 1023px; }
	#top-inner { max-width: 1023px; }
}
#container { position: relative; height: 100%; }
#hitarea { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
#sections { position: relative; z-index: 1; background-color: #fff; }
#subpage { position: absolute; top: 0; left: 0; right: 0; display: none; min-height: 100%; padding-top: 50px; padding-bottom: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 1; }

#options { position: absolute; top: 0; left: 55px; display: block; font-size: 69px; margin-left: -18px; margin-top: -10px; color: #808080; }
#options.active { color: #000; }
#bydesign-logo,
#logo { position: absolute; top: 16px; right: 50px; display: block; width: 133px; height: 18px; background: url(../images/logo.png)  no-repeat; background-size: 100%; }
#bydesign-logo { display: none; opacity: 0; background-image: url(../images/logo_bydesign.png); }
.bydesign #logo { display: none; opacity: 0; }
.bydesign #bydesign-logo { opacity: 1; display: block; }


#top { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
#top-inner { position: relative; background-color: #fff; background-color: rgba(255,255,255,.93); height: 50px; }
.bydesign #top-inner { background-color: #282726; }
#nav-dropdown { position: absolute; left: 32px; top: 100%; background-color: #fff; background-color: rgba(255,255,255,.93); padding: 12px 23px; white-space: nowrap; }
#nav-dropdown a { display: block; font-size: 24px; line-height: 29px; color: #808080; }
#nav-dropdown a.active,
#nav-dropdown a.active:hover { color: #000; }
#nav-dropdown a:hover { color: #ff6c0c; }
.customize-support #top { top: 28px; }
#close { display: none; opacity: 0; position: absolute; top: 2px; left: 10px; font-size: 46px; color: #808080; }
#close:hover { color: #000; }
.bydesign #close { color: #fff; }
.bydesign #close:hover { color: #ffe300; }

#featured-section { padding-top: 50px; }
#about-section { }
#about-intro { color: #808080; margin: 0 55px 42px 55px; max-width: 650px; }
#about-intro h1 { font-size: 35px; line-height: 39px; margin-bottom: 17px; }
#about-intro p { font-size: 17px; line-height: 24px; margin-bottom: 20px; }
#clients-intro { color: #808080; margin: 45px 44.5px 0; }
#clients-intro h1 { font-size: 35px; line-height: 39px; color: #808080; margin-bottom: 18px; margin-left: 12px; }
#clients-intro p { font-size: 24px; line-height: 28px; margin-bottom: 20px; margin-left: 12px; max-width: 650px; }
#news-section { padding-bottom: 0; overflow: hidden; }
#by-design-section { background-color: #282726; }
#contact-us-section { color: #808080; font-size: 17px; line-height: 24px; padding-bottom: 55px; }

#footer { height: 12px; background-color: #39b44a; }

.section-anchor{ margin-top: -50px; padding-bottom: 50px; pointer-events: none; }
.section { background-color: #fff; padding-bottom: 66px; }
.section-title { padding-left: 55px; font-size: 35px; line-height: 60px; font-weight: lighter; background-color: #afafaf; color: #fff; }
.section-subtitle { padding-left: 55px; font-size: 35px; line-height: 39px; color: #808080; margin-bottom: 7px; }
.columns-container { overflow: hidden; padding-bottom: 15px; margin-bottom: -15px; }
.columns { padding-top: 10px; margin: 0 -10px -10px -10px; }
.cell { float: left; width: 33.333333%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.client-column { float: left; font-size: 24px; line-height: 28px; width: 33.3333333%; padding-left: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

#about-section .columns { margin: 0 44.5px -25px 44.5px; }
#about-section .cell { padding: 10px 12.5px 20px 12.5px; }
#about-section .columns .content { height: 58px; color: #808080; }
#about-section .columns .content:hover { color: #ff6602; }
#about-section .columns .content .image { bottom: 58px; }
#about-section .columns .content h1 { top: auto; bottom: 20px; left: 0; font-size: 24px; line-height: 28px; white-space: nowrap; }
#about-section .columns .content p { top: auto; bottom: 0; left: 0; font-size: 17px; line-height: 21px; white-space: nowrap; }

#about-section .columns .content { height: auto; padding-bottom: 0; }
#about-section .columns .content .image { position: relative; bottom: auto; /*padding-bottom: 56.25%;*/ }
#about-section .columns .content h1 { position: relative; bottom: auto; margin-top: 11px; }
#about-section .columns .content p { position: relative; bottom: auto; }

.content { display: block; position: relative; padding-bottom: 56.25%; overflow: hidden; }
.image, .video { /*background-color: #eee;*/ background-size: cover; }

.image img, .video img { width: 100%; image-rendering: optimizeQuality; -webkit-image-rendering: optimizeQuality; /*-webkit-transform: translate3d(0, 0, 0); backface-visibility:hidden;*/ }
.video .emblem { background: url(../images/play.png) no-repeat; background-size: 100%; position: absolute; top: 50%; left: 50%; margin-left: -85px; margin-top: -85px; width: 170px; height: 170px; opacity: .8; }
.video iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.video { cursor: pointer; }
.news { font-size: 35px; line-height: 39px; /*white-space: nowrap;*/ background-color: #f2f2f2; padding: 20px 5px 0 20px;}
.news h1 { font-size: inherit; line-height: inherit; }
/*.cell:nth-child(3n+1) .content > .news { padding-left: 18px; }*/
.cell:nth-child(3n+3) { float: right; }
a .news h1 { color: #808080; }
a .news p { color: #808080; }
a.content:hover > .image { opacity: .8; }
.content:hover > .video .emblem,
a.content:hover > .video .emblem { opacity: 1; }
a.content:hover > .active { opacity: 1; }
a:hover .news p { color: #ff6c0c; }
a .load-more { font-size: 35px; line-height: 40px; top: 50%; margin-top: -20px; bottom: auto; color: #808080; text-align: center; }
a:hover .load-more { color: #ff6602; }
.content > * { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.content > .news { top: -1px; }

/*
.carousel { position: relative; padding-bottom: 56.25%; overflow: hidden; outline: 0; }
.carousel-slider { position: absolute; top: 0; bottom: 0; left: 0; width: 200%; }
.carousel .content { position: absolute; top: 0; bottom: 0; width: 50%; padding: 0; }
.carousel-front { left: 0; }
.carousel-back { left: 50%; margin-left: 10px; }
*/
.carousel { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; }
@media screen and (min-width: 1024px) {
	@-moz-document url-prefix() {
		.carousel-wrap { position: relative; overflow: hidden; width: 100%; }
		.carousel { width: 1024px; }
	}
}
.carousel:focus { outline: none; }
.carousel-slider { position: absolute; top: 0; left: 0; bottom: 0; width: 300%; margin-left: -100%; transform: translate3d(0, 0, 0); backface-visibility:hidden; }
.carousel-slide-container { height: 100%; }
.carousel-slide { float: left; width: 33.333333%; height: 100%; }
.carousel-arrow-left,
.carousel-arrow-right { opacity: 0; position: absolute; top: 50%; margin-top: -26px; height: 54px; width: 56px; cursor: pointer; background: url(../images/carousel_controls.png) no-repeat; background-size: 112px 54px; }
.carousel-arrow-left { left: 10px; }
.carousel-arrow-right { right: 10px; background-position: right 0; }


/* 10px spacer */
.carousel-slide-container { margin-left: -15px; margin-right: -16px; }
.carousel-slide { padding: 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.carousel-pagination { margin-top: 12px; text-align: center; height: 10px; padding-bottom: 33px; }
.carousel-pagination a { display: inline-block; width: 10px; height: 10px; margin: 0 3px; background-color: #8c8c8c; border-radius: 5px; -moz-border-radius: 5px; opacity: .3; }
.carousel-pagination a.active { opacity: 1; }
.carousel-pagination a:hover { opacity: 1; }
.carousel-pagination-nopad { padding-bottom: 0; }
.carousel-pagination-pad { /*height: 0; margin-top: 0;*/ }

#news-section > a { border-bottom: 1px solid #c6c6c6; }
#news-section > a:nth-last-child(2) { border-bottom: none; }
.news-item { display: block; padding: 35px 55px; color: #808080; }
.news-item .thumbnail { float: left; width: 20.83%; }
.news-item .content {  }
.news-item .timestamp { font-size: 17px; line-height: 21px; margin-top: 0; margin-bottom: 4px; margin-left: 20.83%; padding-left: 35px; }
.news-item h1 { margin-left: 20.83%; padding-left: 35px; }
.news-item .internal-link,
.news-item .external-link { display: inline-block; margin-left: -13px; height: 0; width: 0; vertical-align: middle; line-height: 20px; position: relative; top: -42px; }
.news-item .internal-link { font-size: 82px; }
.news-item .external-link { font-size: 81px; }
.news-load-more { display: block; padding: 54px 0 44px 0; }
.news-load-more .load-more { position: relative; left: 0; top: 0; margin-top: 0; }
a.news-item:hover h1 { color: #ff6602; }
a.news-item:hover .thumbnail { opacity: .8; }

/*#by-design-section .image,
#by-design-section .video { background-color: #444; }*/
#by-design-intro { padding: 50px 55px 45px 55px; max-width: 640px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; }
#by-design-intro h1 { color: #fff; font-size: 31px; }
#by-design-intro .title { color: #ffe100; font-family: 'Publico Headline Web'; font-weight: 800; font-style: normal; }
#by-design-body { display: block; max-width: 660px; color: #fff; padding: 33px 55px 20px 55px; }
#by-design-body .date { }
#by-design-body h1 { color: #ffe100; font-size: 31px; font-family: 'Publico Headline Web'; font-weight: 800; font-style: normal; padding-bottom: 9px; }
#by-design-body p { font-size: 17px; line-height: 24px; padding-bottom: 20px; }
/*#by-design-section a.content { overflow: hidden; }*/
#by-design-section a.content img { width: 101%; position: absolute; top: -1px; left: 0; }
#by-design-section a.content:hover { background-color: #fff; }
#by-design-section a.load-more-container { background: none; }
#by-design-section a .load-more { color: #ffe100; }
#by-design-section a:hover .load-more { color: #fff; }
#by-design-section .video .emblem { background-image: url(../images/play_bydesign.png); margin-left: -303px; width: 606px; }

#map .image { background-color: #ff6c0c; }
#contact-us-section h1 { color: #808080; }
#contact-us-intro { padding: 54px 55px 44px 55px; font-size: 35px; line-height: 39px; color: #808080; max-width: 550px; }
#contact-us-address { float: left; padding-left: 55px; padding-right: 10px; padding-bottom: 32px; width: 33.333333%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#contact-us-address h1 { padding-bottom: 10px; }
#contact-us-address p { padding-bottom: 16px; }
#contact-us-address .address { display: block; cursor: pointer; float: left; }
#contact-us-address a { color: #808080; }
#contact-us-address a:hover { color: #ff6602; }
#contact-us-email { float: left; padding-left: 10px; padding-bottom: 32px; }
#contact-us-email h1 { padding-bottom: 10px; }
#contact-us-email h2 { font-size: 24px; line-height: 36px; margin-bottom: -3px; }
#contact-us-email p { padding-bottom: 28px; }
#contact-us-email a { color: #808080; }
#contact-us-email a:hover { color: #ff6602; }
#contact-us-social { padding: 0 55px 53px 55px; font-size: 56px; }
#contact-us-social h1 { padding-bottom: 12px; }
#contact-us-social a { display: block; float: left; margin-right: 10px; color: #808080; }
#contact-us-social a.last { margin-right: 0; }
#contact-us-social a:hover { color: #ff6602; }
#contact-us-newsletter { padding: 0 55px 53px 55px; }
#contact-us-newsletter h1 { padding-bottom: 0; }
#contact-us-newsletter form { position: relative; }
#contact-us-newsletter input { display: block; float: left; height: 55px; font-size: 24px; line-height: 24px; box-sizing: border-box; -moz-box-sizing: border-box; border: none; margin-top: 12px; }
#contact-us-newsletter .text-label { display: none; float: left; font-size: 14px; line-height: 14px; color: #ff6602; margin-top: 6px; margin-left: 12px; clear: both; }
#contact-us-newsletter .text { background-color: #e6e6e6; color: #808080; width: 446px; padding: 16px 12px 15px 12px; margin-right: 12px; }
#contact-us-newsletter .submit { width: 164px; color: #fff; background-color: #808080; cursor: pointer; }
#contact-us-newsletter .submit:focus,
#contact-us-newsletter .submit:hover { background-color: #ff6602; }
#contact-us-newsletter .submit-disabled,
#contact-us-newsletter .submit-disabled:focus,
#contact-us-newsletter .submit-disabled:hover { background-color: #e6e6e6; cursor: default; }
#contact-us-newsletter .submit:not(.submit-disabled):focus { outline: none; }
#contact-us-newsletter .newsletter-fields { position: relative; }
#contact-us-newsletter .newsletter-success { display: none; opacity: 0; position: absolute; top: 28px; left: 0; font-size: 24px; color: #ff6602; }

#contact-us-careers { padding: 25px 55px 23px 55px; max-width: 650px; color: #808080; }
#contact-us-careers h1 { padding-bottom: 10px; }
#contact-us-careers p { padding-bottom: 23px; }
#contact-us-careers a { }
#contact-us-careers a:hover { color: #ff6602; }
#contact-us-openings { padding: 0 55px 34px 55px; }
#contact-us-openings h1 { color: #808080; padding-bottom: 15px; border-bottom: 2px dotted #c8c8c8; }
#contact-us-openings .no-results,
#contact-us-openings a { display: block; border-bottom: 2px dotted #c8c8c8; font-weight: lighter; font-size: 35px; line-height: 39px; color: #808080; padding-top: 21px; padding-bottom: 10px; }
#contact-us-openings a .external-link { float: right; font-size: 82px; margin-top: -26px; margin-right: -28px; }
#contact-us-openings a:hover { color: #ff6602; }
#contact-us-careers-more-info { padding: 0 55px; margin-bottom: -8px; max-width: 650px; }
#contact-us-careers-more-info a { }
#contact-us-careers-more-info a:hover { color: #ff6602; }

#subpage { background-color: #fff; }
h1.work-subtitle { color: #808080; font-size: 35px; line-height: 39px; font-weight: lighter; padding-left: 55px; padding-bottom: 9px; }
.work-intro { padding: 54px 55px 48px 55px; max-width: 660px;}
.work-intro h1 { color: #000; }
.work-intro h2 { font-weight: lighter; font-size: 35px; line-height: 39px;color: #808080; padding-bottom: 9px; }
.work-intro p { font-size: 17px; line-height: 24px; color: #808080; }
.work-body { padding: 20px 55px 25px 55px; max-width: 660px;}
.work-body p { padding-bottom: 23px; font-size: 17px; line-height: 24px; color: #808080; }
.work-caption { padding-left: 55px; padding-bottom: 6px; font-size: 24px; line-height: 28px; color: #808080; }
.work-awards { padding: 0 45px 55px 55px; font-size: 17px; line-height: 24px; color: #808080; }
.work-award { float: left; width: 185px; padding-top: 20px; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.work-award img { margin-bottom: 15px; }
.work-media-coverage { padding-bottom: 55px; padding-top: 10px; }
.work-media-coverage h1.work-subtitle { border-bottom: 1px solid #c6c6c6; padding-bottom: 13px;}
.work-media-coverage a { display: block; padding: 22px 55px 20px 55px; border-bottom: 1px solid #c6c6c6; color: #808080; }
.work-media-coverage a .timestamp { color: #808080; }
.work-media-coverage a:hover { color: #ff6602; }
.work-media-coverage a .external-link { font-size: 82px; margin-left: -10px; margin-top: -20px; margin-bottom: -18px; display: inline-block; vertical-align: bottom; }
.work-related-projects { padding-bottom: 23px; }
.work-related-projects .columns { margin: -1px; }
.work-related-projects .cell { padding: 1px; }
.work-related-projects .image,
.work-related-projects .video { background-repeat: no-repeat; }

.bio-intro { padding: 55px 55px 23px 55px; max-width: 700px;}
.bio-intro .timestamp { color: #808080; padding-bottom: 3px; }
.bio-intro h1 { color: #808080; padding-bottom: 0; margin-bottom: -2px; }
.bio-intro h2 { font-weight: lighter; font-size: 24px; line-height: 28px; color: #808080; padding-bottom: 25px; }
.bio-intro p { font-size: 17px; line-height: 24px; color: #808080; padding-bottom: 25px; }

.bio-links { padding-bottom: 60px; border-top: 2px dotted #c8c8c8; margin: 0 55px; }
.bio-links a { display: block; padding: 19px 0 14px 0; border-bottom: 2px dotted #c8c8c8; color: #808080; font-size: 24px; line-height: 28px; clear: both; }
.bio-links a:hover { color: #ff6602;}
.bio-links a .external-link { float: right; font-size: 82px; margin-top: -29px; margin-right: -30px; margin-bottom: -9px; }

.news-intro { padding: 55px 55px 28px 55px; max-width: 700px;}
.news-intro .timestamp { color: #808080; padding-bottom: 5px; }
.news-intro h1 { color: #808080; padding-bottom: 10px; }
.news-intro p { font-size: 17px; line-height: 24px; color: #808080; padding-bottom: 25px; }

.bydesign #subpage { background-color: #282726; }
.by-design-sub { background-color: #282726; }
.by-design-intro { padding: 55px 55px 33px 55px; max-width: 700px; }
.by-design-intro .timestamp { color: #fff; padding-bottom: 4px; }
.by-design-intro h1 { color: #ffe300; padding-bottom: 12px; font-family: 'Publico Headline Web'; font-weight: 800; font-style: normal; }
.by-design-intro p { font-size: 17px; line-height: 24px; color: #fff; padding-bottom: 25px; }
.by-design-sub .video .emblem { background-image: url(../images/play_bydesign.png); margin-left: -303px; width: 606px; }

.footer-share { height: 50px; background-color: #39b24a; position: absolute; bottom: 0; width: 100%; }
.footer-share-label { font-size: 17px; line-height: 24px; padding: 16px 7px 10px 55px; color: #fff; float: left; }
.footer-share a { opacity: .4; display: block; float: left; color: #fff; font-size: 30px; padding: 10px 7px 10px 8px; }
.footer-share a:hover { opacity: 1; }

.footer-share-yellow { background-color: #ffe300; }
.footer-share-yellow .footer-share-label { color: #282726; }
.footer-share-yellow a { color: #282726; }

.nobreak { white-space: nowrap; }

/* Mozilla Hover Rendering Fix */
@-moz-document url-prefix() {
	a.content > .image { -moz-backface-visibility: hidden; }
}

/* Retina */
/* , (min-resolution: 192dpi) */
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 512px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 512px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 512px),
only screen and ( min-device-pixel-ratio: 2) and (min-width: 512px),
only screen and ( min-resolution: 192dpi) and (min-width: 512px),
only screen and ( min-resolution: 2dppx) and (min-width: 512px) {
	#logo { background-image: url(../images/logo_retina.png); }
	#bydesign-logo { background-image: url(../images/logo_bydesign_retina.png); }
	.video .emblem { background-image: url(../images/play_retina.png); }
	.by-design-sub .video .emblem,
	#by-design-section .video .emblem { background-image: url(../images/play_bydesign_retina.png); }
	.carousel-arrow-left,
	.carousel-arrow-right { background-image: url(../images/carousel_controls_retina.png); }
	/* .image img, .video img { width: 100%; } */
}

@media (max-width: 1023px) {
	.image img, .video img { width: 100%; }
}

/* iPads (portrait and landscape) */
@media only screen and (max-width : 1024px),
only screen and (max-width : 768px) {
	#top-inner { height: 80px; }
	#featured-section { padding-top: 80px; }
	#subpage { padding-top: 80px; }
	#options { font-size: 83px; margin-left: -22px; margin-top: -2px; }
	#bydesign-logo,
	#logo { width: 194px; height: 26px; top: 27px; }
	.section-anchor { margin-top: -80px; padding-bottom: 80px; }
	.section-title { font-size: 35px; line-height: 54px; padding-top: 6px; }
	#about-section .cell { padding: 10px 13px 25px 12px; }
	#about-section columns { margin: 0 42px -10px 43px; padding-top: 9px; }
	#close { font-size: 71px; top: 4px; left: 35px; }
	#clients-intro { margin: 45px 44.5px 0; }
	#clients-intro p { font-size: 17px; line-height: 22px; }
	.client-column { font-size: 17px; line-height: 22px; }

	#nav-dropdown { left: 25px; padding: 3px 30px 11px 30px; }
	#nav-dropdown a { font-size: 35px; line-height :47px; }
}

/* iPads (landscape)  */
@media only screen and (max-width : 1024px) {
	#container { max-width: 1024px; }
	#top-inner { max-width: 1024px; }
	.video .emblem { width: 128px; height: 128px; margin-top: -64px; margin-left: -64px; }
	.by-design-sub .video .emblem,
	#by-design-section .video .emblem { margin-left: -228px; width: 456px; }
}

/* iPads (portrait)  */
@media only screen and (max-width : 768px) {
	#container { max-width: 768px; }
	#top-inner { max-width: 768px; }
	#subpage .cell,
	#about-section .cell { width: 33.3%; }
	#subpage .cell:nth-child(3n+3),
	#about-section .cell:nth-child(3n+3) { float: right; }

	#about-section .columns .content h1 { font-size: 17px; line-height: 22px; margin-top: 8px; }
	#about-section .columns .content p { font-size: 12px; line-height: 13px; }

	#about-intro, #by-design-intro, #contact-us-careers { max-width: 560px; }
	#by-design-body, #contact-us-intro, #contact-us-careers-more-info { max-width: 570px; }

	.cell { width: 50%; }
	#contact-us-address { width: 50%; }
	#contact-us-email { float: left; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
/*	.cell:nth-child(3n+1) .content > .news { padding-left: 0; } */
	.cell:nth-child(3n+3) { float: left; }
/*	.cell:nth-child(2n+1) .content > .news { padding-left: 18px; } */
	#featured-section .cell:nth-child(9) { display: none; }
}


/* Smartphones (portrait and landscape and iPhone 5)  */
@media only screen and (max-width : 568px) {
	#container { max-width: 568px; }
	#top-inner { max-width: 568px; }

	h1 { font-size: 28px; line-height: 32px; }
	.section { padding-bottom: 50px; }
	#top-inner { height: 48px; }
	.section-anchor { margin-top: -48px; padding-bottom: 48px; }
	#subpage { padding-top: 48px; }
	#featured-section { padding-top: 48px; }
	#bydesign-logo,
	#logo { top: 15px; right: 22px; height: 18px; width: 132px; }
	#options { left: 20px; font-size: 56px; margin-left: -16px; margin-top: -3px; }
	#nav-dropdown { left: 0; width: 100%; padding: 2px 20px 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	#nav-dropdown a { font-size: 24px; line-height: 40px; padding-top: 4px; border-bottom: 1px solid #c6c6c6; }
	#nav-dropdown a.last { border-bottom: none; }

	.columns { padding-top: 5px; margin: 0 -5px -5px -5px; }
	.cell { width: 50%; padding: 5px; }
/*	.cell:nth-child(3n+1) .content > .news { padding-left: 0; } */
	.cell:nth-child(3n+3) { float: left; }
/*	.cell:nth-child(2n+1) .content > .news { padding-left: 18px; } */
	#clients-intro h1 { margin-left: 0; }
	#clients-intro p { margin-left: 0; }
	.client-column { width: 50%; padding: 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.list-client-column-1 { padding: 0; }
	#featured-section .cell:nth-child(9) { display: none; }
	#subpage .cell,
	#about-section .cell { width: 50%; }
	#subpage .cell:nth-child(3n+3),
	#about-section .cell:nth-child(3n+3) { float: left; }

	.section-title { font-size: 15px; line-height: 37px; padding-top: 3px; padding-left: 20px; }
	.carousel-pagination { margin-top: 6px; height: 5px; }
	.carousel-pagination a { width: 5px; height: 5px; }
	.carousel-pagination-nopad { padding-bottom: 0; }
	.carousel-pagination-pad { /*height: 0; margin-top: 0;*/ }

	#featured-section .columns .news { padding: 10px 5px 0 10px; font-size: 20px; line-height: 23px; }
	.video .emblem { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; }
	.by-design-sub .video .emblem,
	#by-design-section .video .emblem { margin-left: -162px; width: 285px; }

	.section-subtitle { padding-left: 20px; font-size: 28px; line-height: 32px; margin-bottom: auto; }
	#about-intro { margin-left: 20px; margin-right: 20px; margin-bottom: 35px; }
	#about-intro h1 { font-size: 28px; line-height: 32px; margin-bottom: 12px; }
	#about-intro p { margin-bottom: 12px; }
	#clients-intro { margin: 45px 20px 0; }
	#clients-intro h1 { font-size: 28px; line-height: 32px; margin-bottom: 12px; }
	#clients-intro p { margin-bottom: 12px; }
	#about-section .columns { margin: -3px 15px -10px 15px; }
	#about-section .cell { padding: 10px 5px 6px 5px; }

	/*
	#about-section .columns .content { height: 47px; }
	#about-section .columns .content .image { bottom: 47px; }*/
	#about-section .columns .content h1 { font-size: 17px; line-height: 22px; margin-top: 8px; /*bottom: 13px;*/ }
	#about-section .columns .content p { font-size: 12px; line-height: 13px; }

	a .load-more { font-size: 15px; line-height: 17px; margin-top: -9px; }

	.news-item { padding: 23px 20px 17px 20px; }
	.news-item h1 { font-size: 22px; line-height: 25px; padding-left: 20px; }
	.news-item .timestamp { margin-bottom: 2px; padding-left: 20px; }
	.news-item .thumbnail { padding-right: 20px; }
	.news-item .internal-link { font-size: 56px; top: -28px; }
	.news-item .external-link { font-size: 56px; top: -29px; }
	.news-load-more { padding: 35px 20px 29px 20px; }
	a.news-load-more .load-more { font-size: 22px; line-height: 24px; }

	#by-design-intro { padding: 33px 20px 28px 20px; }
	#by-design-intro h1 { font-size: 24px; line-height: 29px; }
	#by-design-body { padding: 22px 20px 3px 20px; }
	#by-design-body .date { padding-bottom: 2px; }
	#by-design-body h1 { font-size: 24px; line-height: 29px; padding-bottom: 12px; }
	#by-design-body p { padding-bottom: 15px; }

	#contact-us-section { padding-bottom: 35px; }
	#contact-us-intro { padding: 34px 20px 26px 20px; }
	#contact-us-address { padding-left: 20px; padding-bottom: 0; width: auto; float: none; }
	#contact-us-address h1 { padding-bottom: 0; }
	#contact-us-address p { padding-bottom: 14px; }
	#contact-us-email { float: none; padding-left: 20px; padding-bottom: 14px; }
	#contact-us-email h2 { font-size: 22px; line-height: 28px; }
	#contact-us-email p { padding-bottom: 10px; }
	#contact-us-social { padding: 0 20px 32px 20px; }
	#contact-us-social h1 { padding-bottom: 15px; }
	#contact-us-careers { padding: 20px 20px 2px 20px; }
	#contact-us-careers h1 { padding-bottom: 12px; }
	#contact-us-openings { padding: 0 20px 32px 20px; }
	#contact-us-careers-more-info { padding: 0 20px; }
	#contact-us-openings .no-results,
	#contact-us-openings a { font-size: 22px; line-height: 32px; padding-bottom: 14px; overflow: hidden; }
	#contact-us-openings a .external-link { font-size: 56px; margin-top:-15px; margin-right: -21px; margin-bottom: -15px; }

	#contact-us-newsletter { padding: 0 20px 32px 20px; }
	#contact-us-newsletter input { height: 40px; font-size: 17px; line-height: 17px; }
	#contact-us-newsletter .text-label { margin-top: 12px; margin-left: 0; }
	#contact-us-newsletter .text { width: 100%; max-width: 300px; padding: 12px 12px 11px 12px; }
	#contact-us-newsletter .submit { width: auto; padding: 0 12px; }
	#contact-us-newsletter .newsletter-success { font-size: 17px; top: 21px; }

	#close { font-size: 46px; top: 2px; left: 10px; }

	h1.work-subtitle { font-size: 28px; line-height: 32px; padding-left: 20px; padding-bottom: 9px; }
	.work-caption { padding-left: 20px; }
	.work-intro { padding: 32px 20px 28px 20px; }
	.work-intro h1 { padding-bottom: 2px; }
	.work-intro h2 { font-size: 28px; line-height: 32px; padding-bottom: 12px; }
	.work-body { padding: 0px 20px 5px 20px; }
	.work-awards { padding: 0 20px 35px 20px; font-size: 17px; line-height: 24px; color: #808080; }
	.work-award { width: 50%; }
	.work-award img { margin-bottom: 15px; }
	.work-media-coverage { padding-top: 0; padding-bottom: 35px; }
	.work-media-coverage a { padding: 22px 20px 15px 20px; }
	.work-media-coverage a .external-link { font-size: 56px; margin-top: -16px; margin-bottom: -10px;  }

	#subpage .work-related-projects .cell { width: 33%; }

	.footer-share-label { padding-left: 20px; }

	.bio-intro { padding: 34px 20px 3px 20px; }
	.bio-intro h2 { font-size: 22px; line-height: 25px; padding-bottom: 13px; }

	.bio-links { padding-bottom: 35px; margin: 0 20px; }
	.bio-links a { padding: 22px 0 16px 0; overflow: hidden; }
	.bio-links a .external-link { font-size: 56px; margin-right: -21px; margin-top: -17px; margin-bottom: -17px; }

	.news-intro { padding: 35px 20px 3px 20px; }

	.by-design-intro { padding: 35px 20px 15px 20px; }
	.by-design-intro p { padding-bottom: 13px; }

}

/* Smartphones (landscape)  */
@media only screen and (max-width : 480px) {
	#container { max-width: 480px; }
	#top-inner { max-width: 480px; }
	#contact-us-email,
	#contact-us-address { width: auto; }
}

@media only screen and (max-width : 768px) and (min-width : 569px) {
	#contact-us-email .speakingrequests { display: inline-block; margin-top: -8px; }
}
@media only screen and (max-width : 370px) {
	#contact-us-email .speakingrequests { display: inline-block; margin-top: -3px; }
}

/* Smartphones (portrait)  */
@media only screen and (max-width : 320px) {
	#container { max-width: 320px; }
	#top-inner { max-width: 320px; }
	.news-item .timestamp { font-size: 15px; line-height: 17px; margin-left: 0; padding-left: 0; }
	.news-item .thumbnail { display: none; }
	.news-item h1 { margin-left: 0; padding-left: 0; }

	.video .emblem { width: 54px; height: 54px; margin-top: -26px; margin-left: -26px; }
	.by-design-sub .video .emblem,
	#by-design-section .video .emblem { margin-left: -96px; width: 192px; }

	#featured-section .columns .news { font-size: 15px; line-height: 17px; }

	#work-section { padding-bottom: 0px; }
	#work-section .cell { width: 100%; }
	.work-load-more { padding: 45px 20px 45px 20px; margin-top: -10px; }
	a.work-load-more .load-more { font-size: 22px; line-height: 24px; }

	#contact-us-social { font-size: 41px; }
	#contact-us-social a { margin-right: 6px; }

	#subpage .work-related-projects .cell { width: 50%; }
}

#hype-obj-D4VTEYJNNSMN9QXW67JR {
    pointer-events: auto !important;
    position: absolute !important;
    border-style: none !important;;
    display: inline !important;;
    background-color: rgb(252, 220, 199) !important;;
    border-width: 0px !important;;
    border-color: rgb(216, 221, 228) !important;;
    overflow: visible !important;;
    z-index: 1 !important;
    width: 1359px !important;;
    height: 2224px !important;;
    transform-origin: 50% 50% 0px !important;
    width: -1% !important;
}

@media screen and (min-width:1025px){
#hatchanimation09292016v2_hype_container {
  min-height: 36rem;
  margin-top: -41.8rem !important;
  margin-left: -8%;
  max-width: 860px !important;
  width: 1000px !important;
  margin-bottom: 6.1rem !important;
}}

@media screen and (max-width:1024px){
#hatchanimation09292016v2_hype_container {
  min-height: 36rem;
  margin-top: -41.8rem !important;
  margin-left: -8%;
  max-width: 860px !important;
  width: 1000px !important;
  margin-bottom: 6.1rem !important;

}}

@media screen and (max-width:768px){
#hatchanimation09292016v2_hype_container {
  min-height: 33rem;
  padding-top: 10% !important;
  margin-left: -9.8% !important;
  max-width: 860px !important;
  width: 120% !important;
  margin-top: -32.8rem !important;
  margin-bottom: 5rem !important;
}}

@media screen and (max-width:375px){
#hatchanimation09292016v2_hype_container {
    min-height: 33rem;
    padding-top: 10% !important;
    margin-left: -9.8% !important;
    max-width: 860px !important;
    width: 120% !important;
    margin-top: -17.5rem !important;
    margin-bottom: 5rem !important;
}}

@media screen and (max-width:320px){
#hatchanimation09292016v2_hype_container {
  min-height: 33rem;
  padding-top: 0rem !Important;
  margin-left: -9.8% !important;
  max-width: 860px !important;
  width: 120% !important;
  margin-top: -15.4rem !important;
  margin-bottom: 5rem !important;
}}

/*
.cell { width: 50%; }
.cell:nth-child(odd) .content > .news { padding-left: 18px; }
@media only screen and (max-device-width: 726px) {
	.cell { width: 50%; }
}
*/