/* css reset */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1.28; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
html, body { font-size: 12px; color: black; font-family: arial; }
.red { color: red; }
/* the rest */
::selection { color: #fff; background-color: #39C; }
#toggle { position: absolute; top: 0; left: 0; display: none; background-color: #d6d6d6; width: 50px; height: 20px; overflow: hidden; z-index: 99999; }
.csstransitions a, .csstransitions a img, .csstransitions input[type="submit"], .csstransitions button { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
/* base/device portrait */
a { color: white; text-decoration: none; }
.white-bg a { color: #3399cc; }
.white-bg a:hover { color: black; }
.footer a { color: white; }
.footer a:hover { color: #87888c; }
a.facebook-small { margin-bottom: 15px; margin-right: 5px; float: left; width: 27px; height: 27px; display: block; background: transparent url(images/icons.png) no-repeat 0 -268px; }
a.facebook-small:hover { background-position: 0 -239px; }
a.twitter-small { margin-bottom: 15px; margin-right: 5px; float: left; width: 27px; height: 27px; display: block; background: transparent url(images/icons.png) no-repeat -34px -268px; }
a.twitter-small:hover { background-position: -34px -239px; }
a.gplus-small { margin-bottom: 15px; margin-right: 5px; float: left; width: 27px; height: 27px; display: block; background: transparent url(images/icons.png) no-repeat -69px -268px; }
a.gplus-small:hover { background-position: -69px -239px; }
a.pinterest-small { }
a.pinterest-small:hover { }
a.facebook-large { margin-bottom: 15px; margin-right: 15px; float: left; width: 62px; height: 61px; display: block; background: transparent url(images/icons.png) no-repeat 0 -174px; }
a.facebook-large:hover { background-position: 0 -113px; }
a.twitter-large { margin-bottom: 15px; margin-right: 15px; float: left; width: 62px; height: 61px; display: block; background: transparent url(images/icons.png) no-repeat -79px -174px; }
a.twitter-large:hover { background-position: -79px -113px; }
a.gplus-large { margin-bottom: 15px; margin-right: 15px; float: left; width: 62px; height: 61px; display: block; background: transparent url(images/icons.png) no-repeat -159px -174px; }
a.gplus-large:hover { background-position: -159px -113px; }
a.pinterest-large { margin-bottom: 15px; margin-right: 15px; float: left; width: 62px; height: 61px; display: block; background: transparent url(images/icons.png) no-repeat -239px -174px; }
a.pinterest-large:hover { background-position: -239px -113px; }
body { background: #131519 url(images/bg-gradient.png) repeat-y center;}
#width-indicator { width: 320px; display: none; }
.carousel,
.carousel-wrap,
.carousel ul,
.carousel ul li,
.work-tile,
.work-tile img,
.work-tile a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0px none; }
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: 0px none;
}
.header, .footer, .content * { -webkit-text-size-adjust: none; }
.accordion { }
.content .container dl dt { color: #333; border-bottom: 1px solid #ccc; padding: 15px 0; font: normal 14px avantgarde-medium; cursor: pointer; }
.content .container dl dt.active { }
.content .container dl dd { color: #87888c; font: normal 13px avantgarde-book; line-height: 27px; xpadding: 25px 0 25px 0; }
.content .container dl dd.active { xpadding: 25px 0 25px 0; border-bottom: 1px solid #ccc; }
.content .container dl dd span { padding: 25px 0 25px 0; display: block; }
.content .container dl dd img { padding: 25px 0 25px 0; display: block; }
.content .container dl dt span { opacity: 1.0; float: right; margin-top: 8px; margin-right: 10px; display: block; width: 12px; height: 6px; background: transparent url(images/icons.png) no-repeat -102px -269px; }
.content .container dl dt.active span { opacity: 1.0; background: transparent url(images/icons.png) no-repeat -102px -278px; }
.content .container dl dt.hover { }
.content .container dl dt.hover span { opacity: 1.0; background: transparent url(images/icons.png) no-repeat -102px -287px; }
.content .container dl dd img { display: none; min-height: 120px; }
#google-map-container { display: none; width: 100%; position: fixed; height: auto; top: 0; overflow: hidden; z-index: 995; }
#google-map-canvas { border: 0 none; }
.contact-tile { z-index: 996; }
.contact-tile .map-info { overflow: auto; line-height: 20px; background-color: white; padding: 25px; font: normal 13px avantgarde-book; color: #87888c; }
.contact-tile .map-info h3 { color: black; }
.contact-tile .map-info br { }
.contact-tile .map-info p { font: normal 13px avantgarde-book; color: #87888c; line-height: 21px; margin: 5px 0 10px 0; }
.contact-tile .map-info a { color: #3399cc; }
.contact-tile .map-nav-type { display: none; padding-right: 2px; float: left; width: 27px; height: 210px; background-color: white; }
.contact-tile .map-nav-type div { width: 28px; height: 104px; overflow: hidden; }
.contact-tile .map-nav-type span { cursor: pointer; font: normal 15px avantgarde-medium; color: white; min-height: 99px; display: block; padding-top: 22px; text-align: center; background-color: #d6d6d6; }
.contact-tile .map-nav-type .selected { background-color: #3297cb; }
.contact-tile .map-nav-type .sat { }
.contact-tile .map-nav-type .road { margin-top: 2px; }
.contact-tile .map-nav-zoom { display: none; float: left; width: 130px; height: 210px; }
.contact-tile .map-nav-zoom span { cursor: pointer; margin-top: -5px; width: 130px; text-align: center; color: white; font: normal 80px avantgarde-book; position: absolute; display: block; z-index: 995; }
.contact-tile .map-nav-zoom .plus { height: 104px; overflow: hidden; }
.contact-tile .map-nav-zoom .minus { height: 104px; margin-top: 2px; overflow: hidden; }
.contact-tile .map-nav-zoom .minus span { font-size: 125px; margin-top: -35px; height: 104px; z-index: 994; }
.contact-tile .map-nav-zoom .bg { width: 130px; height: 104px; background-color: black; position: absolute; opacity: 0.7; }
#wrap { margin: 0 auto; overflow: auto; min-width: 320px; }
#loading { position: absolute; width: 40px; height: 40px; opacity: 1.0; display: none; z-index: 9999; text-align: center; }
#loading img { width: 100%; }
#work-content { position: absolute; width: 100%; display: none; overflow: auto; margin-top: 0; }
#work-content .container-header { display: none; }
.content .container hr.grey-border { margin: 10px 0; border: 0 none; border-bottom: 1px solid #ccc; }
.content .container hr.black-border { margin: 10px 0; border: 0 none; border-bottom: 1px solid #000; }
.content .container hr.dark-grey-border { margin: 10px 0; border: 0 none; border-bottom: 1px solid #484747; }
.content .container { color: #87888c; overflow: auto; clear: both; }
.content .container-header, .content-home .extended { color: #87888c; font: normal 17px 'avantgarde-book'; line-height: 28px; overflow: auto; }
.content .container-header { text-align: center; }
.content-home .extended { font: normal 18px 'avantgarde-light'; line-height: 30px; }
.content .container .single-column { margin: 20px 0; }
.content .container .double-column { margin: 20px 0; }
.content .container .full-column { margin: 20px 0; clear: both; }
.content .container .full-column-grey { margin: 20px 0; clear: both; background-color: #efeeee; }
.content .container .full-column h2, .content .container .single-column h2, .content .container .double-column h2 { color: #000; font: normal 22px avantgarde-book; border-top: 1px solid black; border-bottom: 1px solid #cdcdcd; padding: 13px 0; margin-bottom: 20px; }
.content .container .full-column h3, .content .container .single-column h3, .content .container .double-column h3 { color: #333; font: normal 18px avantgarde-book; margin: 10px 0; }
.content .container section { font: normal 12px avantgarde-book; }
.content .container section h3 { border-bottom: 1px solid rgb(72, 71, 71); font: normal 15px avantgarde-light; padding: 10px 0; color: white; margin-bottom: 10px; }
.content .container section li { margin-bottom: 10px; }
.content .container .full-column h3.bordered, .content .container .single-column h3.bordered, .content .container .double-column h3.bordered { border-top: 1px solid black; border-bottom: 1px solid #cdcdcd; padding: 13px 0; }
.content .container .full-column p, .content .container .single-column p, .content .container .double-column p { color: #87888c; font: normal 14px avantgarde-book; margin-top: 5px; }
.content .container .full-column, .content .container .single-column, .content .container .double-column { color: #87888c; font: normal 14px avantgarde-book; line-height: 22px; }
.content .container .full-column img, .content .container .single-column img, .content .container .double-column img { margin-top: 10px; width: 100%; }
.content .container .full-column .person, .content .container .single-column .person, .content .container .double-column .person { margin-bottom: 40px; }
.content .container .double-column h3 { margin-top: 40px; }
.content .container .full-column p, .content .container .single-column p, .content .container .double-column p { font-size: 16px; margin: 15px 0; }
.content .container .full-column, .content .container .single-column, .content .container .double-column { font-size: 16px; }
.content .container .left-align { margin: 15px 0 }
.content .container .right-align { margin: 15px 0 }
.content-contact .container .right-align h3 { margin-top: 0; padding-bottom: 10px; color: #fff; border-bottom: 1px solid #87888c; }
.content-contact .white-bg .right-align h3 { padding: 15px 0; margin-bottom: 25px; color: #000; border-top: 1px solid #333333; border-bottom: 1px solid #ccc; }
.contact_new_wrapper{ padding: 30px 5% 30px 5%;}
.contact_title{ text-align: center; color: #87888c; font: normal 23px avantgarde-light; font-size: 23px; line-height: normal; line-height: 40px; }
.contact_button{ text-align: center; padding: 15px 0 15px 0; display: block; margin: 0 auto; max-width: 380px; border-radius: 30px; background: #464646; color: #fff; font: lighter 16px avantgarde-medium; font-size: 16px; line-height: normal; margin-top: 10px; margin-bottom: 20px; }
.contact_button:hover{ background: #fff; color: #464646; }
.footer { background: #000; }
.header { overflow: hidden; width: 100%; top: 0; z-index: 10009; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4); box-shadow:0 1px 3px rgba(0,0,0,0.4);}
.header .background { background-color: black; overflow: auto; }
.header .container { margin: 0 30px 40px 30px; position: relative; }
.header ul { margin-top: 6px; clear; both; }
.header ul li { clear: left; color: white; text-transform: uppercase; text-align: center; border-bottom: 1px solid #333; }
.header ul li a { color: #666666; font-family: avantgarde-medium; font-weight: normal; letter-spacing: 1px; font-size: 17px; display: block; margin: 13px 0; text-decoration: none; cursor: pointer; }
.header ul li a:hover { color: white; }
.header ul li.current_page_item a { color: white; }
.header ul li .children { display: none; }
.header .menu-header { display: none; clear: both; border-top: 1px solid #333; position: relative; }
.header .nav-logo { display: none; }
.header .logo a { width: 160px; height: 30px; position: absolute; top: 0; left: 0; margin: 20px 0 0 0; color: white; font-family: avantgarde-light; letter-spacing: 4px; text-transform: uppercase; font-size: 20px; }
#menu-button { margin: 25px 0; display: block; width: 23px; height: 14px; background-image: url(images/mobile-menu.png); background-size: 23px 28px; float: right; cursor: pointer; }
#menu-button.expanded { background-position: bottom; }
#menu-button.collapsed { background-position: top; }
.white-bg { background-color: white; }
.grey-bg { background-color: #efeeee; }
.content { }
.content .container { margin: 30px 30px 0 30px; }
.content .container h2.banner { color: white; font: normal 20px avantgarde-light; border-top: 1px solid #999; border-bottom: 1px solid #484747; }
.content .container h2.banner { padding: 10px 0; margin-top: 40px; }
.content .shadow-extended { display: none; }
.content .shadow-about { display: block; }
.content .extended { margin: 50px 0 0 0; overflow: hidden; clear: both; }
.content-home .extended { margin: 0; }
.content .no-margin { margin: 0; }
.content .no-margin .container .container { margin-left: 0 !important; margin-right: 0 !important; }
.content .extended .container { margin: 30px 30px; overflow: hidden; }
.content .extended .home-tile { max-width: 291px; width: 30%; float: left; color: #878686; overflow: auto; margin: 10px 1%; }
.content .extended .home-tile img { margin-bottom: 10px; width: 100%; }
.content .extended .home-tile h2 { font: normal 16px avantgarde-medium; color: black; border: 0 none; margin-bottom: 5px; }
.content .extended .home-tile { font: normal 11px avantgarde-medium; xmargin: 5px 0; }
.content .extended .home-tile em { color: black; font-style: normal; color: black; }
.content .work-tiles { overflow: auto; margin: 20px 0; }
.content .work-tiles .tile { width: 100%; clear: left; color: #878686; overflow: auto; margin: 10px auto; border-bottom: 1px solid #484747; cursor: pointer; text-decoratioN: none; display: block; }
.content .work-tiles .tile img { width: 100%; margin-bottom: 10px; display: none; }
.content .work-tiles .tile h3 { font: normal 17px avantgarde-book; color: white; }
.content .work-tiles .tile p { font: normal 13px avantgarde-book !important; margin: 0; color: #87888c; margin-top: 3px; margin-bottom: 15px; }
.content-work .work-tiles .selected p { color: white; }
.content .work-tiles .divider { display: none; }
.content .work-tiles .extended { clear: both; xdisplay: none; }
.content .work-tiles .tile-line { border-bottom: 1px solid #484747; background-color: transparent; margin: 10px 0; }
.content .work-tiles .hover { z-index: 9998; }
.content .container .work-tiles .tile img.hover { position: absolute; display: none; }
.content-home .extended .container { margin-top: 30px; margin-bottom: 30px; }
.content-home .extended h2 { color: #333; border: 0 none; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 10px; font: normal 18px avantgarde-book; }
.content-home .extended hr { border: 0 none; border-bottom: 1px solid #ccc; width: 100%; }
.content-home .extended p { font: normal 13px avantgarde-book; color: #878686; margin: 10px 0 20px 0; }
.content-home .extended .twitter-feed { position: relative; overflow: hidden; height: 160px; }
.content-home .extended .twitter-feed h3 { font: normal 11px avantgarde-book; color: black; }
.content-home .extended .twitter-feed p { font: normal 11px avantgarde-book; color: #878686; margin: 0 0 25px 0; }
.content-home .extended .twitter-feed ul { height: 375px; overflow: hidden; }
.content-home .extended .twitter-feed li { display: none; }
.content-home .extended .single-column-right { display: none; }
.content-home .extended .double-column-left { margin-bottom: 20px; }
.content-home .extended .twitter-feed .twitter-shadow { z-index: 999; position: absolute; background: transparent url(images/trans-gradient.png) repeat-x; height: 61px; width: 100%; display: block; bottom: 0; }
.content-about img.quote { max-width: 120px !important; }
.content-about .extended h1 { color: black; font: normal 22px avantgarde-book; margin-top: 15px; }
.content-about .extended p { font: normal 17px avantgarde-book; line-height: 28px; text-align: inherit; }
.content-about .extended p.intro { font-family: avantgarde-book; margin-top: 15px !important; }
.content-about .extended h2 { font: normal 17px avantgarde-book; color: black; border-top: 1px solid black; border-bottom: 1px solid #ccc; padding: 18px 0; }
.content-about .extended .single-column-right h2 { padding: 18px 0; font-size: 20px; }
.content-about .extended .single-column-right p { font: normal 13px avantgarde-book; color: #87888c; line-height: 23px; }
.content-about .banner { display: none; width: 1px; height: 1px; }
.content-about span.toggle-work-with-us { display: none; }
.content-about span.toggle-things-that-interest-us { display: none; }
.content-about span.toggle-quotes-and-clients { }
.content-about span.toggle-our-mission { display: none; }
.content-about span.toggle-our-mission .container .dark-grey-border:last-child { margin-top: 2px !important; }
.content-about span.toggle-quotes-and-clients .double-column { display: none; }
.content-about span.toggle-quotes-and-clients .container .container { display: none; }
.content-about span.toggle-quotes-and-clients :first-child .container { margin: 0 30px; }
.content-about .accordion { margin-top: -10px; }
.content-about .extended .single-column-right p { margin: 15px 0; }
.content-about .toggle-our-mission .dark-grey-border { margin-top: 35px !important; }
.content-about .carousel ul li em { clear: both; color: black; font-size: 11px; display: block; line-height: 14px; }
.content-about .toggle-our-mission .container { margin-top: 5px; }
.content-about .client-list img.clients { width: auto; margin-right: 10px; }
.content-about .client-list img.clients-three { display: none; }
.content-about .client-list li.left { width: 30%; }
.content-about .client-list li.right { width: 70%; }
.content-about .client-list li.right { text-align: right; }
.content-about .extended .quotes { width: 282px; overflow: auto; }
.content-about .extended .quotes ul { width: 100%; }
.content-about .extended .quotes ul li { float: left; width: 282px; }
.content-about .extended .quotes ul li img { clear: both; width: auto; margin-bottom: 10px; }
.content-about .extended .quotes ul li p { text-align: left; clear; both; font: normal 23px jansontext-italic; color: black; margin-right: 10px; line-height: 33px; }
.content-about .extended .quotes ul li blockquote { margin-top: 40px; font: normal 15px jansontext-italic; line-height: 25px; color: black; }
.content-about .extended .quotes ul li blockquote em { font-weight: bold; font-style: normal; display: inline; }
.content-about .extended .quotes ul li blockquote em.person { font-size: 19px; }
.content-about .extended .quotes ul li blockquote em.company { }
.content-about .extended .quotes ul li blockquote br { }
.content-about .extended .quotes .center-wrap { }
.content-about .instagram-feed .instagram-copy { position: absolute; font: normal 11px lubalingraph-demi; background: url(images/instagram.png) no-repeat 100% 0; width: 162px; height: 21px; padding-top: 1px; }
#work-content .content { margin: 0; min-height: 0; }
#work-content .content .extended { margin: 0; }
#work-content .close-button { width: 50px; cursor: pointer; height: 30px; position: absolute; left: 50%; margin-left: -25px; overflow: hidden; background-color: #d6d6d6; font: normal 17px avantgarde-demi; text-align: center; color: white; }
#work-content .close-button-hover { background-color: black; }
#work-content .close-button img { margin: 7px auto; }
.content-work .carousel { margin: 15px 0 50px 0; }
.content-work .carousel ul { width: 100%; }
.content-work .carousel ul li { float: left; height: 130px; }
.content-work .carousel ul li img { width: 100%; }
.content-work .carousel .center-wrap { }
.content-work .carousel-shadow { display: none; }
.content-work .carousel-pagination { margin: 15px auto; }
.content-work .carousel-pagination p { margin: 0; }
.content-work .carousel-pagination a { cursor: pointer; float: left; margin: 0 3px; display: block; background: transparent url(images/icons.png) no-repeat -104px -247px; width: 11px; height: 11px; }
.content-work .carousel-pagination a.active { background-position: -124px -247px; }
.content-work .carousel-pagination a span { display: none; }
.content-work .container h2 { font: normal 25px avantgarde-book; color: #323232; border: 0 none; }
.content-work .container h3 { font: normal 15px avantgarde-medium; color: black; }
.content-work .container h4 { font: normal 14px avantgarde-book; color: black; margin: 10px 0; }
.content-work .container p { font: normal 14px avantgarde-book !important; display: block; line-height: 23px !important; }
.content-work .container .single-column em { display: block; margin-top: -5px; font: normal 14px avantgarde-book !important; }
.content-work .container .single-column h3 { font: normal 15px avantgarde-book !important; }
.content-work .container .single-column h4 { font: normal 14px avantgarde-book !important; }
.content-work .container .single-column hr { margin: 10px 0 20px 0; }
.content-work .container .single-column p.services { font-size: 14px !important; line-height: 27px !important; }
.content-work .container .single-column { line-height: 20px !important; }
.content-work .container .double-column { line-height: 25px; }
.content-work a.website { background: transparent url(images/arrow.png) 99% 50% no-repeat; padding-right: 15px; font: normal 15px avantgarde-book !important; }
.content-work .container h2.banner { color: white; font: normal 20px avantgarde-light !important; }
.content-work .carousel .nav-left { display: none; cursor: pointer; position: absolute; z-index: 10000; color: white; width: 50px; height: 50px; overflow: hidden; }
.content-work .carousel .nav-left img { position: absolute; margin: 10px 0 0 15px; height: 30px; z-index: 10001; }
.content-work .carousel .nav-left .bg { width: 100%; height: 100%; background-color: black; position: absolute; opacity: 0.3; z-index: 10000; }
.content-work .carousel .nav-right { display: none; cursor: pointer; position: absolute; z-index: 10000; color: white; width: 50px; height: 50px; overflow: hidden; }
.content-work .carousel .nav-right img { position: absolute; margin: 10px 0 0 18px; height: 30px; z-index: 10001; }
.content-work .carousel .nav-right .bg { width: 100%; height: 100%; background-color: black; position: absolute; opacity: 0.3; z-index: 10000; }
.content-work .carousel .nav-hover .bg { opacity: 1.0; }
#loading { }
.content .container .divider { height: 10px; border-bottom: 1px solid #484747; clear: both; margin: 0 0 20px 0; }
.content h1 { font-size: 35px; color: white; font-family: lubalingraph-book; font-weight: normal; line-height: 100%; margin-bottom: 15px; }
.content p { font-size: 17px; margin: 15px 0; color: #87888c; font-family: avantgarde-book; }
.footer { min-height: 231px; }
.footer .container { margin: 0 30px; overflow: auto; padding-bottom: 15px; padding: 30px 0; }
.footer .container .footer-logo { display: none; }
.footer .icons { margin: 0 auto 30px; width: 240px; }
.footer .icons a { text-indent: -9999px; display: inline-block; width: 63px; height: 61px; background-image: url('images/footer-icons.png'); background-size: 260px 61px; }
.footer .icons .phone { margin-right: 20px; background-position: 0 0; }
.footer .icons .email { background-position: -98px 0; }
.footer .icons .map { margin-left: 20px; background-position: -197px 0; }
.footer .location { font: normal 12px avantgarde-demi; color: #87888c; line-height: 24px; }
.footer .location em { color: white; font-weight: normal; font-style: normal; }
.footer .location .gmap { display: none; overflow: hidden; width: 100px; height: 20px; }
.footer .location .gmap a { color: white; margin: 1px 0 0 14px; display: block; }
.footer .location .gmap a:hover { color: #87888c}
.footer .location .gmap .pin { margin-top: 4px; position: absolute; background: transparent url(images/icons.png) no-repeat -100px -51px; width: 10px; height: 17px; z-index: 994; }
.footer .explore { display: none; }
.footer .discuss { float: none; }
.footer .discuss a { display: none; }
.footer .copyright { font-family: avantgarde-demi; font-size: 11px; color: #666666; margin-top: 30px; clear: both; }
.mobile-work { background: #efeeee; }
.mobile-work p { margin: 0 30px; text-align: center; padding: 20px 0; }
.mobile-work a { font-family: 'lubalingraph-book'; font-weight: normal; font-size: 23px; color: #000; }
.mobile-work span { background: url('images/work-arrow.png'); background-size: 8px 16px; display: inline-block; text-indent: -9999px; width: 8px; height: 16px; margin-left: 10px; position: relative; top: 6px; }
/* Layer Slider */
.ls-nav-prev, .ls-nav-next { display: none !important; }
/* portrait iphone */
@media screen and (max-width: 480px) {
.ls-fullwidth .ls-layer .case-study { visibility: hidden !important; }
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next { display: none !important; }
.ls-fullwidth .ls-s-1 { left: 5px !important; }
.ls-fullwidth img.ls-s-1 { visibility: visible !important; left: -5px !important; }
.ls-fullwidth p.ls-s-1 { visibility: hidden !important; }
.mobile-work span { top: 1px; }
.content-contact .container { margin-top: 0; }
}
/* landscape iphone, covered by the base above */
@media screen and (min-width: 480px) and (max-width: 609px) {
#width-indicator { width: 480px; }
.content-work .carousel ul li { float: left; height: 220px; }
.ls-fullwidth .ls-layer .case-study { visibility: hidden !important; }
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next { display: none !important; }
.ls-fullwidth .ls-s-1 { left: 5px !important; }
.ls-fullwidth img.ls-s-1 { visibility: visible !important; left: -5px !important; }
.ls-fullwidth p.ls-s-1 { visibility: hidden !important; }
.content-contact .container { margin-top: 0; }
.mobile-work span { top: 1px; }
}
/* portrait ipad */
@media screen and (min-width: 610px) and (max-width: 768px) {
#width-indicator { width: 610px; }
#wrap { background: #131519 url(images/bg-gradient.png) repeat-y center; overflow: auto; xmax-width: 1804px; }
#menu-button { display: none; }
.header .menu-header { display: block; border: 0 none; clear: none; }
.header { position: absolute; width: 100%; top: 55px; }
.header .background { height: 77px; }
.header .container { margin: 25px 30px 0 30px; }
.header ul { float: left; position: relative; left: 50%; margin-left: -300px; }
.header ul li { clear: none; float: left; margin: 0 0 0 75px; min-width: 0; border-bottom: 0 none; }
.header ul li:first-child { margin: 0; }
.header ul li a { margin: 0; font-size: 14px; }
.header .logo a { background: transparent url(images/logo.png) no-repeat; width: 46px; height: 42px; text-indent: -9999px; display: block; position: absolute; top: -7px; left: 50%; margin: 0 auto 0 -23px; background-size: 46px 42px; }
.home .header .logo a { top: -8px; height: 43px; }
.header .nav-logo { display: block; }
.header .nav-logo a { color: white; font-family: avantgarde-light; letter-spacing: 4px; opacity: 0; }
.content .container-header, .content-home .extended { color: #87888c; font: normal 23px avantgarde-light; line-height: 40px; overflow: hidden; }
.content .container-header { text-align: center; }
.content { min-height: 320px; margin-top: 180px; }
.home .content { margin-top: 0; }
.content h1 { font-size: 71px; }
.content p { font-size: 25px; margin: 25px 0; }
.content .extended { }
.content .extended .container { margin: 30px 30px; }
.content .container { margin: 15px 30px 0 30px; }
.content-home .extended .container { margin-top: 62px; margin-bottom: 53px; }
.content-home .extended { display: block; }
.content-home .extended h2 { color: #333; border: 0 none; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 10px; font: normal 18px avantgarde-book; }
.content-home .extended hr { border: 0 none; border-bottom: 1px solid #ccc; width: 100%; }
.content-home .extended p { font: normal 13px avantgarde-book; color: #878686; margin: 10px 0 20px 0; }
.content-home .extended .twitter-feed { margin-left: 20px; }
.content-home .extended .twitter-feed h3 { font: normal 11px avantgarde-book; color: black; }
.content-home .extended .twitter-feed p { font: normal 11px avantgarde-book; color: #878686; margin: 0 0 25px 0; }
.content-home .extended .twitter-feed ul { height: 375px; overflow: hidden; }
.content-home .extended .twitter-feed li { display: none; }
.content-home .extended .single-column-right { display: block; }
.content-about .extended h1 { color: black; font: normal 30px avantgarde-book; }
.content-about .extended p { font: normal 17px avantgarde-book; line-height: 28px; text-align: inherit; }
.content-about .extended p.intro { font-size: 17px; }
.content-about .extended h2 { font: normal 17px avantgarde-book; color: black; border-top: 1px solid black; border-bottom: 1px solid #ccc; }
//.content-about .extended .single-column-right h2 { padding: 18px 0; font-size: 20px; }
.content-about .extended .single-column-right p { font: normal 13px avantgarde-book; color: #87888c; line-height: 25px; }
.content-about .extended .banner { position: absolute; margin-top: -39px; }
.content-about .extended .large-break { margin-top: 220px; clear: both; }
.content-about .extended .single-column-right .carousel { margin-top: 10px; }
.content-about ul.work-with-us { overflow: auto; border-bottom: 1px solid #ccc; border-top: 1px solid black; padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.content-about ul.work-with-us li { width: 30%; float: left; margin-right: 10px; }
.content-about ul.work-with-us h1 { font: normal 30px avantgarde-book; color: black; margin-right: 20px; }
.content-about ul.work-with-us h2 { font: bold 15px avantgarde-medium; color: black; border: 0 none; padding: 0; line-height: 27px; margin-right: 10px; }
.content-about ul.work-with-us p { font: normal 14px avantgarde-book; color: black; margin: 2px 20px 0 0; line-height: 27px; }
.content-about ul.work-with-us img { margin-bottom: 15px; }
.content-about h2.client-list { font: normal 22px avantgarde-medium !important; border: 0 none !important; border-top: 1px solid black !important; padding: 20px 0 0 0 !important; }
.content-about ul.client-list { }
.content-about ul.client-list ul { width: 100%; }
.content-about ul.client-list li { float: left; width: 50%; }
.content-about ul.client-list li p { line-height: 29px !important; font: normal 17px avantgarde-book; color: black !important; }
.content-about ul.client-list img { }
.content-about .extended .on-our-radar { width: 600px; overflow: auto; border-bottom: 1px solid #ccc; }
.content-about .extended .on-our-radar ul { width: 100%; }
.content-about .extended .on-our-radar ul li { float: left; width: 600px; height: 340px; }
.content-about .extended .on-our-radar ul li img { float: left; width: 45%; margin: 25px 0; }
.content-about .extended .on-our-radar ul li p { xfloat: left; xwidth: 40%; xmargin-left: 35px; font: normal 18px avantgarde-book; color: black; line-height: 33px; }
.content-about .extended .on-our-radar ul li em { margin-top: 10px; }
.content-about .extended .on-our-radar .center-wrap { }
.content-about .extended .quotes { width: 282px; overflow: auto; }
.content-about .extended .quotes ul { width: 100%; }
.content-about .extended .quotes ul li { float: left; width: 282px; }
.content-about .extended .quotes ul li img { clear: both; width: auto; margin-bottom: 10px; }
.content-about .extended .quotes ul li p { text-align: left; clear; both; font: normal 23px jansontext-italic; color: black; margin-right: 10px; line-height: 33px; }
.content-about .extended .quotes ul li blockquote { margin-top: 40px; font: normal 15px jansontext-italic; line-height: 25px; color: black; }
.content-about .extended .quotes ul li blockquote em { font-weight: bold; font-style: normal; display: inline; }
.content-about .extended .quotes ul li blockquote em.person { font-size: 19px; }
.content-about .extended .quotes ul li blockquote em.company { }
.content-about .extended .quotes ul li blockquote br { }
.content-about .extended .quotes .center-wrap { }
.content-about .instagram-feed { overflow: auto; overflow-x: hidden; }
.content-about .instagram-feed ul { width: 100%; overflow: hidden; float: right; margin-right: -34px; }
.content-about .instagram-feed li { height: 100%; float: left; margin-right: 40px !important; display: none; }
.content-about .instagram-feed img { cursor: pointer; border: 4px solid #666666; width: 100%; margin: 0 0 30px 0 !important; }
.content-about .instagram-feed img.hover { border-color: white; }
.content-about .accordion { margin-top: -25px; margin-bottom: 15px; }
.content-about span.toggle-work-with-us { display: block; }
.content-about span.toggle-things-that-interest-us { display: block; }
.content-about span.toggle-quotes-and-clients { display: block; margin-bottom: -40px; }
.content-about span.toggle-quotes-and-clients .container { display: block; }
.content-about span.toggle-quotes-and-clients .double-column { display: block; }
.content-about span.toggle-quotes-and-clients :first-child .container { margin: 30px 30px; }
.content-about span.toggle-quotes-and-clients .container .container { display: block; }
.content-about span.toggle-our-mission { display: block; }
.content-about span.toggle-our-mission .single-column { margin-top: 30px; }
.content-about span.toggle-our-mission .single-column p { font: normal 13px avantgarde-medium; line-height: 23px; }
.content-about span.toggle-our-mission .double-column { margin-top: 30px; }
.content-about span.toggle-our-mission .container { overflow-x: hidden; }
#work-content .content { margin: 0; min-height: 0; }
#work-content .content .extended { margin: 0; }
#work-content .close-button { width: 50px; cursor: pointer; height: 30px; position: absolute; left: 50%; margin-left: -25px; overflow: hidden; background-color: #d6d6d6; font: normal 17px avantgarde-demi; text-align: center; color: white; }
#work-content .close-button img { margin: 7px auto; }
#work-content .close-button-hover { background-color: black; }
.content-work .carousel { margin: 15px 0 50px 0; }
.content-work .carousel ul { width: 100%; }
.content-work .carousel ul li { float: left; height: 350px; }
.content-work .carousel ul li img { width: 100%; }
.content-work .carousel .center-wrap { }
.content-work .carousel-shadow { display: none; }
.content-work .carousel-pagination { margin: 15px auto; }
.content-work .carousel-pagination p { margin: 0; }
.content-work .carousel-pagination a { cursor: pointer; float: left; margin: 0 3px; display: block; background: transparent url(images/icons.png) no-repeat -104px -247px; width: 11px; height: 11px; }
.content-work .carousel-pagination a.active { background-position: -124px -247px; }
.content-work .carousel-pagination a span { display: none; }
.content-work .container h2 { font: normal 35px avantgarde-book; color: #323232; border: 0 none; }
.content-work .container h3 { font: normal 15px avantgarde-medium; color: black; }
.content-work .container h4 { font: normal 14px avantgarde-book; color: black; margin: 10px 0; }
.content-work .container p { font: normal 14px avantgarde-book !important; display: block; line-height: 27px !important; }
.content-work .container .single-column em { display: block; margin-top: -5px; font: normal 14px avantgarde-book !important; }
.content-work .container .single-column h3 { font: normal 18px avantgarde-book !important; }
.content-work .container .single-column h4 { font: normal 14px avantgarde-book !important; }
.content-work .container .single-column hr { margin: 10px 0 20px 0; }
.content-work .container .single-column p.services { font-size: 12px !important; line-height: 27px !important; }
.content-work .container .single-column { line-height: 20px !important; }
.content-work .container .double-column { line-height: 25px; }
.content-work a.website { background: transparent url(images/arrow.png) 99% 50% no-repeat; padding-right: 15px; font: normal 15px avantgarde-book !important; }
.content-work .container h2.banner { color: white; font: normal 35px avantgarde-light !important; }
.content-work .carousel .nav-left { width: 75px; height: 75px; }
.content-work .carousel .nav-left img { margin: 15px 0 0 20px; height: 45px; }
.content-work .carousel .nav-right { width: 75px; height: 75px; }
.content-work .carousel .nav-right img { margin: 15px 0 0 25px; height: 45px; }
.content-services .container h2.banner { color: white; font: normal 35px avantgarde-light !important; }
.content .extended .container { }
.content .extended .container .home-tile { }
.content .container .work-tiles .tile { margin: 10px 1% 20px 1%; width: 30%; float: left; clear: none; max-width: 291px; border-bottom: 0 none; }
.content .container .work-tiles .tile p { margin-bottom: 0; }
.content .container .work-tiles .tile img { display: block; }
.content .container .work-tiles .first { margin-left: 0; }
.content .container .work-tiles .second { margin: 10px 4% 20px 4%; }
.content .container .work-tiles .third { margin-right: 0; float: right; }
.content .container .work-tiles .divider { display: block; }
.content .shadow-extended { display: block; }
.content-home .shadow-extended { display: none; }
.footer { margin-top: 40px; }
.home .footer { margin-top: 0; }
.footer .container { max-width: none; margin: 0 30px; padding: 62px 0; position: relative; }
.footer .container .logo a { font-family: avantgarde-light; letter-spacing: 5.5px; color: white; text-transform: uppercase; font-size: 14px; }
.footer .container .footer-logo { float: none; position: absolute; top: 75px; left: 0; display: block; }
.footer .container .location .gmap { display: block; margin-top: 20px; }
.footer .container .explore { display: block; margin: 0; }
.footer .container .discuss { display: block; margin: 0; }
.footer .container .location { float: left; width: 244px; margin-top: 45px; }
.footer .container .icons { display: none; }
.footer .container .location span { display: none; }
.footer .location, .footer .explore { font: normal 12px avantgarde-demi; color: #87888c; line-height: 24px; }
.footer .explore { float: left; }
.footer .discuss { float: right; }
.footer .discuss a { background: transparent url(images/social.png) no-repeat; background-size: 135px 60px; height: 20px; width: 20px; padding: 5px 0 5px 25px; border-left: 2px solid #333; text-indent: -9999px; float: right; display: block; }
.footer .discuss a.linkedin { background-position: -90px 0; border: none; }
.footer .discuss a.twitter { background-position: -45px 0; padding-right: 0; padding-left: 10px; }
.footer .discuss a.linkedin:hover { background-position: -90px -30px;}
.footer .discuss a.twitter:hover { background-position: -45px -30px;}
.footer .discuss a.facebook:hover { background-position: 0 -30px;}
.footer .copyright { font-family: avantgarde-demi; font-size: 11px; color: #666666; float: right; margin-top: 160px; clear: both; }
.content-work .work-detail, #work-content { }
.content-work .work-detail .detail, #work-content .detail { }
.content-work .work-detail .left, #work-content .left { float: left; width: 20%; }
.content-work .work-detail .right, #work-content .right { float: right; width: 75%; float: right; }
.content-work .work-detail .slider, #work-content .slider { }
.content-work .work-detail h2, #work-content .context h2 { color: #323232; font: normal 25px avantgarde-medium; border: 0 none; }
.content .container .single-column { float: left; width: 30%; }
.content .container .double-column { float: right; width: 67%; }
.content .container .single-column-right { float: right; width: 30%; }
.content .container .double-column-left { float: left; width: 67%; }
.content-home .container .single-column-right { float: right; width: 35%; }
.content-home .container .double-column-left { float: left; width: 55%; }
.content .container dl dd img { display: block; float: left; height: 128px !important; width: 128px !important; margin: 0 25px 0 15px !important; }
.content .container dl dd span { padding: 30px 0 25px 170px }
.content .container .left-align { float: left; width: 48%; }
.content .container .right-align { float: right; width: 48%; }
.content .container section { float: left; width: 33.3%; }
.content .container section h3 { }
.content .container section li { }
.content .container section span { margin: 0 10px; display: block; }
.content-contact .container-header { display: none; }
#google-map-container { display: block; }
.contact-tile { position: fixed; left: 0; top: 40%; }
.contact-tile { width: 460px; height: 200px; overflow: hidden; }
.contact-tile .map-info { line-height: 20px; float: left; width: 240px; background-color: white; padding: 25px; font: normal 13px avantgarde-book; color: #87888c;}
.contact-tile .map-nav-type { display: block; }
.contact-tile .map-nav-zoom { display: block; }
.contact_new_wrapper{ padding: 10px 5% 30px 5%;}
.contact_new_wrapper .container-header{ display: block !important; }
.contact_title{ text-align: center; color: #87888c; font: normal 23px avantgarde-light; font-size: 23px; line-height: normal; line-height: 40px; }
.contact_button{ text-align: center; padding: 15px 0 15px 0; display: block; margin: 0 auto; max-width: 380px; border-radius: 30px; background: #464646; color: #fff; font: lighter 16px avantgarde-medium; font-size: 16px; line-height: normal; margin-top: 10px; margin-bottom: 20px; }
.contact_button:hover{ background: #fff; color: #464646; }
/* home slider */
.ls-layer h3 { font-size: 62px; color: #fff; font-family: 'lubalingraph-book'; font-weight: normal; line-height: 100%; letter-spacing: 1px; }
.ls-layer p { font: normal 14px avantgarde-medium; color: white; line-height: 26px; }
.ls-layer .case-study a { color: white; font: normal 13px avantgarde-medium; background: rgba(0,0,0,0.3); padding: 8px 15px 9px;}
.ls-layer .case-study a:hover { background: rgba(0,0,0,1); }
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next { width: 95px !important; height: 95px !important; background: rgba(0,0,0,0.3); background-repeat: no-repeat; margin-top: 0px !important; -moz-transition: all .2s ease-in-out !important; -webkit-transition: all .2s ease-in-out !important; -o-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important;}
.ls-fullwidth .ls-nav-prev:hover, .ls-fullwidth .ls-nav-next:hover { background: rgba(0,0,0,1); background-repeat: no-repeat !important;}
.ls-fullwidth .ls-nav-prev { left: 0px !important; background-image: url(images/prev.png) !important; background-size: 22px 42px !important; background-position: 35px 27px !important; }
.ls-fullwidth .ls-nav-next { right: 0px !important; background-image: url(images/next.png) !important; background-size: 22px 42px !important; background-position: 40px 27px !important; }
.ls-fullwidth .ls-s-1 { left: 40px !important; visibility: visible !important; }
.ls-fullwidth img.ls-s-1 { left: 0px !important; }
.mobile-work { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
.header ul li { clear: none; float: left; margin: 0 0 0 75px; min-width: 0; border-bottom: 0 none; }
.header ul li:first-child { margin: 0; }
}
/* landscape ipad */
@media screen and (min-width: 769px) and (max-width: 1024px) {
#width-indicator { width: 769px; }
#wrap { background: #131519 url(images/bg-gradient.png) repeat-y center; overflow: auto; xmax-width: 1804px; }
#menu-button { display: none; }
.header .menu-header { display: block; border: 0 none; clear: none; }
.header { position: absolute; width: 100%; top: 55px; left: 0; }
.header .background { height: 77px; }
.header .container { margin: 25px 45px 0 45px; }
.header ul { float: left; position: relative; left: 50%; margin-left: -300px; }
.header ul li { clear: none; float: left; margin: 0 0 0 75px; min-width: 0; border-bottom: 0 none; }
.header ul li:first-child { margin: 0; }
.header ul li a { margin: 0; font-size: 14px; }
.header .logo a { background: transparent url(images/logo.png) no-repeat; width: 46px; height: 42px; text-indent: -9999px; display: block; position: absolute; top: -7px; left: 50%; margin: 0 auto 0 -23px; background-size: 46px 42px; }
.home .header .logo a { top: -8px; height: 43px; }
.header .nav-logo { display: block; }
.header .nav-logo a { color: white; font-family: avantgarde-light; letter-spacing: 4px; opacity: 0; }
.content .container-header, .content-home .extended { color: #87888c; font: normal 23px avantgarde-light; line-height: 40px; overflow-x: hidden; }
.content .container-header { text-align: center; }
.content { min-height: 320px; margin-top: 180px; }
.home .content { margin-top: 0; }
.content h1 { font-size: 71px; }
.content p { font-size: 25px; margin: 25px 0; }
.content .extended { }
.content .extended .container { margin: 30px 45px; }
.content .container { margin: 15px 45px 0 45px; }
.content .container h2 { font-size: 30px; }
.content .container .work-tiles { margin: 20px auto; }
.content .container .work-tiles .tile { margin: 10px 1% 20px 1%; width: 30%; float: left; clear: none; max-width: 291px; border-bottom: 0 none; }
.content .container .work-tiles .tile p { margin-bottom: 0; }
.content .container .work-tiles .tile img { display: block; }
.content .container .work-tiles .first { margin-left: 0; }
.content .container .work-tiles .second { margin: 10px 4% 20px 4%; }
.content .container .work-tiles .third { margin-right: 0; float: right; }
.content .container .work-tiles .divider { display: block; }
.content-home .extended .container { margin-top: 62px; margin-bottom: 53px; }
.content-home .extended { display: block; }
.content-home .extended h2 { color: #333; border: 0 none; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 10px; font: normal 18px avantgarde-book; }
.content-home .extended hr { border: 0 none; border-bottom: 1px solid #ccc; width: 100%; }
.content-home .extended p { font: normal 13px avantgarde-book; color: #878686; margin: 10px 0 20px 0; }
.content-home .extended .twitter-feed { margin-left: 20px; }
.content-home .extended .twitter-feed h3 { font: normal 11px avantgarde-book; color: black; }
.content-home .extended .twitter-feed p { font: normal 11px avantgarde-book; color: #878686; margin: 0 0 25px 0; }
.content-home .extended .twitter-feed ul { height: 445px; overflow: hidden; }
.content-home .extended .twitter-feed li { display: none; }
.content-home .extended .single-column-right { display: block; }
.content-about .extended h1 { color: black; font: normal 35px avantgarde-book; }
.content-about .extended p { font: normal 17px avantgarde-book; line-height: 35px; text-align: inherit; }
.content-about .extended p.intro { font-size: 22px; }
.content-about .extended h2 { font: normal 20px avantgarde-book; color: black; border-top: 1px solid black; border-bottom: 1px solid #ccc; }
//.content-about .extended .single-column-right h2 { padding: 18px 0; font-size: 28px; }
.content-about .extended .single-column-right p { font: normal 15px avantgarde-book; color: #87888c; line-height: 27px; }
.content-about .extended .banner { position: absolute; margin-top: -41px; }
.content-about .extended .large-break { margin-top: 340px; clear: both; }
.content-about .extended .single-column-right .carousel { margin-top: 10px; }
.content-about ul.work-with-us { overflow: auto; border-bottom: 1px solid #ccc; border-top: 1px solid black; padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.content-about ul.work-with-us li { width: 30%; float: left; margin-right: 20px; }
.content-about ul.work-with-us h1 { font: normal 40px avantgarde-book; color: black; margin-right: 20px; }
.content-about ul.work-with-us h2 { font: bold 15px avantgarde-medium; color: black; border: 0 none; padding: 0; line-height: 27px; margin-right: 10px; }
.content-about ul.work-with-us p { font: normal 14px avantgarde-book; color: black; margin: 2px 20px 0 0; line-height: 27px; }
.content-about ul.work-with-us img { margin-bottom: 15px; }
.content-about h2.client-list { font: normal 22px avantgarde-medium !important; border: 0 none !important; border-top: 1px solid black !important; padding: 20px 0 0 0 !important; }
.content-about ul.client-list { }
.content-about ul.client-list ul { width: 100%; }
.content-about ul.client-list li { float: left; width: 50%; }
.content-about ul.client-list li p { line-height: 29px !important; font: normal 17px avantgarde-book; color: black !important; }
.content-about ul.client-list img { }
.content-about .extended .on-our-radar { width: 600px; overflow: auto; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.content-about .extended .on-our-radar ul { width: 100%; }
.content-about .extended .on-our-radar ul li { float: left; width: 600px; height: 340px; }
.content-about .extended .on-our-radar ul li img { float: left; width: 45%; margin: 25px 0; }
.content-about .extended .on-our-radar ul li p { xfloat: left; xwidth: 40%; xmargin-left: 35px; font: normal 18px avantgarde-book; color: black; line-height: 33px; }
.content-about .extended .on-our-radar ul li em { margin-top: 10px; }
.content-about .extended .on-our-radar .center-wrap { }
.content-about .extended .quotes { width: 282px; overflow: auto; }
.content-about .extended .quotes ul { width: 100%; }
.content-about .extended .quotes ul li { float: left; width: 282px; }
.content-about .extended .quotes ul li img { clear: both; width: auto; margin-bottom: 10px; }
.content-about .extended .quotes ul li p { text-align: left; clear; both; font: normal 28px jansontext-italic; color: black; margin-right: 10px; line-height: 38px; }
.content-about .extended .quotes ul li blockquote { margin-top: 40px; font: normal 15px jansontext-italic; line-height: 25px; color: black; }
.content-about .extended .quotes ul li blockquote em { font-weight: bold; font-style: normal; display: inline; }
.content-about .extended .quotes ul li blockquote em.person { font-size: 19px; }
.content-about .extended .quotes ul li blockquote em.company { }
.content-about .extended .quotes ul li blockquote br { }
.content-about .extended .quotes .center-wrap { }
.content-about .instagram-feed { overflow: auto; overflow-x: hidden; }
.content-about .instagram-feed ul { width: 100%; overflow: hidden; float: right; margin-right: -34px; }
.content-about .instagram-feed li { height: 100%; float: left; margin-right: 40px !important; display: none; }
.content-about .instagram-feed img { cursor: pointer; border: 4px solid #666666; width: 100%; margin: 0 0 30px 0 !important; }
.content-about .instagram-feed img.hover { border-color: white; }
.content-about .accordion { margin-top: -25px; margin-bottom: 15px; }
.content-about span.toggle-work-with-us { display: block; }
.content-about span.toggle-things-that-interest-us { display: block; }
.content-about span.toggle-quotes-and-clients { display: block; margin-bottom: -40px;}
.content-about span.toggle-quotes-and-clients .container { display: block; }
.content-about span.toggle-quotes-and-clients .double-column { display: block; }
.content-about span.toggle-quotes-and-clients :first-child .container { margin: 30px 45px; }
.content-about span.toggle-quotes-and-clients .container .container { display: block; }
.content-about span.toggle-our-mission { display: block; }
.content-about span.toggle-our-mission .single-column { margin-top: 30px; }
.content-about span.toggle-our-mission .single-column p { font: normal 13px avantgarde-medium; line-height: 23px; }
.content-about span.toggle-our-mission .double-column { margin-top: 30px; }
.content-about span.toggle-our-mission .container { overflow-x: hidden; }
#work-content .content { margin: 0; min-height: 0; }
#work-content .content .extended { margin: 0; }
#work-content .close-button { width: 50px; cursor: pointer; height: 30px; position: absolute; left: 50%; margin-left: -25px; overflow: hidden; background-color: #d6d6d6; font: normal 17px avantgarde-demi; text-align: center; color: white; }
#work-content .close-button-hover { background-color: black; }
#work-content .close-button img { margin: 7px auto; }
.content-work .carousel { margin: 15px 0 50px 0; }
.content-work .carousel ul { width: 100%; }
.content-work .carousel ul li { float: left; height: 500px; }
.content-work .carousel ul li img { width: 100%; }
.content-work .carousel .center-wrap { }
.content-work .carousel-shadow { display: none; }
.content-work .carousel-pagination { margin: 15px auto; }
.content-work .carousel-pagination p { margin: 0; }
.content-work .carousel-pagination a { cursor: pointer; float: left; margin: 0 3px; display: block; background: transparent url(images/icons.png) no-repeat -104px -247px; width: 11px; height: 11px; }
.content-work .carousel-pagination a.active { background-position: -124px -247px; }
.content-work .carousel-pagination a span { display: none; }
.content-work .container h2 { font: normal 45px avantgarde-book; color: #323232; border: 0 none; }
.content-work .container h3 { font: normal 15px avantgarde-medium; color: black; }
.content-work .container h4 { font: normal 14px avantgarde-book; color: black; margin: 10px 0; }
.content-work .container p { font: normal 14px avantgarde-book !important; display: block; line-height: 27px !important; }
.content-work .container .single-column em { display: block; margin-top: -5px; font: normal 14px avantgarde-book !important; }
.content-work .container .single-column h3 { font: normal 25px avantgarde-book !important; }
.content-work .container .single-column h4 { font: normal 14px avantgarde-book !important; }
.content-work .container .single-column hr { margin: 10px 0 20px 0; }
.content-work .container .single-column p.services { font-size: 12px !important; line-height: 25px !important; }
.content-work .container .single-column { line-height: 20px !important; }
.content-work .container .double-column { line-height: 25px; }
.content-work a.website { background: transparent url(images/arrow.png) 99% 50% no-repeat; padding-right: 15px; font: normal 15px avantgarde-book !important; }
.content-work .container h2.banner { color: white; font: normal 35px avantgarde-light !important; }
.content-work .carousel .nav-left { width: 127px; height: 127px; }
.content-work .carousel .nav-left img { margin: 25px 0 0 35px; height: 73px; }
.content-work .carousel .nav-right { width: 127px; height: 127px; }
.content-work .carousel .nav-right img { margin: 25px 0 0 45px; height: 73px; }
.content-services .container h2.banner { color: white; font: normal 35px avantgarde-light !important; }
.content .extended .container { }
.content .extended .container .home-tile { }
.content .shadow-extended { display: block; }
.content-home .shadow-extended { display: none; }
.footer { margin-top: 40px; }
.home .footer { margin-top: 0; }
.footer .container { max-width: none; margin: 0 30px; padding: 62px 0; position: relative; }
.footer .container .logo a { font-family: avantgarde-light; letter-spacing: 5.5px; color: white; text-transform: uppercase; font-size: 14px; }
.footer .container .footer-logo { float: none; position: absolute; top: 75px; left: 0; display: block; }
.footer .container .location .gmap { display: block; margin-top: 20px; }
.footer .container .explore { display: block; margin: 0; }
.footer .container .discuss { display: block; margin: 0; }
.footer .container .location { float: left; width: 244px; margin-top: 45px; }
.footer .container .icons { display: none; }
.footer .container .location span { display: none; }
.footer .location, .footer .explore { font: normal 12px avantgarde-demi; color: #87888c; line-height: 24px; }
.footer .explore { float: left; }
.footer .discuss { float: right; }
.footer .discuss a { background: transparent url(images/social.png) no-repeat; background-size: 135px 60px; height: 20px; width: 20px; padding: 5px 0 5px 25px; border-left: 2px solid #333; text-indent: -9999px; float: right; display: block; }
.footer .discuss a.linkedin { background-position: -90px 0; border: none; }
.footer .discuss a.twitter { background-position: -45px 0; padding-right: 0; padding-left: 10px; }
.footer .discuss a.linkedin:hover { background-position: -90px -30px;}
.footer .discuss a.twitter:hover { background-position: -45px -30px;}
.footer .discuss a.facebook:hover { background-position: 0 -30px;}
.footer .copyright { font-family: avantgarde-demi; font-size: 11px; color: #666666; float: right; margin-top: 160px; clear: both; }
.content-work .work-detail, #work-content { }
.content-work .work-detail .detail, #work-content .detail { }
.content-work .work-detail .left, #work-content .left { float: left; width: 20%; }
.content-work .work-detail .right, #work-content .right { float: right; width: 75%; float: right; }
.content-work .work-detail .slider, #work-content .slider { }
.content-work .work-detail h2, #work-content .context h2 { color: #323232; font: normal 35px avantgarde-medium; border: 0 none; }
.content .container .single-column { float: left; width: 30%; }
.content .container .double-column { float: right; width: 67%; }
.content .container .single-column-right { float: right; width: 30%; }
.content .container .double-column-left { float: left; width: 67%; }
.content-home .container .single-column-right { float: right; width: 35%; }
.content-home .container .double-column-left { float: left; width: 55%; }
.content .container .full-column h2, .content .container .single-column h2, .content .container .single-column h2, .content .container .double-column h2 { font-size: 30px; }
.content .container .full-column h3, .content .container .single-column h3, .content .container .single-column h3, .content .container .double-column h3 { font-size: 25px; }
.content .container .full-column p, .content .container .single-column p, .content .container .single-column p, .content .container .double-column p { font-size: 16px; margin: 15px 0; }
.content .container .full-column, .content .container .single-column, .content .container .single-column , .content .container .double-column { font-size: 16px; }
.content .container dl dt { font-size: 17px; }
.content .container dl dd { font-size: 14px; }
.content .container dl dd img { display: block; float: left; height: 128px !important; width: 128px !important; margin: 0 25px 0 15px !important; }
.content .container dl dd span { padding: 30px 0 25px 170px }
.content .container .left-align { float: left; width: 48%; }
.content .container .right-align { float: right; width: 48%; }
.content .container section { float: left; width: 33.3%; font-size: 14px; }
.content .container section h3 { font-size: 20px; }
.content .container section li { }
.content .container section span { margin: 0 10px; display: block; }
.content-contact .container-header { display: none; }
#google-map-container { display: block; }
.contact-tile { position: fixed; left: 0; top: 40%; }
.contact-tile { width: 460px; height: 200px; overflow: hidden; }
.contact-tile .map-info { line-height: 20px; float: left; width: 240px; background-color: white; padding: 25px; font: normal 13px avantgarde-book; color: #87888c;}
.contact-tile .map-nav-type { display: block; }
.contact-tile .map-nav-zoom { display: block; }
.contact_new_wrapper{ padding: 10px 5% 30px 5%;}
.contact_new_wrapper .container-header{ display: block !important; }
.contact_new_wrapper .container-header h1{ width: 100% !important;; font-size: 66px;}
.contact_title{ text-align: center; color: #87888c; font: normal 23px avantgarde-light; font-size: 23px; line-height: normal; line-height: 40px; }
.contact_button{ text-align: center; padding: 15px 0 15px 0; display: block; margin: 0 auto; max-width: 380px; border-radius: 30px; background: #464646; color: #fff; font: lighter 16px avantgarde-medium; font-size: 16px; line-height: normal; margin-top: 10px; margin-bottom: 20px; }
.contact_button:hover{ background: #fff; color: #464646; }
/* home slider */
.ls-layer h3 { font-size: 62px; color: #fff; font-family: 'lubalingraph-book'; font-weight: normal; line-height: 100%; letter-spacing: 1px; }
.ls-layer p { font: normal 14px avantgarde-medium; color: white; line-height: 26px; }
.ls-layer .case-study a { color: white; font: normal 13px avantgarde-medium; background: rgba(0,0,0,0.3); padding: 8px 15px 9px;}
.ls-layer .case-study a:hover { background: rgba(0,0,0,1); }
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next { width: 95px !important; height: 95px !important; background: rgba(0,0,0,0.3); background-repeat: no-repeat; margin-top: 0px !important; -moz-transition: all .2s ease-in-out !important; -webkit-transition: all .2s ease-in-out !important; -o-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important;}
.ls-fullwidth .ls-nav-prev:hover, .ls-fullwidth .ls-nav-next:hover { background: rgba(0,0,0,1); background-repeat: no-repeat !important;}
.ls-fullwidth .ls-nav-prev { left: 0px !important; background-image: url(images/prev.png) !important; background-size: 22px 42px !important; background-position: 35px 27px !important; }
.ls-fullwidth .ls-nav-next { right: 0px !important; background-image: url(images/next.png) !important; background-size: 22px 42px !important; background-position: 40px 27px !important; }
.ls-fullwidth .ls-s-1 { left: 40px !important; visibility: visible !important; }
.ls-fullwidth img.ls-s-1 { left: 0px !important; }
.mobile-work { display: none; }
}
/* full size */
@media screen and (min-width: 1025px) {
#width-indicator { width: 1025px; }
#menu-button { display: none; }
.header .menu-header { display: block; border: 0 none; clear: none; }
#wrap { background: #131519 url(images/bg-gradient.png) repeat-y center; overflow: auto; xmax-width: 1804px; }
.header { position: absolute; width: 100%; top: 55px; left: 0; }
.header .background { height: 77px; }
.header .container { max-width: 930px; margin: 25px auto 0 auto; }
.header ul { float: left; margin-top: 6px; position: relative; left: 50%; margin-left: -300px; }
.header ul li { clear: none; float: left; margin: 0 0 0 75px; border-bottom: 0 none; }
.header ul li:first-child { margin: 0; }
.header ul li a { margin: 0; font-size: 14px; }
.header .logo a { background: transparent url(images/logo.png) no-repeat; width: 46px; height: 42px; text-indent: -9999px; display: block; position: absolute; top: -7px; left: 50%; margin: 0 auto 0 -23px; background-size: 46px 42px; }
.home .header .logo a { top: -8px; height: 43px; }
.header .nav-logo { display: block; }
.header .nav-logo a { color: white; font-family: avantgarde-light; letter-spacing: 4px; opacity: 0; }
.content { min-height: 320px; margin-top: 180px; }
.home .content { margin-top: 0; }
.content .container { max-width: 940px; margin: 15px auto 0 auto; }
.home .content .container { max-width: none; margin: 0 auto; }
.content .container .work-tiles { margin: 20px auto; }
.content .container .work-tiles .tile { margin: 10px 1% 20px 1%; width: 30%; float: left; clear: none; max-width: 291px; border-bottom: 0 none; }
.content .container .work-tiles .tile p { margin-bottom: 0; }
.content .container .work-tiles .tile img { display: block; }
.content .container .work-tiles .first { margin-left: 0; }
.content .container .work-tiles .second { margin: 10px 4% 20px 4%; }
.content .container .work-tiles .third { margin-right: 0; float: right; }
.content .container .work-tiles .divider { display: block; }
.content .container h2 { font-size: 30px; }
.content .extended { display: block; }
.content-home .extended { display: block; }
.content-home .extended h2 { color: #333; border: 0 none; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 10px; font: normal 18px avantgarde-book; }
.content-home .extended hr { border: 0 none; border-bottom: 1px solid #ccc; width: 100%; }
.content-home .extended p { font: normal 13px avantgarde-book; margin: 10px 0 20px 0; }
.content-home .extended .twitter-feed { margin-left: 20px; }
.content-home .extended .twitter-feed h3 { font: normal 11px avantgarde-book; color: black; }
.content-home .extended .twitter-feed p { font: normal 11px avantgarde-book; margin: 0 0 25px 0; }
.content-home .extended .twitter-feed ul { height: 437px; overflow: hidden; }
.content-home .extended .twitter-feed li { display: none; }
.content-home .extended .single-column-right { display: block; }
.content-about .extended h1 { color: black; font: normal 35px avantgarde-book; }
.content-about .extended p { font: normal 17px avantgarde-book; line-height: 35px; text-align: inherit; }
.content-about .extended p.intro { font-size: 22px; }
.content-about .extended h2 { font: normal 20px avantgarde-book; color: black; border-top: 1px solid black; border-bottom: 1px solid #ccc; }
//.content-about .extended .single-column-right h2 { padding: 18px 0; font-size: 28px; }
.content-about .extended .single-column-right p { font: normal 15px avantgarde-book; color: #87888c; line-height: 27px; }
.content-about .extended .banner { position: absolute; margin-top: -41px; }
.content-about .extended .large-break { margin-top: 340px; clear: both; }
.content-about .extended .single-column-right .carousel { margin-top: 10px; }
.content-about ul.work-with-us { overflow: auto; border-bottom: 1px solid #ccc; border-top: 1px solid black; padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.content-about ul.work-with-us li { width: 30%; float: left; margin-right: 20px; }
.content-about ul.work-with-us h1 { font: normal 40px avantgarde-book; color: black; margin-right: 20px; }
.content-about ul.work-with-us h2 { font: bold 15px avantgarde-medium; color: black; border: 0 none; padding: 0; line-height: 27px; margin-right: 10px; }
.content-about ul.work-with-us p { font: normal 14px avantgarde-book; color: black; margin: 2px 20px 0 0; line-height: 27px; }
.content-about ul.work-with-us img { margin-bottom: 15px; }
.content-about h2.client-list { font: normal 22px avantgarde-medium !important; border: 0 none !important; border-top: 1px solid black !important; padding: 20px 0 0 0 !important; }
.content-about ul.client-list { }
.content-about ul.client-list ul { width: 100%; }
.content-about ul.client-list li { float: left; width: 50%; }
.content-about ul.client-list li p { line-height: 29px !important; font: normal 17px avantgarde-book; color: black !important; }
.content-about ul.client-list img { }
.content-about .extended .on-our-radar { width: 600px; overflow: auto; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.content-about .extended .on-our-radar ul { width: 100%; }
.content-about .extended .on-our-radar ul li { float: left; width: 600px; height: 340px; }
.content-about .extended .on-our-radar ul li img { float: left; width: 45%; margin: 25px 0; }
.content-about .extended .on-our-radar ul li p { xfloat: left; xwidth: 40%; xmargin-left: 35px; font: normal 18px avantgarde-book; color: black; line-height: 33px; }
.content-about .extended .on-our-radar ul li em { margin-top: 10px; }
.content-about .extended .on-our-radar .center-wrap { }
.content-about .extended .quotes { width: 282px; overflow: auto; }
.content-about .extended .quotes ul { width: 100%; }
.content-about .extended .quotes ul li { float: left; width: 282px; }
.content-about .extended .quotes ul li img { clear: both; width: auto; margin-bottom: 10px; }
.content-about .extended .quotes ul li p { text-align: left; clear; both; font: normal 28px jansontext-italic; color: black; margin-right: 10px; line-height: 38px; }
.content-about .extended .quotes ul li blockquote { margin-top: 40px; font: normal 15px jansontext-italic; line-height: 25px; color: black; }
.content-about .extended .quotes ul li blockquote em { font-weight: bold; font-style: normal; display: inline; }
.content-about .extended .quotes ul li blockquote em.person { font-size: 19px; }
.content-about .extended .quotes ul li blockquote em.company { }
.content-about .extended .quotes ul li blockquote br { }
.content-about .extended .quotes .center-wrap { }
.content-about .instagram-feed { overflow: auto; overflow-x: hidden; }
.content-about .instagram-feed ul { width: 100%; overflow: hidden; float: right; margin-right: -34px; }
.content-about .instagram-feed li { height: 100%; float: left; margin-right: 40px !important; display: none; }
.content-about .instagram-feed img { cursor: pointer; border: 4px solid #666666; width: 100%; margin: 0 0 30px 0 !important; }
.content-about .instagram-feed img.hover { border-color: white; }
.content-about .accordion { margin-top: -25px; margin-bottom: 15px; }
.content-about span.toggle-work-with-us { display: block; }
.content-about span.toggle-things-that-interest-us { display: block; }
.content-about span.toggle-quotes-and-clients { display: block; margin-bottom: -40px;}
.content-about span.toggle-quotes-and-clients .container { display: block; }
.content-about span.toggle-quotes-and-clients .container .container { display: block; }
.content-about span.toggle-quotes-and-clients .double-column { display: block; }
.content-about span.toggle-quotes-and-clients :first-child .container { margin: 30px auto; }
.content-about span.toggle-our-mission { display: block; }
.content-about span.toggle-our-mission .single-column { margin-top: 30px; }
.content-about span.toggle-our-mission .single-column p { font: normal 13px avantgarde-medium; line-height: 23px; }
.content-about span.toggle-our-mission .double-column { margin-top: 30px; }
.content-about span.toggle-our-mission .container { overflow-x: hidden; }
#work-content .content { margin: 0; min-height: 0; }
#work-content .content .extended { margin: 0; }
#work-content .close-button { width: 50px; cursor: pointer; height: 30px; position: absolute; left: 50%; margin-left: -25px; overflow: hidden; background-color: #d6d6d6; font: normal 17px avantgarde-demi; text-align: center; color: white; }
#work-content .close-button-hover { background-color: black; }
#work-content .close-button img { margin: 7px auto; }
.content-work .carousel { margin: 15px 0 50px 0; }
.content-work .carousel ul { width: 100%; }
.content-work .carousel ul li { float: left; height: 500px; }
.content-work .carousel ul li img { width: 100%; }
.content-work .carousel .center-wrap { }
.content-work .carousel-shadow { display: none; }
.content-work .carousel-pagination { margin: 15px auto; }
.content-work .carousel-pagination p { margin: 0; }
.content-work .carousel-pagination a { cursor: pointer; float: left; margin: 0 3px; display: block; background: transparent url(images/icons.png) no-repeat -104px -247px; width: 11px; height: 11px; }
.content-work .carousel-pagination a.active { background-position: -124px -247px; }
.content-work .carousel-pagination a span { display: none; }
.content-work .container h2 { font: normal 45px avantgarde-book; color: #323232; border: 0 none; }
.content-work .container h3 { font: normal 15px avantgarde-medium; color: black; }
.content-work .container h4 { font: normal 14px avantgarde-book; color: black; margin: 10px 0; }
.content-work .container p { font: normal 14px avantgarde-book !important; display: block; line-height: 27px !important; }
.content-work .container .single-column em { display: block; margin-top: -5px; font: normal 14px avantgarde-book !important; }
.content-work .container .single-column h3 { font: normal 25px avantgarde-book !important; }
.content-work .container .single-column h4 { font: normal 14px avantgarde-book !important; }
.content-work .container .single-column hr { margin: 10px 0 20px 0; }
.content-work .container .single-column p.services { font-size: 12px !important; line-height: 25px !important; }
.content-work .container .single-column { line-height: 20px !important; }
.content-work .container .double-column { line-height: 25px; }
.content-work a.website { background: transparent url(images/arrow.png) 99% 50% no-repeat; padding-right: 15px; font: normal 15px avantgarde-book !important; }
.content-work .container h2.banner { color: white; font: normal 35px avantgarde-light !important; }
.content-work .carousel .nav-left { width: 127px; height: 127px; }
.content-work .carousel .nav-left img { margin: 25px 0 0 35px; height: 73px; }
.content-work .carousel .nav-right { width: 127px; height: 127px; }
.content-work .carousel .nav-right img { margin: 25px 0 0 45px; height: 73px; }
.content-services .container h2.banner { color: white; font: normal 35px avantgarde-light !important; }
.content .extended .container { max-width: 940px; margin: 30px auto; }
.content-home .extended .container { margin-top: 62px; margin-bottom: 53px; }
.content .extended .container .home-tile { }
.content .shadow-extended { display: block; }
.content-home .shadow-extended { display: none; }
.content .container-header, .content-home .extended { color: #87888c; font: normal 23px avantgarde-light; line-height: 40px; overflow-x: hidden; }
.content .container-header { text-align: center; }
.content .container-header h1 { }
.content .container-header span { }
.content h1 { font-size: 71px; }
.content p { font-size: 25px; margin: 25px 0; }
.footer { margin-top: 40px; }
.home .footer { margin-top: 0; }
.footer .container { max-width: 940px; margin: 0 auto; padding: 62px 0; }
.footer .container .logo a { font-family: avantgarde-light; letter-spacing: 5.5px; color: white; text-transform: uppercase; font-size: 14px; }
.footer .container .footer-logo { float: left; width: 212px; display: block; margin-top: 5px; }
.footer .container .location { float: left; width: 244px; }
.footer .container .location .gmap { display: block; margin-top: 20px; }
.footer .container .explore { display: block; margin: 0; }
.footer .container .discuss { display: block; margin: 0; }
.footer .copyright { float: right; }
.footer .container .icons { display: none; }
.footer .container .location span { display: none; }
.footer .location, .footer .explore { font: normal 12px avantgarde-demi; color: #87888c; line-height: 24px; }
.footer .explore { float: left; }
.footer .discuss { float: right; }
.footer .discuss a { background: transparent url(images/social.png) no-repeat; background-size: 135px 60px; height: 20px; width: 20px; padding: 5px 0 5px 25px; border-left: 2px solid #333; text-indent: -9999px; float: right; display: block; }
.footer .discuss a.linkedin { background-position: -90px 0; border: none; }
.footer .discuss a.twitter { background-position: -45px 0; padding-right: 0; padding-left: 10px; }
.footer .discuss a.linkedin:hover { background-position: -90px -30px;}
.footer .discuss a.twitter:hover { background-position: -45px -30px;}
.footer .discuss a.facebook:hover { background-position: 0 -30px;}
.footer .copyright { font-family: avantgarde-demi; font-size: 11px; color: #666666; margin-top: 120px; clear: both; }
.content .container .single-column { float: left; width: 25%; }
.content .container .double-column { float: right; width: 72%; }
.content .container .single-column-right { float: right; width: 30%; }
.content .container .double-column-left { float: left; width: 67%; }
.content-home .container .single-column-right { float: right; width: 35%; }
.content-home .container .double-column-left { float: left; width: 55%; }
.content .container .full-column h2, .content .container .single-column h2, .content .container .double-column h2 { font-size: 30px; }
.content .container .full-column h3, .content .container .single-column h3, .content .container .double-column h3 { font-size: 25px; }
.content .container .full-column p, .content .container .single-column p, .content .container .double-column p { font-size: 16px; margin: 15px 0; }
.content .container .full-column , .content .container .single-column , .content .container .double-column { font-size: 16px; }
.content .container dl dt { font-size: 17px; }
.content .container dl dd { font-size: 14px; overflow: auto; }
.content .container dl dd img { display: block; float: left; height: 128px !important; width: 128px !important; margin: 0 25px 0 15px !important; }
.content .container dl dd span { padding: 30px 0 25px 170px }
.content .container .left-align { float: left; width: 48%; }
.content .container .right-align { float: right; width: 48%; }
.content .container section { float: left; width: 33.3%; font-size: 14px; }
.content .container section h3 { font-size: 20px; }
.content .container section li { }
.content .container section span { margin: 0 10px; display: block; }
.content-contact { min-height: 400px; }
.content-contact .container-header { display: block; }
#google-map-container { display: block; }
.contact-tile { position: fixed; left: 0; top: 40%; }
.contact-tile { width: 460px; height: 210px; overflow: hidden; }
.contact-tile .map-info { line-height: 20px; float: left; width: 240px; background-color: white; padding: 25px; font: normal 13px avantgarde-book; color: #87888c;}
.contact-tile .map-nav-type { display: block; }
.contact-tile .map-nav-zoom { display: block; }
.contact_new_wrapper { padding: 0px 5% 30px 5%;}
.contact_title{ text-align: center; color: #87888c; font: normal 23px avantgarde-light; font-size: 23px; line-height: normal; line-height: 40px; }
.contact_button{ text-align: center; padding: 15px 0 15px 0; display: block; margin: 0 auto; max-width: 380px; border-radius: 30px; background: #464646; color: #fff; font: lighter 16px avantgarde-medium; font-size: 16px; line-height: normal; margin-top: 10px; margin-bottom: 20px; }
.contact_button:hover{ background: #fff; color: #464646; }
/* home slider */
.ls-layer h3 { font-size: 62px; color: #fff; font-family: 'lubalingraph-book'; font-weight: normal; line-height: 100%; letter-spacing: 1px; }
.ls-layer p { font: normal 14px avantgarde-medium; color: white; line-height: 26px; }
.ls-layer .case-study a { color: white; font: normal 13px avantgarde-medium; background: rgba(0,0,0,0.3); padding: 8px 15px 9px;}
.ls-layer .case-study a:hover { background: rgba(0,0,0,1); }
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next { width: 95px !important; height: 95px !important; background: rgba(0,0,0,0.3); background-repeat: no-repeat; margin-top: 0px !important; -moz-transition: all .2s ease-in-out !important; -webkit-transition: all .2s ease-in-out !important; -o-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important;}
.ls-fullwidth .ls-nav-prev:hover, .ls-fullwidth .ls-nav-next:hover { background: rgba(0,0,0,1); background-repeat: no-repeat !important;}
.ls-fullwidth .ls-nav-prev { left: 0px !important; background-image: url(images/prev.png) !important; background-size: 22px 42px !important; background-position: 35px 27px !important; }
.ls-fullwidth .ls-nav-next { right: 0px !important; background-image: url(images/next.png) !important; background-size: 22px 42px !important; background-position: 40px 27px !important; }
.ls-fullwidth .ls-s-1 { visibility: visible !important; }
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next { opacity: 0; display: block !important; }
.ls-wp-fullwidth-container:hover .ls-fullwidth .ls-nav-prev, .ls-wp-fullwidth-container:hover .ls-fullwidth .ls-nav-next { opacity: 1; }
.mobile-work { display: none; }
}