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,textarea,p,blockquote,th,td{margin:0;padding:0}

table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}

li{list-style:none}caption,th{text-align:left}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}

abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}

input,textarea,select{font-family: PT Sans Narrow, Arial, sans-serif;font-size:inherit;font-weight:inherit}

input,textarea,select{*font-size:100%;}


legend{color:#000}

.uibutton{text-align:center;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-bottom:1px solid #e0dede;position:relative;z-index:1;
overflow:visible;display:inline-block;padding:1em 1em .85em;margin:0;text-decoration:none;text-transform:uppercase;

font-family: PT Sans Narrow, Arial, sans-serif;     font:bold 13px/normal; white-space:nowrap;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#0f97c6;
background-color:#f8f6f6;-moz-box-sizing:border-box;box-sizing:border-box}

.uibutton:hover{background-color:#fafafa}

.uibutton:hover,.uibutton:focus,.uibutton:active{border-color:#e0dede #e0dede #e0dede;text-decoration:none}

.uibutton:active{border-color:#aaa;background:#ddd;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.uibutton::-moz-focus-inner{padding:0;border:0}

.uibutton.special{color:#fff!important;background-color:#009dd8;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;top:1px;
left:-1px;border:none;padding:0 27px;line-height:57px!important;    font-family: PT Sans Narrow, Arial, sans-serif;   font:1.6em;  box-shadow:none}

.uibutton.special:hover{background:#10b7f1}.uibutton.special:active{background:#0a87b3}.uibutton.orange{background-color:#ffae1e}

.uibutton.orange:hover{background:#ffba40}.uibutton.orange:active{background:#d98b00}

.uibutton.hot-pink{background-color:#f36149}

.uibutton.hot-pink:hover{background:#f46f59}

.uibutton.hot-pink:active{background:#dd634c}.uibutton.blue{color:#fff!important;background-color:#009dd8;border:none}

.uibutton.blue:hover{background:#10b7f1}.uibutton.blue:active{background:#0a87b3}.uibutton.small{line-height:35px!important;height:auto;padding:0 10px}.uibutton-group{display:inline-block;list-style:none;padding:0;margin:0;zoom:1}.uibutton+.uibutton,.uibutton+.uibutton-group,.uibutton-group+.uibutton,.uibutton-group+.uibutton-group{margin-left:3px}.uibutton-group li{float:left;padding:0;margin:0}.uibutton-group .uibutton{float:left;margin-left:-1px}.uibutton-group .uibutton:hover,.uibutton-group .uibutton:focus,.uibutton-group .uibutton:active{z-index:2}.uibutton-group>.uibutton:first-child,.uibutton-group li:first-child .uibutton{margin-left:0}.uibutton-group .first{border-top-left-radius:3px 3px;border-bottom-left-radius:3px 3px}.uibutton-group .last{border-top-right-radius:3px 3px;border-bottom-right-radius:3px 3px}.uibutton.disable{border-color:#aaa;background:#ddd;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:auto}.uibutton.disable,.uibutton.disable:hover,.uibutton.disable:active{border-color:#aaa;background:#ddd;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:auto;text-shadow:none;cursor:default}.buttonWrapper{display:inline}.uibutton.full-width{padding-left:0;padding-right:0;width:100%}.uibutton.icon i{content:"";position:relative;float:right;width:8px;height:14px;margin:0 0 0 10px}

.uibutton.icon.arrow i{background-image:url(ico-arrowRight_white.png);background-repeat:no-repeat;top:11px}

.uibutton.special.arrow{background-image:url(ico-arrowRight_white.png);background-position:85% center;background-repeat:no-repeat;padding-right:41px}

.text-link{font-size:18px;color:#009dd7;text-decoration:underline}

.text-link.icon.arrowDown i{display:inline-block;width:14px;height:8px;background:url(ico-arrowDown_blue.png) 0 0 no-repeat;margin-left:10px}

@font-family: PT Sans Narrow, Arial, sans-serif; 


p,dl,hr,h1,h2,h3,h4,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:15px}html{overflow-x:hidden}

h5{margin-bottom:1px;font-weight:bold;margin-top:24px;} 



body{   font-family: PT Sans Narrow, Arial, sans-serif;     font-size:16px;line-height:1.65em;background-color:transparent;color:#000000;-webkit-font-smoothing:antialiased;overflow:hidden;font-weight:400;font-style:normal;border-top:2px solid #009dd8}pre,code{font-family:'DejaVu Sans Mono',Monaco,Consolas,monospace}

hr{border:0 #000 solid;border-top-width:1px;clear:both;height:0;color:#000;margin-top:20px;}


h2,h3,h4,h5,h6{color:#333}

h1{font:55px/1.3em PT Sans Narrow, Arial, sans-serif;font-weight:bold; text-transform:uppercase;color:#000;line-height:1.2em}


h2{font:34px/1.6em PT Sans Narrow, Arial, sans-serif; }

h3{letter-spacing:-1px; font-size:26px; font-family: PT Sans Narrow, Arial, sans-serif; font-style:normal;font-weight:300;color:#0387b7;line-height:1.6em}

h4{font-size:22px; line-height:26px; font-family:PT Sans Narrow, Arial, sans-serif; color:#000000;font-weight:bold;text-transform:uppercase;margin-bottom:5px;}

h5{font:23px/1.6em PT Sans Narrow, Arial, sans-serif; font-weight:500}

h6{font:13px/1.6em  PT Sans Narrow, Arial, sans-serif;}

p.sub-headline{font-size:18px;line-height:1.5em}

.condens-h2 h2,h2.condens-h2{margin-bottom:15px;font-family: PT Sans Narrow, Arial, sans-serif; }

h2.title{font-size:55px;margin:20px 0}.text-center{text-align:center}blockquote.text-white{color:#fff!important}blockquote{font-size:18px;

 font-family: PT Sans Narrow, Arial, sans-serif;      margin:2em 0!important;padding:.25em 40px!important;line-height:1.45;position:relative;color:#282223;font-weight:700}

blockquote:before{display:block;content:"“";font-size:50px;position:absolute;left:0;top:0;color:#f24311}blockquote cite{color:#999;font-size:14px;display:block;margin-top:5px}

blockquote cite:before{content:"—?"}.summary{line-height:1.7}a{text-decoration:none;color:#009ed8}

a:hover{color:#009ed8;cursor:pointer;transition:color .2s,background-color .2s;-moz-transition:color .2s,background-color .2s;-webkit-transition:color .2s,background-color .2s;-o-transition:color .2s,background-color .2s}

.upper-case{text-transform:uppercase}.lower-case{text-transform:lowercase}

.section-title{font:55px/1.2em    PT Sans Narrow, Arial, sans-serif;       margin-top:40px;margin-bottom:.5em;text-align:center;text-transform:uppercase; }

.heading-title{font:55px/1.2em  PT Sans Narrow, Arial, sans-serif;     text-transform:uppercase}


.section-subtitle{margin-bottom:.5em;text-align:center;font-size:18px;float:left;width:100%;top:-25px}

.centerTablet{}.uibutton.mobile-button{}.againstSlow{}.againstMedium{}.followSlow{}.followMedium{}.localScroll{}.mobile-section{}.fitText{}.sameHeight{}.anchor{}
.full-device{}.anythingSlider{}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.container_8{}.visible-phone{}.visible-tablet{}.visible-desktop{}
.visible-largerdesktop{}.hidden-phone{}.hidden-tablet{}.hidden-desktop{}.hidden-largerdesktop{}.mt1{margin-top:20px}.mt2{margin-top:40px}.mt3{margin-top:60px}

.mt4{margin-top:80px}.ml1{margin-left:20px}.mb1{margin-bottom:20px;top:0;left:0}.mb2{margin-bottom:40px;top:0;left:0}.pt1{padding-top:20px}.pt2{padding-top:40px}.pb1{padding-bottom:20px}.pb2{padding-bottom:40px}


.bb1{border-bottom:1px #e8e8e8 solid}.bt1{border-top:1px #e8e8e8 solid}.bl1{border-left:1px #e8e8e8 solid}.br1{border-right:1px #e8e8e8 solid}

.full-width{width:100%!important;margin-left:0!important;margin-right:0!important}.padding{padding:10px}.align_center{margin-left:auto;margin-right:auto}

.section{float:left}.section.border{border-top:1px #e8e8e8 solid}.section.padding{padding:40px 0}

.section.shadow-top:before{content:"";display:block;width:100%;height:24px;background:transparent url('section-shadow-top.png') no-repeat top center;position:absolute;top:0;z-index:9}

.section.shadow-bottom:after{content:"";display:block;width:100%;height:24px;background:transparent url('section-shadow-bottom.png') no-repeat top center;position:absolute;bottom:0;z-index:9}.left{float:left}.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,.text-white p{color:#fff!important}.section.offset{padding-bottom:0}

.section img.offset{margin-bottom:-40px;z-index:9}.section.offset+.section{margin-top:40px}.section h2{margin-bottom:30px}.section.overflow-hidden{overflow:hidden}.box-sizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.grid{float:left;display:inline}


.grid_percent,.grid_left,.grid_right{display:inline;float:left;position:relative;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


.grid_percent.right{float:right}.grid_percent.d1{width:100%}.grid_percent.d2{width:50%;*width:49.9%}.grid_percent.d3{width:33.3%;*width:33.3%}


.grid_percent.d4{width:25%;*width:24.9%}.grid_percent.d5{width:20%;*width:19.9%}

.grid_percent.p25{width:25%;*width:24.9%}

.grid_percent.p33{width:33%;*width:32.9%}

.grid_percent.p50{width:50%;*width:49.8%}

.grid_percent.p75{width:75%;*width:74.9%}.color-section{background:#004159 url('color-section-blue.png') repeat-y center top;width:100%;display:inline;float:left;position:relative;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}.color-section.magenta{background:#400013 url('color-section-magenta.png') repeat-y center top}.color-section.coffee{background:#3b0106 url('color-section-coffee.png') repeat-y center top}


.color-section.green{background:#0c0320 url('color-section-green.png') repeat-y center top}

.color-section.grey{background:#292929}.color-section.lightgrey{background:#f5f5f5}.color-section.black{background:#000}.ui-tabs{padding:0!important}.ui-tabs .ui-tabs-nav{padding:0!important}.ui-tabs .ui-tabs-nav{list-style:none;padding:0;margin:0}.ui-tabs .ui-tabs-nav li{float:left;border:1px solid transparent;border-bottom-width:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:0!important}.ui-tabs .ui-tabs-nav a{text-decoration:none;display:block;background:#f0f0f0;padding:.24em 1em;color:#666;text-align:center;font-size:11px;   font-family: PT Sans Narrow, Arial, sans-serif;  }.ui-tabs .ui-tabs-nav a:hover{background:#009dd8;color:#fff}.ui-tabs .ui-tabs-nav li.ui-state-active{border-color:#e8e8e8;background-color:#fff}.ui-tabs .ui-tabs-nav li.ui-state-active a{top:1px;background:#fff;color:#222;z-index:2}.ui-tabs .ui-tabs-panel{border-top:1px solid #e8e8e8!important;clear:both;padding:0}.mobilize select{width:100%;height:45px;padding:10px 10px;margin:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff url('select-bg.png') repeat-x;color:#4b4b4b;outline:none;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;float:left;border-top:0 #fff solid}.mobilize label.select{text-transform:uppercase;display:block;margin-bottom:5px;width:100%;float:left}.mobilize label.select::before{content:"";position:absolute;width:30px;height:43px;background:#fff url('select-bg.png') repeat-x;top:0;z-index:2;pointer-events:none;right:10px}.mobilize label.select::after{content:"";position:absolute;right:15px;width:11px;height:18px;background:transparent url('select-arrow.png') no-repeat;top:16px;z-index:3;pointer-events:none}::-webkit-input-placeholder{color:#ccc}:-moz-placeholder{color:#ccc}

 

input.text,textarea{padding:8px; background-color:#c1d0ff;//background-color:#d7ddff;border-color:#000000;}

//input.text,textarea{padding:.8em;background-color:transparent;color:#888;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:color .2s ease-in-out;
-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.input-wrapper input,.input-wrapper textarea{border:0 #fff solid;background:#fff;padding:1px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:2px}.input-wrapper.shadow{-moz-box-shadow:0 1px 1px #d4d4d4 inset;-webkit-box-shadow:0 1px 1px #d4d4d4 inset;box-shadow:0 1px 1px #d4d4d4 inset;border-color:#c1c1c1 #c1c1c1 #e1e1e1;border-width:1px}


.input-wrapper input.text,.input-wrapper textarea{border:0}input.text:focus,textarea.text:focus{color:#4b4b4b}select:focus{}.transition-background-color a,.transition-background-color select{transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out}.transition-all{transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}

.transition-width{transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-webkit-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out}

.transition-height{transition:height 1s;-moz-transition:height 1s;-webkit-transition:height 1s;-o-transition:height 1s}

.hr-line{width:100%;text-align:center;display:block;background:transparent url('hr.png') repeat-x center center;float:left;font-size:13px;line-height:1em}

*{padding:0;margin:0;outline:none;position:relative;background-repeat:no-repeat;border:none;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;border-color:#e8e8e8}img{border:0}img.static{width:auto}.full-img-container img,img.full-img,img.full-img-device{width:100%;display:block}.textAlignRight{text-align:right}.textAlignCenter{text-align:center}ul.list{margin-bottom:15px;list-style-type:disc;font-weight:700;list-style-position:inside;line-height:1.5em}ul.list.outside li{list-style-position:outside;margin-left:15px}.useList ul li{margin-bottom:15px;list-style-type:disc;font-weight:700;list-style-position:inside;line-height:1em}

.useList.outside ul li{list-style-position:outside;margin-left:15px}img.center{display:block;margin-left:auto;margin-right:auto}.border-buttom{border-bottom:1px #e8e8e8 solid}.stickyPoint{background-color:aqua;display:block;height:0;float:left;width:100%;top:10px;color:aqua;z-index:1000}


.arrowTitleContainer a>i{background:url("ico-arrowRight_Blue_2.png") no-repeat scroll center center transparent;display:inline-block;height:15px;padding-left:25px;width:8px}.call-to-action-button-section{padding:40px 0;margin:0;text-align:center;width:100%;float:left;background:#fff}.call-to-action-button-section .section-title{margin:0}.call-to-action-button-section p{font-size:18px}


.call-to-action-button-section.grey{background-color:#464e54}

.call-to-action-button-section.grey *{color:#fff}.call-to-action-button-section .uibutton{margin:0}.title-section{padding:30px 0;width:100%;float:left}.title-section h2{font-size:55px}.title-section p,.title-section h1.case-study-desc{font-size:18px;line-height:1.5em;   font-family: PT Sans Narrow, Arial, sans-serif;      }.title-section p.first,.lead{font-weight:700}.lead{font-size:18px;line-height:1.5em}.scrolldown{display:block;width:65px;height:65px;background:url("ico-arrowDown_scroll.png") no-repeat scroll center center transparent;margin:auto;z-index:100}.section{opacity:0;transition:.5s ease-in-out opacity}

.breadcrumb li{font-size:12px!important;color:#333;display:inline;margin-right:10px;   font-family: PT Sans Narrow, Arial, sans-serif;  }

.breadcrumb li h1{font-size:12px;   font-family: PT Sans Narrow, Arial, sans-serif;       display:inline}.breadcrumb li a{margin-right:10px;text-decoration:underline}.breadcrumb.white *{color:#fff!important}.breadcrumb li:after{content:">"}.breadcrumb li.last:after{content:""}.back-to-top{background:#009dd8;border-radius:2px;padding:5px 10px;color:#fff!important}#gdx-bubble-host{position:absolute!important;top:0!important}#gdx-bubble-host #gdx-bubble-main{position:fixed!important}.socialBtn{display:block;position:relative;width:39px;height:39px;margin:0;background:transparent url('socialBtn.png') 0 0}.socialBtn.fb{background-position:0 0}.socialBtn.tr{background-position:-53px 0}.socialBtn.gg{background-position:-106px 0}.socialBtn.linkedIn{background-position:-159px 0}.socialBtn.tumblr{background-position:-210px 0}.socialBtn.fb:hover{background-position:0 -41px}.socialBtn.tr:hover{background-position:-53px -41px}.socialBtn.gg:hover{background-position:-106px -41px}

.socialBtn.linkedIn:hover{background-position:-159px -41px}.socialBtn.tumblr:hover{background-position:-210px -41px}

.contactWidget{    font-family: PT Sans Narrow, Arial, sans-serif;    font-size:14px;color:#7b7b7b}.contactWidget .contactForm li{margin-bottom:10px;float:left;width:100%}.contactWidget .contactForm li.website{display:none;visibility:hidden}.contactWidget label .required{color:red}#footerWrapper .contactWidget .uibutton.enquiry,#footerWrapper .contactWidget .uibutton.enquiry:hover{background:#e8e8e8;color:#009dd8!important;font-size:1.2em;font-weight:normal;width:100%}.contactWidget .hr-line{margin-bottom:10px}.contactWidget .hr-line em{background-color:#00a8e2;padding:0 20px;color:#fff}.contactWidget input{width:100%;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.contactWidget textarea{width:100%;padding:10px;height:115px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#contact-us-wrapper #footerWrapper{margin-top:0}#footerWrapper .contactWidget .input-wrapper{border:0!important}#pageOffset{width:100%;height:0;margin:0;padding:0}#pageOffset.on{height:195px;height:116px}#header{width:100%;z-index:900;position:static;background-color:#fff;transition:top 400ms;height:116px;vertical-align:middle;line-height:116px;top:-70px}#header .header-stripe{background:#292929;display:block;width:100%;float:left;height:12px}#johnston-logo{display:inline-block;vertical-align:middle;margin-right:25px;max-width:100%;top:-4px}#header .johnston-logo-container{display:block;float:left}#header #nav{display:block;position:absolute;right:0;top:0;width:744px;overflow:hidden;height:116px}#header #nav-contact{top:-5px;float:right;display:inline-block}#header #nav-contact>li{display:inline-block;margin-left:20px;float:left}#header #nav-contact>li.first{margin-left:0}#header #nav-contact>li>a{color:#666;    font-family: PT Sans Narrow, Arial, sans-serif; text-transform:uppercase;font-size:11px;margin-top:20px;float:left}#header #nav-contact>li>a:hover{color:#009ed8}

.header-contact-handle{height:47px;width:445px;float:right;margin-top:-1px;right:0;top:1px}.header-contact-handle img{width:100%}#header #nav-internal{display:block;margin:0;text-align:right}#header #nav-internal>li{display:inline-block}#header #nav-internal>li.sep{background:#e5e5e5;width:1px;height:17px;margin-right:11px;margin-left:11px;content:"";position:relative;top:3px}#header #nav-internal>li>a{display:block;color:#453f40;    font-family: PT Sans Narrow, Arial, sans-serif; font-weight:500;text-transform:uppercase;font-size:18px;transition:color ease .3s}#header #nav-internal>li>a:hover{color:#009ed8}#header #nav-internal>li>a.tel{font-weight:700;color:#009ed8}


#header #nav-internal .contact-us{display:block;background:#009ed8;color:#fff;margin-left:20px;width:155px;height:35px;line-height:35px;padding-right:15px;text-align:center;border-radius:4px;letter-spacing:.09em;font-size:16px;font-weight:500;transition:background-color ease .3s}#header #nav-internal .contact-us span{position:absolute;right:10px;top:0;height:35px;line-height:35px}#header #nav-internal .contact-us:hover{background-color:#0083b5;color:#fff}#header #johnston-logo-white{display:none}

#johnston-logo-white img{width:95px}

#nav_mobile_wrapper{height:0;overflow:hidden;float:left;background-color:#1f1f1f;width:100%;float:left;margin:0;padding:0;position:fixed;top:70px!important;-moz-transition:height linear .2s;-o-transition:height linear .2s;-webkit-transition:height linear .2s;transition:height linear .2s}

#nav_mobile_wrapper.open{height:255px}

#nav_mobile{width:100%}

#nav_mobile>ul{width:100%;margin:0}

#nav_mobile>ul>li{list-style:none}

#nav_mobile>ul>li>a{display:block;vertical-align:middle;border-bottom:1px #111 solid;text-decoration:none;background-color:#1f1f1f;padding:0 4%;line-height:42px;color:#fff;     font-family: PT Sans Narrow, Arial, sans-serif;  text-transform:uppercase;font-size:14px;color:#fff}#nav_mobile>ul>li>a:hover{background-color:#333}#menuBtn{display:none;position:absolute;right:0;top:0;margin-top:24px}#menuBtn .inner{display:block;padding:0}#menuBtn .inner .stripe{display:block;height:3px;background-color:#009dd8;margin-bottom:5px;width:100%}

@media(max-width:1000px){#johnston-logo{width:120px;}

#johnston-logo-white{display:block}

#header{top:0;left:0;width:100%;height:70px;line-height:70px;border-bottom:1px #ccc solid;position:fixed}#header #nav{display:none}

#header .header-stripe{display:none}#header .header-contact-handle{display:none}#header .johnston-logo-container{margin-top:0;width:100%}

#header #nav{display:none}#menuBtn{display:block;margin-top:25px;width:40px;float:right}}

#header-contact-container{display:none;background-color:#292929;overflow:hidden}#home .section{background-color:#fff}

#checkusout{text-align:center;position:relative;float:left;width:100%;text-align:center;margin-top:-56px;top:33px;z-index:99}

#checkusout a{width:65px;height:65px;background:transparent url('ico-arrowDown_scroll.png') no-repeat center top;display:block;margin-left:auto;margin-right:auto;color:#fff}

#what-we-offer{z-index:1;background:#fff}#what-we-offer .arrowTitleContainer .inner{padding:20px}#what-we-offer .grid_percent.first .inner{margin-left:0}

#what-we-offer .grid_percent.second{border-left:1px #e8e8e8 solid}#what-we-offer .grid_percent.third{border-left:1px #e8e8e8 solid}

#what-we-do{padding-top:0;overflow:visible}#what-we-do .grid_percent .inner{padding:20px}#what-we-do .second{border-left:1px #e8e8e8 solid;border-right:1px #e8e8e8 solid}

#product-category-area-img{height:600px;background:transparent url('johnston_office_bg.jpg') no-repeat center top;overflow:hidden;background-size:cover}

#product-category-area-img h2{margin-top:170px}#product-category-area-img p{    font-family: PT Sans Narrow, Arial, sans-serif; font-size:34px}


#product-category-area-img .scrolldown{margin-top:20px}

#product-category-area .inner{padding:20px}

#product-category-area .grid_percent.first .inner{padding-top:20px}

#product-category-area .grid_percent.third .inner{padding-top:20px}

#product-category-area .grid_percent.second{border-left:1px #e8e8e8 solid;border-right:1px #e8e8e8 solid}

#portfolio-grid-wrapper{background:transparent url('portfolio-grid-wrapper-bg.jpg') no-repeat center center fixed;overflow:hidden;background-size:cover;display:table;min-height:200px}

#portfolio-grid-wrapper #portfolio-grid-title{display:table-cell;vertical-align:middle}

#portfolio-grid-wrapper #portfolio-grid-title h1{color:#fff;line-height:1.5em;    font-family: PT Sans Narrow, Arial, sans-serif; }

#portfolio-grid-wrapper #portfolio-grid-title h2{color:#fff;font-size:27px;line-height:1.2em;margin-top:35px}

#portfolio-section{background:#464e54}

#portfolio-section #portfolio-prev{display:block;width:93px;height:190px;background:transparent url('ico-arrowLeft_scroll.png') no-repeat;z-index:1000;position:absolute;top:220px;transition:all .5s ease;left:-100px;opacity:0}

#portfolio-section #portfolio-next{display:block;width:93px;height:190px;background:transparent url('ico-arrowRight_scroll.png') no-repeat;z-index:1000;position:absolute;top:220px;transition:all .5s ease;right:-100px;opacity:0}#portfolio-section:hover #portfolio-prev{left:0;opacity:1}

#portfolio-section:hover #portfolio-next{right:0;opacity:1}

#portfolio-section .slide{background:#464e54;width:100%;height:600px;overflow-y:visible}

#portfolio-section .slide .container *{position:absolute;float:left}

#portfolio-section .text{margin-left:-20px;opacity:0;transition:all 1s ease;z-index:1}

#portfolio-section .device{margin-right:-20px;opacity:0;transition:all .5s ease;z-index:0}

#portfolio-section .cycle-slide-active .text{margin-left:0;opacity:1}

#portfolio-section .cycle-slide-active .device{margin-right:0;opacity:1}

#portfolio-section .sammy{background:transparent url('first-slide-bg.jpg') no-repeat 50% 0%;background-size:cover}
#portfolio-section .sammy .text{top:100px;max-width:280px;min-width:200px}
#portfolio-section .sammy .device{right:-15%;top:-40px}
#portfolio-section .sammy .uibutton{top:390px}

#portfolio-section .zoey{background:transparent url('second-slide-bg.jpg') no-repeat 50% 0%;background-size:cover}
#portfolio-section .zoey .text{top:100px;max-width:280px;min-width:200px}
#portfolio-section .zoey .device{right:-15%;top:-40px}                                                     //.device{right:-15%;top:-40px}
#portfolio-section .zoey .uibutton{top:390px}

#portfolio-section .brodster{background:transparent url('third-slide-bg.jpg') no-repeat 50% 0%;background-size:cover}
#portfolio-section .brodster .text{top:100px;max-width:280px;min-width:200px}
#portfolio-section .brodster .device{right:-15%;top:-40px}                                                //.device{right:-15%;top:-40px}
#portfolio-section .brodster .uibutton{top:390px}

#portfolio-section .bt{background:transparent url('second-slide-bg.jpg') no-repeat 50% 0%;background-size:cover}

#portfolio-section .bt .text{top:150px;max-width:327px}#portfolio-section .bt .device{right:-14%;top:250px}

#portfolio-section .bt .uibutton{top:350px}.client-list{float:left;width:100%;height:500px;margin-bottom:-80px;overflow:hidden;position:relative}

.client-list .header{background:#f4f4f4;height:80px}

.client-list .header h2{font:21px/80px PT Sans Narrow, Arial, sans-serif;color:#000;text-align:center;text-transform:uppercase}

.client-list .header h2 a{color:#000}.client-list .header h2 a:hover{text-decoration:underline}

.client-list .client{float:left;width:350px;height:420px;background:#fff;cursor:pointer;position:relative}

.client-list .client .background{height:350px;background-position:50% 50%;overflow:hidden}

.client-list .client .background span{width:17px;height:6px;display:block;position:absolute;bottom:0;left:20px;background:url(case-study-arrow.png) no-repeat 0 0}

.client-list .client h3{border-right:solid 1px #c2c2c2;font:18px/34px PT Sans Narrow, Arial, sans-serif; text-transform:uppercase;padding:10px 20px 26px;margin:0;display:block;background:url(case-study-right-arrow.png) no-repeat 95% 20px}.client-list .client h3 a{color:#333}.client-list .client h3 a:hover{text-decoration:underline}.client-list .client:hover h3 a{text-decoration:underline}.client-list #client-carousel ul{padding:0;margin:0;list-style:none}.client-list #client-carousel ul li{display:block}.client-list #client-carousel button{position:absolute;top:135px;width:89px;height:70px;text-indent:-99999px}.client-list #client-carousel .slick-prev{left:0;background:url(case-study-blue-left.png) no-repeat 0 0}.client-list #client-carousel .slick-next{right:0;background:url(case-study-blue-right.png) no-repeat 0 0}.work-with-section{margin-top:40px;padding-top:40px}.work-with-section *{text-align:center}

.work-with-section h2{text-align:center;color:#888;text-transform:uppercase}

.work-with-section ul li{display:inline-block;margin:auto;margin:0 20px}.work-with-section ul li a{vertical-align:middle;display:table-cell;height:100px;margin:auto}#full-service-agency{height:570px;background:transparent url('full-service-agency-bg.jpg') no-repeat center center;overflow:hidden;margin-left:auto;margin-right:auto}#full-service-agency h1{margin-top:100px;color:#000}#full-service-agency h2{margin-bottom:100px;color:#000}#blogThumbWapper{background-color:#f1f1f1}#blogThumbWapper #johnstonBlog{width:453px}#blogThumbWapper #blogHeader .tagContainer{display:inline;margin-right:5px}#blogThumbWapper #blogHeader .tagContainer>li{display:inline-block;margin-right:5px;float:left}#blogThumbWapper #blogHeader .tagContainer li a{position:relative;z-index:1;overflow:visible;display:inline-block;padding:.6em 1em .65em;margin:0;text-decoration:none;text-align:center;font:11px/normal Arial,Sans-Serif;white-space:nowrap;cursor:pointer;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:0 0 5px 0;color:#fff;background-color:#505860;zoom:1;top:0;left:0}#blogThumbWapper #blogHeader .tagContainer li a:hover{background-color:#6a7580}#blogThumbWapper #blogHeader .tagContainer li a:active{background-color:#3f464d}#blogThumbWapper #blogHeader .input-wrapper{margin-top:10px}

#blogThumbWapper .blogTitle{font:34px/30px PT Sans Narrow, Arial, sans-serif; color:#282223;display:block;text-transform:uppercase;max-height:120px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}

#blogThumbWapper .blogAuthor{font:21px/24px  PT Sans Narrow, Arial, sans-serif; display:block;text-transform:uppercase}

#blogThumbWapper .blogTitle:hover{color:#00a8e2}

#blogThumbWapper .date{font:21px/20px font-family: PT Sans Narrow, Arial, sans-serif; color:#7b7b7b;margin-bottom:0;display:inline-block;display:block;text-transform:uppercase}

#blogThumbWapper .date em{color:#bab6b6}

#blogThumbWapper .blogParagraph{margin-top:10px;max-height:100px;word-wrap:break-word;overflow:hidden;display:block;text-overflow:ellipsis}#blogThumbWapper #blogThumbContainer>ul>li{display:inline-block;width:33%;margin:0;padding:0;float:left;border:1px #fff solid;margin-left:-1px;height:340px;border-top:0;border-bottom:0}#blogThumbWapper #blogThumbContainer>ul>li.featured{height:630px}#blogThumbWapper #blogThumbContainer>ul>li .padding{padding:15px}#blogThumbWapper #blogThumbContainer>ul{position:relative}#blogThumbWapper .blogTags{color:#282223}#blogThumbWapper .blogTags>a{color:#009ed8;margin-right:5px}#blogThumbWapper .blogImgContainer img{width:100%}#blogThumbWapper #blogThumbContainer>ul>li.nonfeatured{border-top:1px #fff solid}#blogThumbWapper #blogThumbContainer>ul>li:first-child{border-left:0}#blogThumbWapper #blogThumbContainer>ul>li:nth-of-type(3){border-right:0}#blogThumbWapper #blogThumbContainer>ul>li:nth-of-type(3n+1){border-left:0}#blogThumbWapper #blogThumbContainer>ul>li:nth-of-type(3n+3){border-right:0}.inputSearchBlog.text{display:block;width:100%;height:45px;padding:1px;padding-left:10px}

#johnstonBlogHippo{width:70px;float:left;margin:0 20px 10px 0}button.btnSearch{position:absolute;right:2px;top:2px;background:#004159 url('ico-search.png') 10px 50% no-repeat;padding:0 15px 0 30px;height:41px;line-height:41px;cursor:pointer;color:#fff;font-family: PT Sans Narrow, Arial, sans-serif;border-radius:3px;text-transform:uppercase}button.btnSearch:hover{background-color:#002837}#johnston_twitter{width:192px;display:inline-block;float:left}#twitterWrapper #tweetContainer>ul>li{display:inline-block;width:33%;margin:0;padding:0;float:left;border-right:1px #e8e8e8 solid;margin-left:-1px}#twitterWrapper #tweetContainer>ul>li:last-child{border-right:0 #e8e8e8 solid}#twitterWrapper #tweetContainer>ul>li .padding{padding:15px}#twitterWrapper #tweetContainer>ul>li .tweeter{font-style:italic;font-weight:bold}#twitterWrapper #tweetContainer>ul>li .date{color:#bcbcbc;float:right}#twitterWrapper #tweetContainer>ul>li .tweet_text{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;color:#4e4e4e}


#twitterWrapper #tweetContainer>ul>li .tweet_text:before{content:'"'}#twitterWrapper #tweetContainer>ul>li .tweet_text:after{content:'"'}#twitterHeader #btnFollowUs .uibutton{padding:1em 1em .85em}

#home .home-hero-banner{//background:#464e54;//background:#2e3192;background-image:url('sky.jpg')}

#home .home-hero-banner.fadeOut .container{opacity:0}#home .home-hero-banner .container{transition:opacity .8s ease-in-out;z-index:0;float:left;text-align:center;width:100%;height:570px}#home .home-hero-banner .container .img{position:absolute;bottom:-1px;left:0;width:100%}#home .home-hero-banner .container .img img{position:absolute;bottom:0;left:0;width:100%}#home .home-hero-banner .hero-image{width:100%}#home .home-hero-banner h1{text-align:center;text-transform:uppercase;color:#fff;margin-top:40px}

#home .home-hero-banner h1 strong{font-family: PT Sans Narrow, Arial, sans-serif; font-size:105px;text-align:center;font-weight:bold;}

#home .home-hero-banner h1 em{font-family: PT Sans Narrow, Arial, sans-serif;font-size:34px}

#home .home-hero-banner h1 span{display:block;margin:40px 0;line-height:30px;font-family: PT Sans Narrow, Arial, sans-serif; font-size:21px;color:#ffffff;top:-30px}

#footerWrapper{background-color:#2b2b2b;//background-color:#464e54;padding:65px 0 10px;float:left;width:100%;margin-left:0!important;margin-right:0!important;margin-top:80px}

#footerWrapper h5{color:#fff;text-transform:uppercase;font-size:24px;letter-spacing:1px}

#footerWrapper p{color:#fff;font:14px/24px PT Sans Narrow, Arial, sans-serif;} 

#footerWrapper a:hover{color:#0f97c6!important}#footerWrapper .contactWidget{position:absolute;background-color:#009dd8;margin-left:0;width:250px;margin-top:-85px;z-index:9;margin-right:0}

#footerWrapper .contactWidget .padding{padding:30px 20px 20px}#footerWrapper .contactWidget h5{text-align:center;font-size:18px}

#footerWrapper .contactWidget h5 .phoneNumber{display:block}#footerWrapper .contactWidget h5 em{color:#fff;font-weight:bold}

#footerWrapper .contactWidget h5 strong{display:block;text-align:center;font-size:13px}#footerWrapper .contactWidget .johnstonLogo{background-color:#fff;padding:40px 0 0;top:10px}




#footerWrapper .directorynav ul li{padding:10px 0; color:#fff; font-size:16px; width:92%; line-height:24px;font-family: PT Sans Narrow, Arial, sans-serif;}









#footerWrapper .directorynav ul li a{display:inline-block!important;font:15px/1.2em PT Sans Narrow, Arial, sans-serif; text-transform:uppercase;display:block;line-height:23px;color:#fff;border-bottom:solid 1px #ccc}

#footerWrapper .directorynav ul li a:hover{color:#ffffff;border-color:#0f97c6!important}#footerWrapper .directorynav .clientLogin h6{font-size:21px;color:#fff;text-transform:uppercase}#footerWrapper hr{background:#575e63;border:none;height:1px;width:100%;display:block}

#footerWrapper .footer_copyright p,#footerWrapper .footer_copyright a{color:#ffffff;}

#footerWrapper p.connectwithus{font-size:17px;text-transform:uppercase;margin:0 0 10px 0}#footerWrapper .socialBtnContainer{display:inline-block}#footerWrapper .socialBtnContainer li{display:inline-block;margin-right:10px;float:left}#footerWrapper .socialBtnContainer li a{width:40px;height:40px;display:block}#footerWrapper .socialBtnContainer li a img{width:100%}#footerWrapper #footer_locations h2{font-size:34px}#footerWrapper #footer_locations .grid_2{width:33%;margin:20px 0;text-align:center;border-right:1px #e8e8e8 solid}

#footerWrapper #footer_locations .grid_2:last-child{border-right:0 #e8e8e8 solid}#footerWrapper .footer_copyright{font-size:12px}

#footerWrapper .footer_copyright ul{display:inline;float:left}#footerWrapper .footer_copyright ul li{display:inline;margin-right:10px}

#footerWrapper .footer-social{padding-top:35px;padding-bottom:20px}#footerWrapper .footer-logos img{float:right;margin-left:20px}

#footerWrapper .footer-logos .logo-dotnet{top:20px}#footerWrapper .footer-logos .logo_partner{width:120px;top:10px}#footerWrapper .footer-logos .logo-johnston-grey{width:180px}

#footerWrapper .footnote{text-align:left;font-size:19px;padding:40px 0}

#footerWrapper .footnote p{font-size:19px}#footerWrapper .col-1l p{font-size:16px;font-weight:300;line-height:2;margin-top:11px}#footerWrapper .col-1l .inner{padding-right:40px}#footerWrapper .col-1r .inner{padding-left:20px;border-left:1px solid #e8e8e8}#footerWrapper .col-1r h2{font-size:34px;text-transform:capitalize}

#footerWrapper .col-1r a{margin-left:20px;font-family: PT Sans Narrow, Arial, sans-serif; letter-spacing:-2px}

#footerWrapper .footer-logo{display:inline-block;background:url(apic-usa-158.png) left top no-repeat}    //logos-footer.png;


@media(max-width:520px){#footerWrapper p {text-align:center;} }


#footerWrapper .footer-logo.johnston{width:175px;height:130px;}

#footerWrapper .footer-logo.ms{width:200px;height:0px;background-position:right top;margin-top:-15px}

#footerWrapper .tel-block{padding:20px 0}#footerWrapper .tel{font-size:24px;line-height:1;margin-bottom:10px;text-transform:uppercase}#footerWrapper .tel strong{font-weight:bold}

#footerWrapper .addr{font-size:17px;text-transform:uppercase;line-height:1}#service-eCommerce.section img.offset{margin-bottom:-60px}.our-key-client{border-top:1px #e8e8e8 solid;margin-top:40px}.our-key-client ul{margin:20px 0;float:left}.our-key-client ul li a{border-left:1px #e8e8e8 solid;display:inline-block;text-align:center;width:100%}.our-key-client ul li:first-child a{border-left:0 #e8e8e8 solid}.our-key-client ul li p{color:#777;margin:0}.our-key-client h5{text-align:left}.our-key-client .client-logo-container{display:table-cell;vertical-align:middle;height:70px;text-align:center;width:200px;margin:0 auto}.our-key-client .client-logo-container img{margin-left:auto;margin-right:auto;width:auto}


#what-we-do-for-our-clients h2{margin-bottom:0}#nav-service{z-index:800;background:transparent url('black-99.png');height:70px}#nav-service ul li{display:inline-block;float:left}


#nav-service ul li a{font-family:'Kreon',Arial,Sans-Serif;font-style:normal;font-weight:300;font-size:21px;color:#c9c8c8;display:inline-block;line-height:70px;width:100%;border-right:1px #111 solid;height:70px}#nav-service ul li a:hover{background-color:#444}#nav-service ul li a.service-website.selected{background-color:#ac1763}#nav-service ul li a.service-mobile.selected{background-color:#9b311f}#nav-service ul li a.service-facebook.selected{background-color:#117294}#nav-service ul li a.service-eCommerce.selected{background-color:#25939d}#nav-service ul li a.selected i{display:inline-block;width:100%;height:18px;background-position:center top;float:left}#nav-service ul li a.service-website.selected i{background-image:url('ico-arrow-service-website.png')}

#nav-service ul li a.service-mobile.selected i{background-image:url('ico-arrow-service-mobile.png')}

#nav-service ul li a.service-facebook.selected i{background-image:url('ico-arrow-service-facebook.png')}

#nav-service ul li a.service-eCommerce.selected i{background-image:url('ico-arrow-service-eCommerce.png')}

#nav-service ul li:first-child a{border-left:1px #111 solid;border-right:1px #111 solid}#nav-service.sticky{position:fixed;top:70px;z-index:11;height:70px;float:left}

article .headline{font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;font-style:normal;font-weight:700;color:#222}article a.headline{color:#222}

.article .headline{font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;font-style:normal;font-weight:700;color:#222}.article a.headline{color:#222}

.article a.headline:hover{color:#009dd8}#nav-blog{background:#231f20;height:70px}#nav-blog ul li{display:inline-block;float:left}

#nav-blog ul li a{font-family: PT Sans Narrow, Arial, sans-serif;font-size:12px;text-transform:uppercase;color:#fff;display:inline-block;line-height:70px;width:100%;border-left:1px #1f1b1c solid;border-right:1px #3e3a3b solid;height:70px;overflow:hidden;max-width:190px;width:110px\9}#nav-blog ul li.first a{border-left:1px #3e3a3b solid}#nav-blog ul li.last a{border-right:1px #3e3a3b solid}#nav-blog ul li a span{padding:0 11px}#nav-blog ul li a:hover{background-color:#343232}#nav-blog .inputSearchBlog-blog{float:right;width:250px}#nav-blog .selectTagContainer{margin:10px 0;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;float:left}#nav-blog .selectTagContainer select{width:200px}#nav-blog .selectTagContainer input{padding:10px}

.follow-johnston .grid_8{border:1px #ccc solid;height:50px;margin-top:40px;margin-bottom:40px}.follow-johnston .johnstonBlog-small{top:-20px;float:left;left:10px;width:236px}.follow-johnston .keep-up-to-date{display:inline-block;float:right;margin-left:5px;top:-10px}

.follow-johnston .keep-up-to-date .followBtnWrapper{float:right;margin-right:0;display:inline-block}.follow-johnston strong{line-height:50px;color:#f24311;text-transform:uppercase;font-weight:bold;float:right;display:inline;margin:0 5px}.follow-johnston span{line-height:50px;float:right;display:inline;margin:0 5px}.followBtn{top:10px;width:32px;height:32px;display:inline-block;margin-left:5px}.followBtn.twitter{background:transparent url('socialBtn-twitter.png') no-repeat}

.followBtn.fb{background:transparent url('socialBtn-fb.png') no-repeat}.followBtn.google{background:transparent url('socialBtn-google.png') no-repeat}

.followBtn.linkedIn{background:transparent url('socialBtn-linkedIn.png') no-repeat}

.blog-article-wrapper{color:#282223}.blog-article-wrapper .grid_left{width:709px;border-right:1px #e8e8e8 solid}

.blog-article-wrapper .grid_right{width:250px;background:#fff}

.blog-article-wrapper ul.list li{margin-left:20px}.blog-article-wrapper .blog-article-container{padding-bottom:20px}

.header-pager{height:30px;width:100%;padding:10px 10px 10px 0;margin-bottom:30px;border-bottom:1px solid #e8e8e8}

.header-pager .previousBtn,.header-pager .nextBtn{font-family: PT Sans Narrow, Arial, sans-serif;font-size:11px;text-transform:uppercase;color:#333;padding:0 10px;display:inline-block;height:30px;vertical-align:middle;float:right;width:110px}.header-pager .previousBtn span{top:5px}.header-pager .previousBtn{width:110px;float:left}.header-pager .previousBtn i,.header-pager .nextBtn i{position:relative;width:8px;height:14px;margin-top:8px}.header-pager .previousBtn i{background-image:url('ico-arrowLeft_blue_2.png');float:left;margin-right:10px}.header-pager .nextBtn i{background-image:url('ico-arrowRight_blue_2.png');float:right;margin-left:10px}


.header-pager .nextBtn{width:310px;display:inline-block;float:left;position:absolute}.header-pager .nextBtn .inner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f1f1f1;padding:0 10px;height:30px}.header-pager .nextBtn .inner span{width:120px;text-align:right}.header-pager .nextBtn .nextArticle{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;text-transform:capitalize;font-size:12px;top:3px}.header-pager .nextBtn:hover .inner{background-color:#009dd8;transition:background-color .5s}.header-pager .nextBtn:hover i{background-image:url('ico-arrowRight_white_2.png')}.header-pager .nextBtn:hover *{color:#fff}.header-pager .previousBtn:hover{background:#009dd8}.header-pager .previousBtn:hover i{background-image:url('ico-arrowLeft_white_2.png')}.header-pager .previousBtn:hover *{color:#fff}

.header-more-blogs{display:inline-block;float:left;width:100%;padding:20px 20px 0}.header-more-blogs h5{text-transform:uppercase;font-size:12px;font-family: PT Sans Narrow, Arial, sans-serif;}.more-blogs-wrapper .aboutContainer{display:inline-block;float:left;z-index:1;font-size:11px;text-transform:uppercase;line-height:20px}.more-blogs-wrapper .aboutContainer .inner{padding:0 20px}.blog-article{position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.blog-article .headline{font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;letter-spacing:-1px;font-style:normal;font-weight:700;font-size:38px;width:100%;text-transform:none}.blog-article .sub-headline{font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;font-style:normal;font-weight:400;font-size:21px}.blog-article p.highlight{font-size:18px;color:#f24311;font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;margin:2em 0;padding:.25em 40px;line-height:1.45em;position:relative;font-weight:700}.blog-article p.reference{font-family:'Open Sans',Arial,Sans-Serif;font-style:italic;font-weight:300;margin:2em 0;padding:.25em 0 .25em 40px;border-left:3px #ddd solid;font-size:15px}.blog-article img.featured{margin-bottom:30px;width:100%}.blog-article img.left{width:auto;float:left;margin:8px 15px 10px 0}.blog-article .postmetadata{float:left;border:none;margin-top:0;width:100px;text-align:center}.blog-article .postmetadata p{margin-bottom:0}.blog-article .postmetadata *{color:#231f20;position:initial}.blog-article .postmetadata a{text-decoration:underline}.blog-article .postmetadata .author{font-family: PT Sans Narrow, Arial, sans-serif;font-size:11px}.blog-article .postmetadata .date{font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;font-size:14px;text-transform:none;top:-10px}.article-body{width:580px;float:left}.article-body h1+p{font-size:21px;line-height:35px;font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif}.article-body img{max-width:100%;height:auto!important}

.article-body p{line-height:25px}.shareArticle{float:right;width:100%}.shareArticle .fb_iframe_widget,.shareArticle #twitter-widget-0,.shareArticle #___plusone_0{margin-bottom:20px!important}.shareArticle .fb-wrapper{position:absolute;top:170px;right:20%}.shareArticle .rest-wrapper{padding-top:120px}.show-your-love{width:100%;margin-top:40px;background:#f2f2f2}.show-your-love .inner{padding:40px;padding-left:19%}.show-your-love p{font-family: PT Sans Narrow, Arial, sans-serif; font-size:24px;color:#464e54;letter-spacing:-.04em}.show-your-love p em{color:#009dd8;font-style:normal;top:0}.show-your-love .arrow{position:absolute;right:210px;top:80px;transition:all .5s cubic-bezier(.8,0,.2,1) 0s;-webkit-transition:all .5s cubic-bezier(.8,0,.2,1) 0s}.show-your-love .fb-like-wrapper{background-color:#009dd8;background:url('fb-bg.png') repeat-x;border-radius:5px;padding:10px;right:40px;top:60px;position:absolute}

.show-your-love.on .arrow{right:130px}.postmetadata{z-index:2}.postmetadata>.author{display:inline-block;float:left;margin-right:0;color:#282223}.postmetadata .data .date{font-size:14px;text-transform:uppercase;font-family:'Open Sans',Arial,Sans-Serif;line-height:1.6em}.postmetadata .data .author{font-size:11px;text-transform:uppercase;display:inline;font-family:'Open Sans',Arial,Sans-Serif;line-height:1.6em}.postmetadata .author_img{display:inline-block;float:none}.postmetadata .author_img img{width:46px;height:46px}.postmetadata .date *{margin:0 2px}.postmetadata .day{font-size:36px;font-style:normal}.postmetadata .month{font-style:normal}.postmetadata .year{font-weight:normal}.blog-article .postmetadata .date{width:100px;float:left}.blog-article .postmetadata .day{font-size:36px;font-style:normal;margin-top:25px;float:left;width:100%;text-align:center}.blog-article .postmetadata .month{font-weight:normal;float:left;margin-top:10px;width:100%;text-align:center}.blog-article .postmetadata .year{float:left;width:100%;text-align:center}.tag{font-size:11px;text-transform:uppercase;display:inline;color:#b7b6b6;margin-right:5px}.tag a{text-decoration:underline;color:#282223; font-family: PT Sans Narrow, Arial, sans-serif; margin-right:5px}

.team{font-size:11px;text-transform:uppercase;color:#b7b6b6}.team span{color:#282223;font-family: PT Sans Narrow, Arial, sans-serif; margin-right:20px}.date{font-size:11px;display:inline;font-family:'Open Sans',Arial,Sans-Serif;margin-right:20px;color:#b7b6b6;color:#282223}.author{font-size:14px;text-transform:uppercase;   font-family: PT Sans Narrow, Arial, sans-serif; margin-right:20px;color:#282223;text-decoration:underline}.author:hover,.tag a:hover{text-decoration:underline}.detail .date{display:block}.author-wrapper{color:#a4a4a4;text-transform:uppercase;font-size:12px;margin-bottom:10px}ul.topiclist .article .headline{font-size:18px;line-height:30px;margin-top:5px}ul.topiclist .article .headline:hover{color:#009dd8!important}ul.topiclist .article .headline>i{display:inline-block;float:right;width:8px;height:25px;background:transparent url('ico-arrowRight_Blue_2.png') center no-repeat;margin-right:-10px;top:0}ul.topiclist .article .date,ul.topiclist .article .author{display:block;line-height:1.6em}


.more-blogs-tab{top:1px}.more-blogs-tab .ui-tabs-nav li a{height:40px;width:101px;line-height:1.2em;padding-top:10px;text-transform:uppercase}.more-blogs-tab .ui-tabs-nav{left:-1px}


.more-blogs-tab .ui-tabs-panel{padding:16px 0!important}.more-blogs-tab ul.topiclist .article{float:left;padding:20px 0 0 20px}

.more-blogs-tab ul.topiclist .article .inner{border-bottom:1px #e8e8e8 solid;float:left;padding-bottom:20px}.more-blogs-tab ul.topiclist .article .headline{font-size:21px}.more-blogs-tab ul.topiclist .article p{margin:0;max-height:73px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;font-size:14px;float:left;line-height:25px}.more-blogs-tab ul.topiclist .postmetadata{float:left;width:100%;margin:10px 0}.more-blogs-tab ul.topiclist .postmetadata .author_img{float:left}.more-blogs-tab ul.topiclist .postmetadata *{color:#231f20}.more-blogs-tab ul.topiclist .postmetadata .grid{margin-left:5px}.more-blogs-tab ul.topiclist .postmetadata a{text-decoration:underline}.more-blogs-tab ul.topiclist .postmetadata .author{font-family: PT Sans Narrow, Arial, sans-serif; font-size:11px}.more-blogs-tab ul.topiclist .postmetadata .date{font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;font-size:14px;text-transform:none;margin-top:8px}.more-blogs-tab ul.topiclist .postmetadata .day{font-size:21px}.article-nav{float:left;width:100%;border-top:1px solid #e8e8e8}

.article-nav ul{display:block;float:left;margin-bottom:0;width:100%}

.article-nav ul li{display:inline-block;float:left;width:50%;margin:0;margin-left:0!important}.article-nav ul li a{display:inline-block;height:120px;padding:20px 0;width:100%}.article-nav ul li a .inner{padding:0 20px;float:left}.article-nav ul li.last a .inner{border-left:1px #d9d9d9 solid}.article-nav ul li a i{display:inline-block;float:left;width:17px;height:50px;background:transparent url('ico-arrowLeft_black.png') 0 0 no-repeat}.article-nav ul li.last a i{float:right;background:transparent url('ico-arrowRight_black.png') 0 0 no-repeat}.article-nav ul li a>.inner{display:inline-block;float:left;width:85%;height:100px;margin:10px 0}.article-nav ul li.first a>span{text-align:right;float:right}


.article-nav ul li a:hover .headline{color:#009dd8}.article-nav ul li a .headline{font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;font-style:normal;font-weight:700;font-size:18px;line-height:26px;color:#222;display:block;height:80px;text-overflow:ellipsis;overflow:hidden;float:left;width:85%}.article-nav ul li.first a .headline{float:right}.article-nav ul li a strong{font:13px/1.2em PT Sans Narrow, Arial, sans-serif; text-transform:uppercase}.article .headline a{color:#282223}.article .headline a:hover{color:#009ed8}.johnstonBlog-hippo img{z-index:2;width:415px}.blog-list-wrapper .article .detail h2.headline{font-size:36px;margin-bottom:5px;text-align:left}.article:hover .detail i{right:-20px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.follow-johnston.page-blog .keep-up-to-date{float:left;width:100%;margin:0}.follow-johnston.page-blog span{float:left}.follow-johnston.page-blog strong{float:left}.blog-list-wrapper{color:#282223}.blog-list-wrapper .article .headline{font-size:38px;line-height:1.2em}.blog-list-wrapper .article.highlight .headline{max-height:50px}.blog-list-wrapper .grid_left,.blog-list-wrapper .grid_right{width:50%}.blog-list-wrapper .article.hero{width:100%}.blog-list-wrapper .article.hero .article-img{width:50%;float:left;overflow:hidden;height:375px}.blog-list-wrapper .article.hero .article-img img{display:inline-block;float:right;overflow:visible;width:auto}.blog-list-wrapper .article .detail .headline{font-size:36px;line-height:1.3em;margin-top:20px}.blog-list-wrapper .article .detail{display:inline-block;float:left;background:#fff;width:100%}.blog-list-wrapper .article .detail .inner{padding:40px 0;z-index:2;float:left;width:100%}

.blog-list-wrapper .article.hero .detail i{display:inline-block;height:37px;width:27px;float:left;background-image:url('article_arrowleft.png');top:-75px}.blog-list-wrapper .article.hero:hover .detail i{left:-25px}.blog-list-wrapper .article .detail .inner .article-title{display:inline;width:730px;margin-left:30px;float:left;font-size:14px}.blog-list-wrapper .article .detail .inner .article-title .author,.blog-list-wrapper .article .detail .inner .article-title .tag a{color:#282223;text-decoration:underline}.blog-list-wrapper .article.hero p{font-style:normal;font-weight:400;font-size:21px;line-height:30px}.blog-list-wrapper .header-featured-blogs{background:#222;color:#fff;display:inline-block;height:40px;font:12px/40px PT Sans Narrow, Arial, sans-serif; text-transform:uppercase;padding-left:40px;width:100%;left:-40px}.blog-list-wrapper .header-featured-blogs span{left:-20px}

.blog-list-wrapper .header-featured-blogs i{display:inline-block;top:40px;width:20px;height:20px;float:left;background-image:url('ribbon-left.png');left:-40px}.blog-list-wrapper .grid_left .ordinary-article-list{margin-right:0}.blog-list-wrapper .grid_right .ordinary-article-list{margin-left:10px}

.blog-list-wrapper .ordinary-article-list{overflow:hidden}.blog-list-wrapper .ordinary-article-list .article{float:left;width:100%;border-bottom:1px solid #e8e8e8}.blog-list-wrapper .ordinary-article-list .article .detail{float:left;width:100%;background-color:#fff;height:300px}.blog-list-wrapper .ordinary-article-list .article .detail .inner{padding:20px 20px 0 0;border:none}.blog-list-wrapper .ordinary-article-list .article .detail .inner .article-title{display:block;overflow:hidden;margin-bottom:10px;margin-top:10px}.blog-list-wrapper .ordinary-article-list .article .detail p{max-height:36px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;line-height:20px;padding:0}.blog-list-wrapper .ordinary-article-list .article .detail i{display:inline-block;height:35px;width:22px;float:right;background-image:url('article_arrowright.png');top:-60px}.blog-list-wrapper .ordinary-article-list .article.featured{display:inline-block;height:450px;overflow:hidden;width:100%;margin:0;float:left}


.blog-list-wrapper .ordinary-article-list .article.featured .article-img{float:left;overflow:hidden;height:450px;width:auto}.blog-list-wrapper .ordinary-article-list .article.featured .article-img img{height:450px}.blog-list-wrapper .ordinary-article-list .article.featured .detail{top:0;left:0}.blog-list-wrapper .ordinary-article-list .article.featured.first .detail i{height:22px;width:35px;float:right;right:25px;background-image:url('article_arrowdown.png');top:-15px}.blog-list-wrapper .ordinary-article-list .article.featured.first:hover .detail i{top:7px}.blog-list-wrapper .ordinary-article-list .article.highlight{display:inline-block;height:225px;overflow:hidden;width:100%;margin:0;float:left}.blog-list-wrapper .ordinary-article-list .article.highlight .article-img{float:right;overflow:hidden;height:230px;width:240px}.blog-list-wrapper .ordinary-article-list .article.highlight .article-img img{min-width:240px;min-height:225px}.blog-list-wrapper .ordinary-article-list .article.highlight .detail .postmetadata{height:30px}.blog-listing .blog-list-wrapper .ordinary-article-list .article .inner{padding:20px 20px 20px 0}.blog-list-wrapper .ordinary-article-list li.first .article .inner{border-top:1px #f0f0f0 solid}.blog-list-wrapper .ordinary-article-list .article p{margin:0;max-height:38px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:20px;padding:0}.blog-list-wrapper .ordinary-article-list .article .headline{font-size:18px;line-height:1.3em;margin-top:5px}.blog-list-wrapper .ordinary-article-list .article .headline:hover{color:#009dd8!important}.blog-list-wrapper .ordinary-article-list .article .headline>i{display:inline-block;float:right;width:8px;height:25px;background:transparent url('ico-arrowRight_Blue_2.png') center no-repeat;margin-right:-10px;top:0}.blog-list-wrapper .ordinary-article-list .article .date{display:block;line-height:2em}.blog-list-wrapper .ordinary-article-list .article.featured .date,.blog-list-wrapper .ordinary-article-list .article.highlight .date{line-height:1em}.blog-list-wrapper .ordinary-article-list .article.featured .detail p,.blog-list-wrapper .ordinary-article-list .article.highlight .detail p{margin-bottom:15px}.blog-list-wrapper .ordinary-article-list .article.featured h2.headline,.blog-list-wrapper .ordinary-article-list .article.highlight h2.headline{margin-top:0}.blog-list-wrapper .postmetadata{width:85px;display:inline;float:left;font-size:14px;text-align:center;top:-10px}.blog-list-wrapper .postmetadata .date{font-size:14px;color:#282223;margin:auto;margin-top:15px;margin-bottom:20px;width:100%;float:left}.blog-list-wrapper .postmetadata .date .day{font-size:36px;display:block;margin-bottom:10px}.blog-list-wrapper .postmetadata .date .month,.blog-list-wrapper .postmetadata .date .year{display:block;font-weight:normal}.blog-list-wrapper .postmetadata .author_img{margin-right:0}.postmetadata .date{font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif}

.postmetadata .date .day{font-weight:700}.blog-list-wrapper .article{width:100%;float:left;border-bottom:1px solid #e5e5e5}.feature_badge{background-color:#009dd8;border-radius:5px;color:#fff;padding:3px 10px;font-size:10px;text-transform:uppercase}.blog-list-pager .pagination{background:#f1f1f1;float:left;width:100%;margin-bottom:30px}.blog-list-pager .pagination .prev a,.blog-list-pager .pagination .prev span,.blog-list-pager .pagination .next a,.blog-list-pager .pagination .next span,.blog-list-pager .pagination .pageNum .page{font:16px/112px "Open Sans",Arial,Sans-Serif;text-transform:uppercase;display:inline-block}.blog-list-pager .pagination .prev,.blog-list-pager .pagination .next{display:block;position:absolute;right:15px;top:0;z-index:50;float:left;width:216px}.blog-list-pager .pagination .prev a,.blog-list-pager .pagination .next a{display:block;width:auto;float:left}.blog-list-pager .pagination .next a{float:right}.blog-list-pager .pagination .next i{background:url("ico-arrowRight_black.png") no-repeat scroll 0 0 transparent;display:inline-block;width:17px;height:50px;margin-left:20px;vertical-align:middle}

.blog-list-pager .pagination .prev{display:block;position:absolute;left:15px;top:0}.blog-list-pager .pagination .prev i{background:url("ico-arrowLeft_black.png") no-repeat scroll 0 0 transparent;display:inline-block;height:50px;width:17px;margin-right:20px;vertical-align:middle}.blog-list-pager .pagination .prev span{display:inline;vertical-align:middle}.blog-list-pager .pagination .next span{display:inline;vertical-align:middle}.blog-list-pager .pagination .pageNum{text-align:center}.blog-list-pager .pagination .pageNum .page{display:inline-block;padding:0 15px;line-height:74px;margin:20px 0;border-left:1px #e8e8e8 solid}.blog-list-pager .pagination .pageNum .page:last-child{border-right:1px #e8e8e8 solid}.blog-header{z-index:10;width:100%;float:left;height:160px;border-bottom:1px solid #e5e5e5}.blog-header .img_johnstonBlog{position:absolute;left:300px}.blog-header .img_hippo_sketch{position:absolute;right:20px;top:-40px}.blog-header .keep-up-to-date{color:#282223;text-transform:uppercase;position:absolute;top:100px;font-size:11px;left:105px}.blog-header .keep-up-to-date strong{color:#000;font-weight:bold}.blog-header .followBtnWrapper{color:#000;text-transform:uppercase;font-weight:700;width:60px;text-align:center;float:right;position:absolute;top:250px;right:30px;font-size:12px}.blog-header .followBtnWrapper p{margin-bottom:5px;line-height:1.2em}.blog-header.widget{margin-top:60px}.blog-header.widget .followBtnWrapper{width:auto;float:left;left:60px;text-align:left;top:130px}.blog-header.widget .followBtnWrapper p{display:inline;font-size:12px}.blog-header.widget .keep-up-to-date{font-size:12px;left:60px}.blog-header.article{height:120px}.blog-header.article .img_hippo_sketch{width:120px;right:310px;top:-20px}

.blog-header.article .img_johnstonBlog{width:220px}.blog-header.article .keep-up-to-date{left:0;top:70px}.blog-header.article .followBtnWrapper{width:200px;top:25px}.blog-header.article .followBtnWrapper .followBtn{float:left;margin-left:0;margin-right:5px}.blog-header.article .followBtnWrapper p{text-align:left;margin-bottom:-5px}.blog-list-wrapper .short .article .detail .inner{height:190px}.blog-list-wrapper .short .article .detail .inner .article-title{width:70%;margin-left:0}.blog-list-wrapper .short .article .detail h2.headline{font-size:24px;max-height:60px;overflow:hidden}.blog-list-wrapper .short .article .detail p{max-height:71px;overflow:hidden;padding:0}.blog-list-wrapper .short .postmetadata{width:20%}.blog-list-wrapper .grid_left{border-right:1px solid #e8e8e8}.blog-page-title{float:left;width:100%;border-bottom:1px solid #e8e8e8;padding:20px 0;background:#f5f5f5}.author_img img{-webkit-border-radius:50%;border-radius:50%}.blog-page-title .author_info{display:inline-block;margin-left:30px}.portfolio-listitem h3{font:34px/34px PT Sans Narrow, Arial, sans-serif; color:#292929;margin-bottom:0}

.portfolio-listitem h5{font:13px/18px PT Sans Narrow, Arial, sans-serif; text-transform:uppercase;color:#292929;line-height:2em}.portfolio-listitem h6{text-transform:uppercase; font-family: PT Sans Narrow, Arial, sans-serif; }

.portfolio-listitem p{max-height:190px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}

.portfolio-listitem .detail{text-align:center;display:inline;float:left}.portfolio-listitem .detail.small{height:300px}.portfolio-listitem .detail.medium{height:375px}

.portfolio-listitem .detail.large{height:450px}

.portfolio-listitem i{display:inline-block;height:15px;width:30px;float:left;background-image:url('article_arrowup.png');margin-top:-15px;margin-left:30px}

.portfolio-listitem.mastercard i{height:30px;width:15px;float:left;background-image:url('article_arrowleft.png');margin-top:300px;left:-15px}.portfolio-listitem.mastercard .detail p{max-height:135px;overflow:hidden;padding:0}.portfolio-listitem .detail .inner{padding:20px}.portfolio-listitem .detail .client-logo{margin-left:auto;margin-right:auto;margin-bottom:15px}.portfolio-listitem .thumb{float:left;display:inline;width:100%}.portfolio-listitem .thumb img{float:right}.portfolio-listitem.mastercard .creditcard{margin-top:-400px;float:left;left:-60px;-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);-ms-transform:rotate(-6deg);transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;width:336px}.portfolio-listitem.mastercard .thumb{width:75%}

.portfolio .grid_left,.portfolio .grid_right{width:50%;margin-bottom:60px;*width:49.9%}.portfolio .wrapper{width:100%;float:left}

.portfolio .grid_left .container{float:right}.portfolio .grid_right .container{float:left}.portfolio-danmurphy-title{margin-top:-20%;float:right;right:-50px}.portfolio .cudoman{margin-top:-150px;width:auto}#map_canvas{width:100%!important;height:800px;float:left;min-height:500px}a.email{text-decoration:underline}#map_canvas{height:500px}#footerWrapper{margin-top:0}

.contact-us-content:after{content:'';display:table;clear:both}.contact-us-content .grid_left{min-height:540px;width:44%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;padding:0 70px 0 0;margin:40px auto 30px;position:relative;border:0 solid #e8e8e8}.contact-us-content .grid_right{min-height:540px;width:56%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:right;padding:0 0 0 70px;margin:40px auto 30px;position:relative;max-width:530px;border:0 solid #e8e8e8;border-width:0 0 0 1px}

.contact-us-content .contact-form-container{max-width:410px}.contact-us-content h1{font:700 34px/1.17em PT Sans Narrow, Arial, sans-serif; text-transform:uppercase}

.contact-us-content h2{font:700 18px/1.4em 'Open Sans',Arial,Verdana,sans-serif;text-transform:none}

.contact-us-content h6{font:400 14px/1.5em 'Open Sans',Arial,Verdana,sans-serif;text-transform:none}

.contact-us-content .or{position:absolute;left:-30px;top:0;background:#fff;padding:0 0 20px;width:60px;font:300 17px/1 'Open Sans',Arial,Verdana,sans-serif;text-transform:uppercase;text-align:center}.contact-us-content .email{font:300 18px/1.5em 'Open Sans',Arial,Verdana,sans-serif;color:#838688}.contact-us-content .email a,.contact-us-content .phone{color:#00a8e2;display:block;font:400 23px/1.2 PT Sans Narrow, Arial, sans-serif; letter-spacing:-1px}.contact-us-content .contactWidget .input-wrapper{overflow:hidden;padding:2px}

.contact-us-content .contactWidget label{float:left;font:400 12px/1.666em Arial,Verdana,sans-serif;width:80px;color:#333;padding:10px 0}

.contact-us-content .contactWidget li h2{margin-bottom:0}.contact-us-content .contactWidget label.req:after{color:#ff4e00;content:'*'}

.contact-us-content .contactWidget input,.contact-us-content .contactWidget textarea{border:1px solid #ccc;width:100%;overflow:hidden;display:block;resize:vertical}.contact-us-content .contactWidget input{width:100%}.contact-us-content .contactWidget .buttonWrapper{margin-left:80px;display:block}.contact-us-content .contactWidget .buttonWrapper img{vertical-align:middle}

.contact-us-content .contactWidget .buttonWrapper button[type=submit]{width:100%;font-family: PT Sans Narrow, Arial, sans-serif;font-weight:700}.contact-us-content .contactWidget .contactForm:after{content:'';display:table;clear:both}.contact-us-content .thankyou-wrapper h2{margin:0!important;display:inline-block;font-weight:400;font-size:34px}.full-width-photos-row{margin:30px 0 0;background:#589bd2;padding:20px 0 45px;text-align:center;clear:both;font:300 21px/1.2 'Open Sans',Arial,Verdana,sans-serif,????;color:#fff}.full-width-photos-row strong{font-weight:700}.full-width-photos-row strong,.full-width-photos-row span{display:inline-block}.full-width-photos-row .photos-container{background:none repeat-x 50% 50% transparent;position:relative;top:-46px}#contactForm.label-block label{float:none!important;display:block;width:auto!important;padding:0}#contactForm.label-block p{margin-bottom:0}body.error-page{background-color:#00a8e2;font-family: PT Sans Narrow, Arial, sans-serif; text-transform:uppercase;font-size:13px;line-height:1.6em;color:#fff!important;width:100%;height:100%;float:left;text-align:center}

.error-page a{color:#fff}.error-page .section{border-color:#fff!important}.error-page .section h2{margin-bottom:auto}.error-page .title img{display:inline-block;top:-35px;margin-right:-20px}.error-page .title h1{font-size:128px;font-family: PT Sans Narrow, Arial, sans-serif; display:inline-block;margin-top:50px}.error-page .title h2{font-size:42px;display:inline-block;line-height:1.4em}.error-page .title h2 em{font-size:56px;display:block}.error-page .hr-line em{background-color:#00a8e2;padding:0 40px}.error-page .links{border-top:1px solid #7fcbe5!important;border-bottom:1px solid #7fcbe5!important;margin:20px 0}.error-page .links ul li{display:inline;width:16.6%;float:left;border-left:1px solid #7fcbe5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.error-page .links ul li.last{border-right:1px solid #7fcbe5}.error-page .links ul li a{display:block;width:100%;line-height:145px;font-size:17px;text-align:center}.error-page .links ul li a i{display:inline-block;background:url(ico-arrowRight_white.png) 0 0 no-repeat;width:10px;height:14px;margin-left:9px}.error-page .cat{display:block;background:#000 url(cat.jpg) center top no-repeat;float:left;height:630px;width:100%}

.error-page.error .title-section{padding:80px 0}.error-page.error .johnstonLogo{width:105px}.error-page.error .title img{top:-70px;margin-right:0}.error-page.error .title h1{font-size:150px}.error-page.error .title h2 em{font-size:93px;margin-top:10px}.error-page.error .title h2{font-size:38px}.error-page.error .rob{display:block;background:#000 url(error.jpg) center bottom no-repeat;float:left;height:750px}.error-page.error .contact-us-content{padding:80px 0}


.about-page .title-section{height:480px;background:transparent url(about-hero-bg.jpg) fixed top center;background-size:cover;height:205px;background-repeat:no-repeat}


.about-page .title-section .container{width:960px;top:25px}.whoWeAre .grid_percent .inner{padding:20px}.whoWeAre .article .inner{padding-left:0;padding-top:0}.whoWeAre .headline{font-size:23px;line-height:1.3em;display:block;margin-top:10px}.whoWeAre h6{color:#b7b6b6;text-transform:uppercase;font-size:12px;margin-top:20px}.whoWeAre h6.dept{margin:0;color:#999;font-size:17px;letter-spacing:0;text-transform:none}.whoWeAre h6.people{margin-top:0}.whoWeAre h6 a{}.whoWeAre h2{margin-bottom:15px}.whoWeAre .author,.whoWeAre .author_img,.whoWeAre .tag{display:none}.whoWeAre .postmetadata{margin-bottom:5px}.people_container img{width:100%}

.thejohnstonDifference .inner{padding:40px 0}


.thejohnstonDifference .second .inner{padding:40px 20px}

.thejohnstonDifference .second{height:556px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}


.thejohnstonDifference .foundedInNumber{color:#009ed8;text-transform:uppercase;margin-bottom:0}

.jobItem-wrapper{display:block;width:100%;float:left}.jobItem-wrapper .title{background-color:#f5f5f5;display:block;width:100%;float:left;border-top:1px solid #e8e8e8}.jobItem-wrapper .title.on{background-color:#fff}.jobItem-wrapper .title:hover{background-color:#fafafa}

.jobItem-wrapper .title .grid_8{padding:20px 0}.jobItem-wrapper .title h2{display:inline-block;float:left;width:25%;overflow:visible;font-family: PT Sans Narrow, Arial, sans-serif; margin-top:10px}

.jobItem-wrapper .title p{display:inline-block;float:left;color:#888;margin-top:20px;width:50%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jobItem-wrapper .title span{display:inline-block;float:right;width:150px;margin-top:20px}


.jobItem-wrapper .content{background:#fff url(careerItem-bg.png) center center repeat-y;border-top:1px #e8e8e8 solid;width:100%;float:left}.jobItem-wrapper .content.accordionContent .grid_8{margin-top:40px}.jobItem-wrapper .content .grid_left{width:50%;float:left;background:#fff}.jobItem-wrapper .content .grid_right{width:50%;float:right;background:#e8e8e8}.jobItem-wrapper .content .grid_left .container{width:480px;float:right}.jobItem-wrapper .content .grid_right .container{width:480px}.jobItem-wrapper .content .grid_right .container>.inner{padding:20px 0 20px 20px}.jobItem-wrapper .content .grid_left .container>.inner{padding:20px 20px 20px 0}.contactWidget.career{background-color:#e8e8e8}.contactWidget.career h2{color:#292929}.contactWidget.career label.inline{color:#292929;margin-right:20px;display:inline}.contactWidget.career input[type=file]{display:inline;display:block;color:#009dd8;margin-bottom:5px;border:none!important}.contactWidget.career .uibutton.enquiry{color:#fff;background-color:#009dd8;border-width:0;box-shadow:none}.contactWidget.career .uibutton.enquiry:hover{background-color:#00a8e2}.photosAndValues{margin-bottom:40px}.photosAndValues .grid_percent{height:300px;display:inline-block;background-color:#292929;color:#838688}.photosAndValues .grid_percent h2{color:#fff}.photosAndValues .grid_percent .inner{padding:20px}


.service-page{}.service-page .title-section .submenu li i{display:inline-block;float:right;width:8px;height:13px;background:url(ico-arrowRight_Black2.png) no-repeat;top:6px;margin-left:10px}.service-page .title-section .submenu li{display:inline-block;width:auto;margin-right:30px;font-size:21px;margin-bottom:10px}.service-page .title-section p,.service-page .title-section h1{font-size:18px}.service-page .title-section p.first{font-weight:700}

.service-page .title-section h2{font-family: PT Sans Narrow, Arial, sans-serif;text-align:center;font-size:34px;font-weight:300;margin-bottom:10px}.service-page .title-section h2 em{font-weight:400;color:#009dd8}.service-page .title-section h4{font-family: PT Sans Narrow, Arial, sans-serif;text-align:center;font-size:21px;font-weight:300}.service-page .work-with-section{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;margin-top:0}.service-page .services-pyramid{margin:20px 0}.service-page .services-process{margin:20px 0}.full-width-bg{background:#189cd5}.service-page-v2 .page-section-nav{background:#00405d;min-height:60px}.service-page-v2 .page-section-nav a{color:#fff;font-size:14px;font-family: PT Sans Narrow, Arial, sans-serif; font-weight:400;text-transform:uppercase;padding:18px;float:left}.service-page-v2 .page-section-nav a:hover{background-color:#006390}.service-page-v2 .page-section-nav nav ul{margin:0}.service-page-v2 .page-section-nav nav li{float:left;padding:0}.service-page-v2 .page-section-nav-dropdown{display:none}.service-page-v2 .title-section .full-width-bg{margin-top:-40px;padding:40px 0;text-transform:uppercase}.service-page-v2 .title-section .full-width-bg *{color:#fff}.service-page-v2 .title-section h1{font-family: PT Sans Narrow, Arial, sans-serif;font-weight:700;letter-spacing:-.2px;margin:0 auto 10px}.service-page-v2 .title-section h2{font-size:34px;font-family: PT Sans Narrow, Arial, sans-serif;font-weight:300;margin:0 auto 10px}.service-page-v2 .title-section h4{font-family: PT Sans Narrow, Arial, sans-serif;font-size:30px;font-weight:400;text-align:center;color:#189cd5;line-height:1.2em}.service-page-v2 .title-section .full-width-photos-row .photos-container{margin:-25px auto 45px;background:none repeat-x 50% 50% transparent}.service-page-v2 .btn-learn-more{font-family: PT Sans Narrow, Arial, sans-serif;font-size:16px;font-weight:700;letter-spacing:-.1px}

.service-page-v2 .btn-learn-more img{vertical-align:text-top}.service-page-v2 .title-section p{font-weight:300;line-height:25px;margin:0 0 25px}

.service-page-v2 .title-section p.first{font-weight:700;color:#333}

.summary-section-v2 .summary-block .subtitle,.summary-section-v2 h2{color:#009dd8}

.summary-section-v2 .summary-block{float:right}

.summary-section-v2 .summary-block p{font-size:18px;line-height:1.7em;font-weight:300;margin:0 0 20px;text-align:left;width:90%;}

.summary-section-v2 .summary-block .subtitle{font-size:40px;line-height:1.3em}

.summary-section-v2 .summary-block img{max-width:100%}

.summary-section-v2 h2{font-size:34px;font-family: PT Sans Narrow, Arial, sans-serif;font-weight:700;margin:0 auto 10px;line-height:45px;text-transform:uppercase}

.summary-section-v2 ul{font-size:15px;font-family: PT Sans Narrow, Arial, sans-serif;font-weight:500;line-height:22px;text-transform:uppercase}

.summary-section-v2 li{width:85%;border-bottom:1px solid #bbc0c4;padding:10px 10px 10px 0}

.summary-section-v2 li p{margin:0;padding:0 20px 0 0}

.summary-section-v2 li.first,.summary-section-v2 li.last{border-bottom:2px solid #009dd8!important}

.summary-section-v2 .list-title{font-size:17px;font-weight:700;color:#a3d1ec;text-transform:uppercase}

.summary-section-v2 .btn-learn-more a{font-family: PT Sans Narrow, Arial, sans-serif;font-weight:300;text-transform:none;font-size:21px}

.summary-section-v2.dark-bg{//background:#00618d;background:#ffffff;}

.summary-section-v2.dark-bg p,.summary-section-v2.dark-bg ul,.summary-section-v2.dark-bg .summary-block .subtitle,.summary-section-v2.dark-bg h2,.summary-section-v2.dark-bg a{color:#000000;}

.summary-section-v2.dark-bg li{border-color:#009dd8;}

.summary-section{padding-top:60px}.summary-section.condensed{padding:20px 0 5px}.summary-section.bottomless{padding-bottom:0}.summary-section h2.title{font-size:55px;text-align:center;margin-bottom:0}.summary-section h2 em{color:#009dd8}

.summary-section h3{font-family: PT Sans Narrow, Arial, sans-serif;font-weight:700;color:#333;text-align:center}.summary-section h3 em{color:#009dd8}

.summary-section h4{font-size:27px}.summary-section p.subtitle{text-align:center;font-size:18px;margin-bottom:80px}.summary-section p.subtitle.condensed{margin-bottom:20px}

.summary-section .grid_4 .grid_2{width:45%}.summary{margin-top:10px}.summary p{font-size:18px}

.summary em{color:#0f97c6}.summary-list li{list-style:disc;color:#009dd8;list-style-image:url(ico-list-disc-blue.png);border-bottom:1px solid #e8e8e8;list-style-position:outside;margin-left:10px;margin-bottom:10px;padding-bottom:15px}.summary-list li.last{border-bottom:none}.summary-list li a{display:block}.summary-list li p,.summary-list li a{top:4px;display:inline;line-height:1.4em;font-size:18px;text-transform:uppercase}.summary-list.lowercase li p{text-transform:none}.summary-list.no-bullets li{list-style:none}.summary .logos{display:block;text-align:center}.summary .logos img{margin-right:10px}.summary-wrapper h2{font-size:55px;text-align:center;margin:40px}.call-to-action-button-grid{padding:20px 0 40px;text-align:center}.summary-wrapper .ui-tabs{margin:auto;width:100%;text-align:center;margin-left:auto;margin-right:auto}

.summary-wrapper .ui-tabs .tab-ul{width:100%;background-color:#f1f1f1;height:68px}.summary-wrapper .ui-tabs .ui-tabs-nav li{float:none;margin:0!important;padding:0!important;border:none}

.summary-wrapper .ui-tabs .ui-tabs-nav li a{font-family: PT Sans Narrow, Arial, sans-serif; font-size:30px;background:none;line-height:1.2em}.summary-wrapper .ui-tabs .ui-tabs-nav li a:hover{background:none;color:#111}

.summary-wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a{top:0;background-color:#009dd8;color:#fff}.summary-title-container *{font-family: PT Sans Narrow, Arial, sans-serif;text-align:center;font-weight:300;color:#333}

.standard-content h2{font-family: PT Sans Narrow, Arial, sans-serif; font-size:34px}.standard-content .page ul li{list-style:disc;list-style-image:url(ico-list-disc-blue.png);list-style-position:outside;margin-left:10px}.standard-content table{display:block;border-collapse:collapse;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.standard-content table tr th{background:#009dd8;color:#fff}

.standard-content table tr th,.standard-content table tr td{border:solid 1px #009dd8;padding:5px}.standard-content table tr:nth-child(2n+1) td{background:#eaf9ff;word-wrap:break-word!important}.standard-content b,.standard-content strong{font-weight:bold}.standard-content i,.standard-content em{font-style:italic}.standard-content .page ol,.standard-content .page ul{margin:10px 0}.standard-content .page ol,.standard-content .page ul,.standard-content .page li{list-style:square;margin:5px 0}.standard-content .page ol,.standard-content .page ol li{list-style:decimal}.project-nav{position:fixed;top:45%;z-index:999;display:block;background-color:#f1f1f1;height:140px;opacity:0;transition:all 1s ease}

.project-nav *{color:#fff!important}.project-nav:hover{background-color:#009dd8}.project-nav:active{background-color:#0fb2ef}.project-nav h6{text-transform:uppercase;margin-bottom:0}.project-nav .inner{padding:40px 20px}.project-nav.project-nav-prev{left:-500px;opacity:0;transition:all 1s ease}


.project-nav.project-nav-next{right:-500px;opacity:0;transition:all 1s ease}.project-nav.project-nav-prev.on{left:0;opacity:1}.project-nav.project-nav-next.on{right:0;opacity:1}.project-nav i{background:url(ico-arrowleft_black.png) 0 0 no-repeat;width:17px;height:52px;display:inline-block;float:left;margin:3px 5px 0;transition:ease-in-out margin .2s}.project-nav:hover i{margin:3px 15px 0 15px;background-position:0 -52px}.project-nav.project-nav-next i{background-image:url(ico-arrowRight_black.png);float:right}.project-nav .project{display:none;float:left}.project-nav:hover .project{display:inline-block}.article-nav.portfolio h2{margin-bottom:10px;margin-top:10px}.article-nav.portfolio ul li.first{text-align:right}.article-nav.portfolio ul li a{padding:0;padding-top:10px}.article-nav.portfolio ul li a:hover h4{color:#009dd8}

.case-study .title-section{background-size:cover;height:580px;height:520px\9;background-position:center;background-size:auto\9;background-color:#888}.case-study .title-section .breadcrumb{margin-top:20px}.case-study h3{color:#1f1f1f}.case-study .artwork-section{text-align:center}.case-study .artwork-section .artwork-img{width:100%;margin-bottom:20px}.case-study .title-section .title-section-desktop{position:absolute;top:50px;margin-left:30px;z-index:10}.case-study .title-section .title-section-mobile{position:absolute;top:250px;z-index:10}.case-study .title-section .scrolldown{margin-top:465px}.case-study .title-section-detail{left:580px;top:50px;width:335px;float:left;margin-left:20px}

.case-study .project-overview{background-color:#f4f4f4}.case-study .project-overview .emphasize{font-size:18px;color:#f24311}

.case-study .project-overview h5{font-family: PT Sans Narrow, Arial, sans-serif;font-weight:bold;color:#7b7b7b}

.case-study .project-overview .scrolldown{top:30px}.case-study .artwork-section-main .desktop{margin:60px 0}

.case-study .artwork-section-main .phone{position:absolute;top:-60px;right:10px}.case-study .artwork-section-laptop .desktop{margin:60px 0}


.case-study .artwork-section-laptop .laptop{position:absolute;top:90px;right:10px}.case-study .testimonial-container blockquote{margin:0;padding-right:0}

.case-study .arrowTitleContainer .grid_percent .inner{padding:20px 0}div.accordionContent{display:none}div.accordionButton{cursor:pointer}.field-validation-error{color:red;font-weight:bold}

.apply-loading{width:89%;height:100%;float:left;position:absolute;z-index:999;background:#009dd8;color:#fff;opacity:.8;padding:0;margin:0;border:0}.apply-loading-over{float:left;position:absolute;z-index:999;padding:0;margin:0;border:0}.apply-loading-over h2{padding:30px;margin-top:226px;color:#fff}.doing-apply-loader{display:none}

.loader{display:none;background:url(loader-blue.gif) no-repeat center center;height:200px}.thankyou-wrapper{height:240px;display:table-cell;vertical-align:middle}.thankyou-wrapper .heading-title{font-size:24px;text-transform:none}.contactWidget input.input-validation-error,.contactWidget textarea.input-validation-error{border:solid 2px #ee411f!important}.contactWidget span.field-validation-error{display:none}.blog-listing .follow-johnston .grid_8{margin-top:10px}

#contact-us-wrapper-v2 .loader{background:url(loader.gif) center center no-repeat}

.uibutton{transition:background-color ease .3s}.article-body ul li{list-style:disc outside;margin-left:20px}.article-body ol li{list-style:decimal outside;margin-left:20px}.hiring-banner{background:#189cd5;margin:0 auto;padding:0;height:103px}.hiring-banner .container_8,.hiring-banner .grid_8{height:100%}.hiring-banner h4{font:19px/1.388em PT Sans Narrow, Arial, sans-serif; font-weight:700;text-transform:uppercase;margin:0;color:#fff}

.hiring-banner p{font:19px/1.111em PT Sans Narrow, Arial, sans-serif; font-weight:400;margin:0;color:#fff}

.hiring-banner a{color:#fff;text-decoration:underline}.hiring-banner .content{overflow:hidden;padding:13px 0 13px 10px;max-width:500px}

.hiring-banner .img{float:left;overflow:visible;height:100%;padding:0;width:33%;position:relative}.hiring-banner .img img{position:absolute;right:0;bottom:0}

.page-bc-section{z-index:9}.page-bc-section ul{font-family: PT Sans Narrow, Arial, sans-serif; font-weight:300;font-size:14px;letter-spacing:-.1px;margin:0;padding:5px 0;line-height:1}

.page-bc-section li{color:#fff;padding:0;margin:0;display:inline-block;vertical-align:middle}

.page-bc-section a{color:#fff;text-decoration:underline}.page-bc-section a:hover{text-decoration:underline}

.page-bc-section .sep{margin-left:5px;margin-right:5px}.service-page-v2 .page-bc-section{background:#189cd5;height:30px}

.case-study-item .case-study-title{font-size:34px;font-family: PT Sans Narrow, Arial, sans-serif;font-weight:700;text-transform:uppercase;color:#333;margin-top:10px;float:left;width:100%;margin-bottom:10px}

.case-study-item .case-study-title:hover{color:#009dd8}

.case-study-item p{margin-bottom:30px;float:left}.case-study-img{float:left}

.case-study-img:after{content:"";display:block;width:16px;height:6px;background-image:url('portfolio-arrow.png');bottom:6px;position:absolute;left:20px}


.case-study-img img{width:100%}

.case-study-img img.mobile{display:none}.show-your-love .fb-like-wrapper{z-index:1000}@media only screen and (min-width:1000px){#header.sticky{position:fixed;z-index:999;background:#159dd8;width:100%;box-shadow:0 0 5px #000;height:70px;line-height:68px;overflow:hidden;top:0;margin-top:0;border:none}#header.sticky .johnston-logo-container{vertical-align:middle}#header.sticky #johnston-logo{display:none}#header.sticky #johnston-logo img{display:block}#header.sticky #johnston-logo-white{display:block}#johnston-logo-white img{display:inline-block;vertical-align:middle}#header.sticky #nav-internal a{color:#fff!important;font-weight:400}#header.sticky #nav-internal .contact-us{border:1px solid #fff;font-weight:500}#header.sticky #nav-internal .contact-us:hover{background:#159dd8}img.full-img-device{width:auto!important;margin:auto}#pageOffset.nav-service{height:209px}.header-contact-handle{right:-30px}.header-contact-handle-small{display:none}

#nav_mobile_wrapper{display:none!important}

#nav-blog .inputSearchBlog-blog{top:-3px}.blog-list-wrapper .featured-article-list .article .detail{width:240px!important}

#product-category-area-img{background:transparent url('johnston_office_bg.jpg') no-repeat center top fixed}

#footerContactWrapper .grid_6{width:690px}#footerWrapper #contactWidget .uibutton.enquiry{margin-bottom:90px}#footerContactWrapper .footer-logos{padding-top:20px}.blog-header.widget{height:200px}.portfolio .grid_left .container,.portfolio .grid_right .container{width:480px}.portfolio-listitem.cudo .thumb{height:300px}.ux-and-design-section .container,.ux-and-design-section .container{width:480px}.whoWeAre .grid_percent.first .inner{padding-left:0}.blog-article h1.headline{font-size:36px!important}.blog-article .postmetadata{padding-left:40px}.article-body{width:540px!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#product-category-area-img{background:transparent url('johnston_office_bg.jpg') no-repeat center top}.section{opacity:1}}@media(max-width:1000px){#pageOffset{height:70px}#home #checkusout{left:0}#home .home-hero-banner img{width:86%}

#home .home-hero-banner h1 strong{font-size:95px}

.hiring-banner{min-height:0;z-index:1;height:auto}.hiring-banner .container_8{display:table;margin:0 auto;width:auto!important}

.hiring-banner .grid_8{display:table-row;width:auto!important}.hiring-banner .content{display:table-cell;float:none;vertical-align:middle}

.hiring-banner .img{display:table-cell;float:none;text-align:right;vertical-align:bottom;width:auto;padding-top:10px}.hiring-banner .img img{display:block;left:0;max-height:100%;position:relative;right:auto}#nav-blog .inputSearchBlog-blog{margin:10px 0}.show-your-love .inner{padding-left:40px}#pageOffset.nav-service{height:250px}#blogThumbWapper #blogHeader .grid_2{display:block;width:100%}

.header-contact-handle{width:350px}.header-contact-handle-small{display:none}


#portfolio-section{height:600px}#portfolio-section .portfolio-container .portfolio-a{width:450px}#portfolio-section .portfolio-container .portfolio-b{width:550px}#portfolio-section .portfolio-container .portfolio-c{width:450px}#full-service-agency{height:420px}#full-service-agency h2{margin-bottom:50px}#home #product-category-area-img{background-position:inherit}#portfolio-section .slide{height:560px}



#portfolio-section .sammy .text{top:100px;width:40%}
#portfolio-section .sammy .device{right:-20%;width:75%;top:20px;min-width:400px}

#portfolio-section .zoey .text{top:100px;width:50%}
#portfolio-section .zoey  .device{right:-20%;width:75%;top:20px;min-width:400px}                                                 //.device{top:90px;width:90%;right:-30%}
#portfolio-section .brodster .text{top:100px;width:50%}
#portfolio-section .brodster .device{right:-20%;width:75%;top:20px;min-width:400px}                                             //.device{top:90px;width:90%;right:-45%}

#portfolio-section .uibutton{top:410px!important}
#footerWrapper{padding:40px 0 30px}

#footerWrapper .contactWidget{width:48%;margin-top:-70px;margin-left:1%;margin-right:1%;height:auto}

#footerWrapper .contactWidget .padding{padding:30px 20px 20px}#footerWrapper .contactWidget h5{text-align:center}#footerWrapper .contactWidget h5 .phoneNumber{display:inline-block;margin-left:10px}#footerWrapper .contactWidget h5 .phoneNumber:before{content:"- "}#footerWrapper .contactWidget #contactForm li{width:100%}


#footerWrapper .contactWidget .input-wrapper textarea{padding-top:30px}#footerWrapper .contactWidget .uibutton.enquiry{width:100%}#footerContactWrapper .grid_6{width:98%}#footerContactWrapper .footer-social{width:98%;text-align:center;padding-bottom:0}#footerContactWrapper h2.connectwithus{font-size:25px;top:-30px;float:none}#footerContactWrapper .col-1r a{width:100%;float:left;margin:0;font-size:28px;line-height:1em;margin-bottom:10px}#footerContactWrapper .logo-dotnet,#footerContactWrapper .logo_partner{float:left!important}#footerContactWrapper .footer-logos{width:98%;text-align:center}#footerContactWrapper .footer-logos img{float:none;margin-left:auto;margin-right:auto}


#nav-blog{height:65px}.follow-johnston .johnstonBlog-small{width:180px;top:-10px}.blog-article img.featured{width:100%}.more-blogs-tab ul.topiclist li.first .article i{display:none}

.johnstonBlog-hippo img{width:350px}.blog-list-wrapper article.featured{height:400px}.blog-list-wrapper article.featured .article-img{height:400px}.blog-list-wrapper article.featured .article-img img{min-height:400px}.blog-list-wrapper article.featured .detail{top:-400px}.blog-list-wrapper .featured-article-list .article .detail{width:240px!important}.blog-list-wrapper .ordinary-article-list .article .detail{position:absolute;left:225px;width:auto}.blog-list-wrapper .ordinary-article-list .article .detail .inner{padding-left:20px;padding-right:0}.blog-list-wrapper .ordinary-article-list .article.featured .article-img{width:225px;height:225px;display:inline-block}.blog-list-wrapper .ordinary-article-list .article.featured .detail{position:absolute;top:0;left:225px}.blog-list-wrapper .ordinary-article-list .article.featured .article-img img{height:225px}.blog-list-wrapper .ordinary-article-list .article .inner{padding-left:25px}

.blog-list-wrapper .ordinary-article-list .article.featured{height:225px;border-top:1px #e5e5e5 solid}

.blog-list-wrapper .ordinary-article-list .article.highlight .article-img{width:225px!important;height:225px;display:inline-block;float:left}

.blog-list-wrapper .ordinary-article-list .article.highlight .detail .postmetadata{border:none}

.blog-list-wrapper .ordinary-article-list .article .detail i{float:left!important;left:-22px!important;background-image:url('article_arrowleft.png')!important;top:-60px!important;height:35px!important}

.ordinary-article-list ul.topiclist .article{margin-left:0}.ordinary-article-list ul.topiclist .article .inner{padding:20px}

.blog-header{text-align:center;height:240px}.blog-header .img_hippo_sketch{display:none}.blog-header .img_johnstonBlog{position:relative;float:none;left:auto}

.blog-header .keep-up-to-date{position:relative;float:none;left:auto;top:auto;font-size:12px}

.blog-header .followBtnWrapper{position:relative;float:none;left:auto;top:auto;width:auto;top:-10px}.blog-header .followBtnWrapper p{display:inline}.blog-header.widget{text-align:center}.blog-header.widget .followBtnWrapper{left:auto;top:auto;float:none;margin:auto;position:relative;text-align:center}.blog-list-wrapper .postmetadata{width:20%}.blog-list-wrapper .article .detail .inner .article-title{width:80%;margin-left:0}.blog-header.widget .keep-up-to-date{left:auto}.blog-header.article .inner{text-align:center}.blog-header.article .keep-up-to-date{top:0;margin-bottom:0}.blog-header.article .followBtn{display:inline-block}.blog-header.article{text-align:center;height:180px}.blog-header.article .followBtnWrapper{left:auto;top:auto;float:none;margin:auto;position:relative;text-align:center;width:285px}.blog-header.article .followBtnWrapper p{display:inline;float:left;top:15px;margin-right:15px}.blog-article .postmetadata{width:80px}.blog-list-wrapper .postmetadata .date{width:100%}.blog-list-wrapper .postmetadata .author_img{float:none}


.portfolio-listitem.mastercard .creditcard{margin-top:-400px;left:15px;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);width:336px}.portfolio .grid_left .container,.portfolio .grid_right .container{width:100%}.container_8.full-device{width:100%;margin-right:0;margin-left:0}.container_8.full-device .grid_8{width:100%;margin-right:0;margin-left:0}.portfolio-listitem .detail.small,.portfolio-listitem .detail.large{height:300px}.portfolio-danmurphy-title{right:40px}.portfolio .cudoman{width:70%;margin-top:-85%}.jobItem-wrapper .content .grid_left .container{width:100%;float:right}.jobItem-wrapper .content .grid_right .container{width:100%}.jobItem-wrapper .content .grid_right .container>.inner{padding:10%}.jobItem-wrapper .content .grid_left .container>.inner{padding:10%}.error-page .links ul li a i{display:none}.error-page.error .title h2 em{font-size:70px;display:block}.error-page.error .title h2{font-size:30px}

.error-page.error .title-section{padding:60px 0}.error-page.error .title img{top:-30px;margin-right:0}.error-page.error .title h1{font-size:100px}.error-page.error .contact-us-content{padding:60px 0}.service-page .services-together{width:80%}.service-page .services-pyramid{width:100%}.service-page .services-process{width:100%}.service-page .services-success{width:100%}

.about-page .title-section .container{width:100%;left:0}.about-page .title-section .container *{padding-left:10%;padding-right:10%}

.case-study .hero-section .grid_3,.case-study .hero-section .grid_5{width:98%;text-align:center}

.case-study .hero-section img{width:90%;margin-left:auto;margin-right:auto;left:0;margin-top:20px}

.case-study .title-section-image{width:48%}.case-study .title-section-detail{width:48%;left:50%}.case-study .title-section .title-section-desktop{width:100%}

.case-study .title-section .title-section-mobile{width:170px;top:150px}.case-study .title-section{height:450px}.case-study .title-section .scrolldown{margin-top:403px}.case-study .artwork-section-main .desktop{width:550px}.case-study .artwork-section-main .phone{width:220px}.blog-list-pager .pagination .next span{display:none!important;visibility:hidden}.case-study-list-page .heading{padding-top:100px}}@media(max-width:880px){.full-container-device .container_8{width:100%;margin-left:0;margin-right:0}.full-container-device .container_8 .grid_8{width:100%;margin-left:0;margin-right:0}h2.title{font-size:34px}.section{opacity:1}

#what-we-do .grid_2{margin-top:20px}#things-we-do-for-our-clients .grid_2{margin-top:20px}#blogThumbWapper #blogThumbContainer>ul>li{width:49.6%}

#blogThumbWapper #blogHeader{display:block;width:100%}#blogThumbWapper #blogHeader .grid_2{display:block;width:100%}.inputSearchBlog{width:90%}

.buttonWrapper.tablet{text-align:center;width:100%;margin-bottom:20px}#twitterHeader{width:100%}#twitterHeader #btnFollowUs{float:right}#twitterHeader #btnFollowUs .uibutton{float:right}#tweetContainer{width:100%;margin-top:20px}#tweetContainer .grid_2{width:31.333%}#johnston_twitter{width:140px}#twitterWrapper #tweetContainer>ul>li{display:block;width:100%;border-right:0 #e8e8e8 solid;border-bottom:0 #e8e8e8 solid}#twitterWrapper #tweetContainer>ul>li .padding{padding:10px;padding-top:0;padding-bottom:0}#twitterWrapper #tweetContainer>ul>li .date{float:none;margin-left:10px}#footerWrapper{padding:40px 0 30px;margin-top:120px}#footerWrapper .contactWidget{width:48%;margin-top:-70px;margin-left:1%;margin-right:1%;height:auto}#footerWrapper .contactWidget .padding{padding:30px 20px 20px}#footerWrapper .contactWidget h5{text-align:center}#footerWrapper .contactWidget h5 .phoneNumber{display:inline-block;margin-left:10px}#footerWrapper .contactWidget h5 .phoneNumber:before{content:"- "}


#footerWrapper .contactWidget #contactForm li{width:100%}#footerWrapper .contactWidget .input-wrapper textarea{padding-top:30px}#footerWrapper .contactWidget .uibutton.enquiry{width:100%}#footerContactWrapper{padding-top:40px}#footerContactWrapper .grid_6{width:98%}#footerContactWrapper .footer-social{width:98%;text-align:center;padding-bottom:0}#footerContactWrapper h2.connectwithus{font-size:25px;top:-30px;float:none}#footerContactWrapper .col-1r a{width:100%;float:left;margin:0;font-size:28px;line-height:1em;margin-bottom:10px}#footerContactWrapper .logo-dotnet,#footerContactWrapper .logo_partner{float:left!important}#footerContactWrapper .footer-logos{width:98%;text-align:center}#footerContactWrapper .footer-logos img{float:none;margin-left:auto;margin-right:auto}#map_canvas:before{width:100%!important;height:800px;float:left;min-height:500px;position:absolute;display:block;float:left;top:0;opacity:0}#cross-platform-section{height:650px}#cross-platform-section .padding{padding:60px 0 40px}#cross-platform-section h1{margin-top:140px}.platform-container .multi-platform-facebook{width:320px;float:left;margin-top:60px;left:0}.platform-container .multi-platform-desktop{width:580px;position:relative;margin:0 auto;z-index:1}.platform-container .multi-platform-iphone{width:200px;float:right;right:10%;z-index:3;margin-top:80px}.platform-container .multi-platform-htc{width:160px;float:right;right:0;margin-top:120px;z-index:2}#full-service-agency{height:300px;background-position:center bottom}#what-we-offer .grid_percent.first{width:100%;border-bottom:1px #e5e5e5 solid}#what-we-offer .grid_percent.second,#what-we-offer .grid_percent.third{width:50%}#product-category-area .grid_percent{width:100%;text-align:center}#product-category-area .grid_percent.second{border:none}#product-category-area .grid_percent.second img{width:60%;margin-left:auto;margin-right:auto}#product-category-area .grid_percent .inner{padding-top:40px!important}#home #checkusout{left:0}#home #product-category-area-img{background-position:inherit;background:transparent url('johnston_office_bg.jpg') no-repeat center top;background-size:cover}#portfolio-section .slide{height:520px}

#portfolio-section .sammy .text{top:100px;width:40%}#portfolio-section .sammy .device{right:-25%;width:80%;top:30px;min-width:400px}



#portfolio-section .zoey .text{top:100px;width:50%}
#portfolio-section .zoey .device{top:90px;width:90%;right:-30%}

#portfolio-section .brodster .text{top:100px;width:50%}
#portfolio-section .brodster .device{top:90px;width:90%;right:-45%}

#portfolio-section .uibutton{top:390px!important}

#portfolio-section #portfolio-prev,#portfolio-section #portfolio-next{top:180px}

#portfolio-section #portfolio-prev{left:0;opacity:1}#portfolio-section #portfolio-next{right:0;opacity:1}

#blogThumbWapper #blogThumbContainer>ul>li.nonfeatured{border-top:1px #fff solid}#blogThumbWapper #blogThumbContainer>ul>li:first-child{border-left:0}

#blogThumbWapper #blogThumbContainer>ul>li:nth-of-type(3n-1){border-right:0}#blogThumbWapper #blogThumbContainer{display:block;width:100%}#blogThumbWapper #blogThumbContainer>ul>li.featured{height:700px}

#what-we-do-for-our-clients.padding{padding:20px 0}#nav-service.sticky{top:0}.blog-article-wrapper{float:left;width:100%!important}

.blog-article-wrapper .grid_left{width:100%!important;border-right:0 #e8e8e8 solid}.blog-article-wrapper .grid_right{width:auto!important;margin-top:20px}

.blog-article{padding-right:0}.blog-article img.featured{width:100%;height:auto}.blog-article .postmetadata{height:auto}

.article-body{}.follow-johnston .johnstonBlog-small{width:180px;top:-10px}.header-more-blogs.more{width:100%;margin-top:20px;padding:0}.header-more-blogs.about{display:none}

.more-blogs-tab{z-index:2;margin-top:-49px}.more-blogs-tab .ui-tabs-nav li.first{margin-left:5px!important}.more-blogs-tab ul.topiclist li{width:49%;display:inline-block;float:left}

.more-blogs-tab ul.topiclist li.odd .article .inner{border-left:1px #f2f2f2 solid}.more-blogs-tab ul.topiclist .article .headline{max-height:51px;overflow:hidden;width:auto}

.more-blogs-tab ul.topiclist .article .inner{padding:20px}.more-blogs-tab ul.topiclist .article p{width:90%}.more-blogs-tab ul.topiclist .article{padding:0}

.more-blogs-tab ul.topiclist .article .inner{height:250px;overflow:hidden}.more-blogs-tab ul.topiclist li.first .article i.arrow{display:none}

.ui-tabs .ui-tabs-panel{border-top:none}.more-blogs-wrapper .aboutContainer{margin-top:0;border-top:3px solid #000;padding-top:20px}

.more-blogs-wrapper .aboutContainer .inner{padding-left:0;padding-right:0}.johnstonBlog-hippo img{width:300px}

.blog-list-wrapper .container_8,.blog-list-wrapper .grid_8{width:100%;margin-left:0;margin-right:0}.blog-list-wrapper .grid_left,.blog-list-wrapper .grid_right{width:100%}.blog-list-wrapper .header-featured-blogs{display:none}.blog-list-wrapper .ordinary-article-list .article .detail{position:absolute;left:225px;width:auto}.blog-list-wrapper .ordinary-article-list .article .detail .inner{padding-left:20px;padding-right:0}.blog-list-wrapper .ordinary-article-list .article.featured .article-img{width:225px;height:225px;display:inline-block}


.blog-list-wrapper .ordinary-article-list .article.featured .detail{position:absolute;top:0;left:225px}.blog-list-wrapper .ordinary-article-list .article.featured .article-img img{height:225px}.blog-list-wrapper .ordinary-article-list .article .inner{padding-left:25px}.blog-list-wrapper .ordinary-article-list .article.featured{height:225px;border-top:1px #e5e5e5 solid}.blog-list-wrapper .ordinary-article-list .article.highlight .article-img{width:225px!important;height:225px;display:inline-block;float:left}.blog-list-wrapper .ordinary-article-list .article.highlight .detail .postmetadata{border:none}.blog-list-wrapper .ordinary-article-list .article .detail i{float:left!important;left:-22px!important;background-image:url('article_arrowleft.png')!important;top:-60px!important;height:35px!important}.blog-list-wrapper h1,.blog-list-wrapper p.intro{text-align:center}.blog-list-wrapper .grid_right .ordinary-article-list{margin-left:0}.blog-list-wrapper .grid_right{border-top:none}.ordinary-article-list ul.topiclist .article{margin-left:0}

.ordinary-article-list ul.topiclist .article .inner{padding:20px}.blog-listing .blog-list-wrapper .ordinary-article-list .article .inner{padding:20px}.postmetadata .data{width:50%}.blog-header{text-align:center;height:220px;border:none}.blog-header .img_hippo_sketch{display:none}.blog-header .img_johnstonBlog{position:relative;float:none;left:auto;width:250px}.blog-header .keep-up-to-date{position:relative;float:none;left:auto;top:auto;font-size:12px}.blog-header .followBtnWrapper{position:relative;float:none;left:auto;top:auto;width:auto;top:-10px}.blog-header .followBtnWrapper p{display:inline}.blog-header.widget{text-align:center}.blog-header.widget .followBtnWrapper{left:auto;top:auto;float:none;margin:auto;position:relative;text-align:center}.header-pager{border-top:1px solid #e8e8e8}.blog-header.article .inner{text-align:center}.blog-header.article .keep-up-to-date{top:0;margin-bottom:0}.blog-header.article .followBtn{display:inline-block}.blog-header.article .followBtnWrapper p{display:inline;float:left;top:15px;margin-right:15px}

.blog-header.article{text-align:center;height:180px}.blog-header.article .followBtnWrapper{left:auto;top:auto;float:none;margin:auto;position:relative;text-align:center;width:285px}.blog-list-wrapper .postmetadata{width:20%}.blog-list-wrapper .article .detail .inner .article-title{width:70%;margin-left:0}.blog-header.widget .keep-up-to-date{left:auto}.blog-list-wrapper .short .article .detail .inner{height:auto}.blog-list-wrapper .short .article .detail h2.headline{max-height:none}.blog-list-wrapper .short .article .detail p{max-height:none}.blog-list-wrapper .grid_left{border-right:none}.blog-list-wrapper .postmetadata .date{width:100%}.blog-list-wrapper .postmetadata .author_img{float:none}

.blog-article .postmetadata{width:80px}.portfolio-listitem.mastercard .creditcard{margin-top:-370px;left:17px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg);width:336px}.container_8.full-device{width:100%;margin-right:0;margin-left:0}.container_8.full-device .grid_8{width:100%;margin-right:0;margin-left:0}.portfolio-listitem .detail.small,.portfolio-listitem .detail.large{height:300px}.portfolio-danmurphy-title{width:70%;right:5%}.portfolio .portfolio-listitem .uibutton{display:none}.portfolio .cudoman{width:70%;margin-top:-85%}.portfolio-listitem.mastercard i{display:none}#contact-us-wrapper-v2 .full-width-photos-row strong{display:block}.error-page .links .container_8,.error-page .links .grid_8{width:100%;margin:0}.error-page .links ul li a i{display:none}.error-page .links ul li{width:33.3%}.error-page .links ul li:nth-child(3n){border-right:1px solid #7fcbe5}.error-page .links ul li.bt{border-top:1px solid #7fcbe5}.error-page .title h2 em{font-size:inherit;display:inline}

.error-page.error .title h2 em{font-size:70px;display:block}.error-page.error .title h2{font-size:30px}

.error-page.error .title-section{padding:60px 0}.error-page.error .title img{top:-30px;margin-right:0}.error-page.error .title h1{font-size:100px}

.error-page.error .contact-us-content{padding:60px 0}


.thejohnstonDifference .second{height:auto}

.thejohnstonDifference .foundedInNumber{font-size:24px}.about-page .title-section .container{width:100%;left:0;top:20px}

.about-page .title-section .container *{padding-left:10%;padding-right:10%}.about-page .title-section{height:175px}

.jobItem-wrapper .title p{display:none}.jobItem-wrapper .title h2{width:50%}.jobItem-wrapper .content .grid_left .container{width:100%;float:right}.jobItem-wrapper .content .grid_right .container{width:100%}.jobItem-wrapper .content .grid_right .container>.inner{padding:10%}.jobItem-wrapper .content .grid_left .container>.inner{padding:10%}.photosAndValues .container_8{width:100%;margin:0}.photosAndValues .grid_8{width:100%;margin:0}.photosAndValues .from1to2{width:50%}.photosAndValues .from3to2{width:50%}.photosAndValues .from3to4{width:100%}.photosAndValues .from2to3{width:75%}.summary{width:100%;text-align:left}.summary-list{width:100%;text-align:center}.summary-list li{border-bottom:0 solid #ccc;float:left;text-align:left;width:100%}.summary-list li p{padding-bottom:10px;text-align:left}.summary-wrapper .ui-tabs .ui-tabs-nav li a{font-size:24px}.summary-wrapper .ui-tabs .tab-ul{height:55px}.service-page h2{font-size:42px}

.service-page .services-together{width:80%}.service-page .services-pyramid{width:100%}.service-page .services-process{width:100%}

.service-page .services-success{width:100%}.summary-section p.subtitle{margin-bottom:40px}.summary-section{padding-bottom:20px}.outcome-img{width:100%}

.artwork-img{width:100%}.technology-container h2.number{font-size:70px}.technology-container h2{font-size:35px}.ux-and-design-section .img-contaniner{width:90%}

.ux-and-design-section .img-contaniner img{width:100%}.testimonial-container h1,.technology-container h1{font-size:35px}

.article-nav.portfolio h2{font-size:25px;margin-top:15px}.case-study .hero-section .grid_3,.case-study .hero-section .grid_5{width:98%;text-align:center}

.case-study .hero-section img{width:90%;margin-left:auto;margin-right:auto;left:0;margin-top:20px}.case-study .title-section-image{width:48%}

.case-study .title-section-detail{width:48%;left:50%}.case-study .title-section .title-section-desktop{width:100%;margin-left:15px}

.case-study .title-section .title-section-mobile{width:150px;top:140px}.case-study .title-section{height:400px}

.case-study .title-section .scrolldown{margin-top:350px}.case-study .artwork-section-main .desktop{width:80%}.case-study .artwork-section-main .phone{width:180px;margin-left:0;right:0}.case-study .artwork-section-laptop .desktop{width:100%}.case-study .artwork-section-laptop .laptop{width:100%;position:static;margin-left:0;right:0}.case-study .title-section .breadcrumb{margin-bottom:0}.case-study .arrowTitleContainer .grid_percent .inner{padding:5%;border:none}.summary-section-v2 h2{font-size:26px;font-weight:700;line-height:39px}.case-study-item .case-study-title{font-size:28px}.case-study-list-page .heading{padding-top:100px}#checkusout{top:0}#home .home-hero-banner .container{height:450px}#home .home-hero-banner img{width:86%}

#home .home-hero-banner h1{margin-top:0;}

#home .home-hero-banner h1 strong{font-size:80px}

#home .home-hero-banner h1 em{font-size:24px}

#nav-blog{height:65px;margin-top:0;}.service-page-v2 .page-bc-section{display:none}

.service-page-v2 .page-section-nav-list{display:none}.service-page-v2 .page-section-nav-dropdown{display:block;padding-top:20px;z-index:9}

.service-page-v2 .page-section-nav{background-color:#009dd8}}

@media(max-width:680px){.show-your-love p.second{font-size:18px;line-height:21px}.show-your-love.on .arrow{width:40px}

#contact-us-wrapper-v2 .contact-us-content .grid_left,#contact-us-wrapper-v2 .contact-us-content .grid_right{float:none;display:block;width:auto;min-height:0;margin:0 auto;text-align:center;padding:0}#contact-us-wrapper-v2 .contact-us-content .inner,#contact-us-wrapper-v2 .contact-us-content .inner{padding:40px 20px}#contact-us-wrapper-v2 .contact-us-content .grid_left{border-width:0 0 1px}#contact-us-wrapper-v2 .contact-us-content .grid_right{border-width:0}#contact-us-wrapper-v2 .contact-us-content .or{display:none}#contact-us-wrapper-v2 .contact-us-content .contact-form-container{margin:0 auto}}@media only screen and (min-width:521px) and (max-width:600px){.summary-section-v2 h2{font-size:26px;font-weight:700;line-height:34px;margin-top:20px;text-align:center}


.summary-section-v2 h2 br{display:none}.summary-section-v2 .summary-block{float:none}

.summary-section-v2 .grid_3{float:none;width:auto}.summary-section-v2 .btn-learn-more{text-align:center}}

@media only screen and (min-width:0) and (max-width:520px){.uibutton{border-radius:5px}.uibutton.special{font-size:1.2em!important;padding-right:0;padding-left:0}
.uibutton.mobile-button{width:100%;text-align:center;display:inline-block;margin:20px 0}

.uibutton.mobile-button.icon:before{right:10px}.paragragh{margin-top:20px}.mobile-section{float:left;width:100%;margin-left:0;margin-right:0}

.full-container-device .container_8{width:100%;margin-left:0;margin-right:0}.full-container-device .container_8 .grid_8{width:100%;margin-left:0;margin-right:0}

.text-link.icon.arrowDown i{top:8px}h2.title{font-size:34px}.full-grid-mobile{margin-left:0;margin-right:0;width:100%}.call-to-action-button-section{padding:20px 0}

.section{opacity:1}.uibutton.icon:before{display:none}

select{width:100%;height:45px;padding:10px 10px!important;margin:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:transparent url('select-bg.png') repeat-x!important;color:#4b4b4b!important;border-width:0;border-style:solid;border-color:#e1e1e1 #c1c1c1 #848484;outline:none;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;float:left}label.select{text-transform:uppercase;display:block;margin-bottom:5px;width:100%;float:left}label.select::before{content:"";position:absolute;width:30px;height:43px;background:#fff url('select-bg.png') repeat-x;top:0;z-index:2;pointer-events:none;right:10px}label.select::after{content:"";position:absolute;right:15px;width:11px;height:18px;background:transparent url('select-arrow.png') no-repeat;top:16px;z-index:3;pointer-events:none}#johnston-logo{width:120px;margin-bottom:5px;float:left;top:7px}#johnston-logo-white{display:none}

.arrowTitleContainer h3{font-family: PT Sans Narrow, Arial, sans-serif;font-weight:500;}

.arrowTitleContainer a>i{top:10px}

#home .home-hero-banner .container{height:350px}

#home .home-hero-banner{min-height:320px}

#home #checkusout{display:none}#home .home-hero-banner img{width:100%;margin-top:40px}

#home .home-hero-banner h1 strong{font-size:50px; line-height:44px;}#home .home-hero-banner h1{margin-top:40px;line-height:1em}

#home .home-hero-banner h1 em{font-size:18px;height:55px;overflow:hidden;display:inline-block}

#home .home-hero-banner h1 span{font-size:18px;height:55px;overflow:hidden;display:inline-block;margin-top:40px}


#home p.sub-headline{text-align:center}#home .ordinary-article-list{display:none}#pageOffset.on{height:0}#header{position:fixed;top:0;left:0;width:100%;height:70px;line-height:70px;border-bottom:1px solid #ccc;min-width:320px}#header .header-stripe{display:none}#header .header-contact-handle{display:none}

#header.sticky #johnston-logo-white{margin-top:5px;width:auto}#header.sticky{position:fixed}


#header .johnston-logo-container{margin-top:0}








#menuBtn img{width:45px}#main-banner-wrapper{margin-top:0}#main-banner-wrapper .main-banner{margin-top:0}#main-banner-wrapper .main-banner h1{line-height:1.2em}

#main-banner-wrapper .main-banner h1 em{font-size:.6em}

#main-banner-wrapper .main-banner{height:220px;background:transparent url('mobile_mian_banner.jpg') no-repeat center;margin-top:-20px}

#main-banner-wrapper .main-banner h1{margin-top:80px;color:#fff}

#what-we-offer .arrowTitleContainer h3{text-align:center!important;margin-bottom:1em}

#what-we-offer .grid_percent.first,#what-we-offer .grid_percent.second{border-bottom:1px #e8e8e8 solid}

#what-we-do{float:left;display:block;text-align:left!important}

#what-we-do>h1{margin-top:20px}

#what-we-do h3{margin-bottom:1em;text-align:center!important}

#what-we-do .second{border-left:none;border-right:none;border-top:1px #e8e8e8 solid;border-bottom:1px #e8e8e8 solid}#product-category-area .grid_percent.second{border:none}#home .blog-list-wrapper{border-top:1px #e8e8e8 solid}#cross-platform-section{height:400px;background-position:50% 200px}

#cross-platform-section h2{font-size:2em}#cross-platform-section h1{margin-top:80px}

home-service-section{height:400px;background-position:50% 200px}home-service-section h1{margin-top:140px}

#johnstonBlogHippo{width:50px;margin-left:5px;top:-5px}#johnston_twitter{float:none;display:block;margin-left:auto;margin-right:auto;margin-bottom:10px}

#portfolio-section .slide{height:520px}

#portfolio-section .sammy .text{top:30px;width:80%}

#portfolio-section .sammy .device{right:-30%;width:90%;top:250px}

#portfolio-section .zoey .text{top:30px;width:90%}
#portfolio-section .zoey .device{width:100%;top:250px}

#portfolio-section .brodster .text{top:30px;width:90%}
#portfolio-section .brodster .device{width:100%;top:250px}#portfolio-section .uibutton{top:390px!important}

#portfolio-section #portfolio-prev,#portfolio-section 

#portfolio-next{top:180px;display:block;}

#portfolio-section #portfolio-prev{left:0;opacity:.3}

#portfolio-section #portfolio-next{right:0;opacity:.3}

#product-category-area .grid_percent.first .inner{padding-top:20px}

#product-category-area .grid_percent.third .inner{padding-top:20px}#product-category-area .grid_percent .inner{padding-left:0;padding-right:0;text-align:center}

#product-category-area-img{height:480px;background:transparent url('johnston_office_bg_mobile.jpg') no-repeat center top;background-position:inherit}

#product-category-area-img h2{margin-top:30px}#product-category-area-img p{font-size:30px;line-height:1.2em}#home .work-with-section{margin-top:0}.work-with-section ul li{width:20%;margin:0}.work-with-section ul li img{width:80%;vertical-align:middle}.work-with-section ul li a{height:auto;margin-top:20px;display:table-cell;vertical-align:middle;width:100%}#footerWrapper{padding:0 0 0 0;margin:0}#footerContactWrapper{padding-top:30px}#footerContactWrapper #footer_locations .grid_2{width:auto;text-align:left;border:0}#footerContactWrapper #footer_locations h2{display:inline;font-size:2em}#footerContactWrapper #footer_locations a{float:right}#footerContactWrapper #footer_locations a h4{color:#0f97c6}#footerContactWrapper h2.connectwithus{text-align:center;display:block;font-size:1.5em;width:100%;margin:0;margin-top:20px}

#footerContactWrapper .footer_copyright p{font-size:1em}#footerContactWrapper .footer_copyright ul{width:100%;float:left;margin-bottom:20px}


#footerContactWrapper .footer_copyright ul li{float:left}#footerContactWrapper .footer_copyright ul li.last{float:right;margin-right:0}

#footerContactWrapper *{text-align:center}#footerContactWrapper .col-1r .inner{border:none;padding:20px 0}#footerContactWrapper .footer-logos{float:left;width:100%;text-align:center;margin:0}#footerContactWrapper .footer-logos .inner{padding:20px 0}#footerContactWrapper .footer-logos img{float:none;margin:10px;width:80%}#footerContactWrapper .col-1r a{font-size:28px;top:2px}#footerWrapper .directorynav h5{margin-bottom:10px}#footerWrapper .directorynav ul li{padding:0}#footerWrapper .directorynav ul li a{padding:10px 0;display:block;text-align:center}#footerWrapper .directorynav-col-1{padding:30px 0}#footerWrapper .directorynav-col-1 .clientLogin{margin-top:40px}

#footerWrapper .newyorkOffice{text-align:center}#footerWrapper .contactWidget{display:none;width:auto;margin-top:-70px;margin:0;padding:0;height:auto}#footerWrapper .contactWidget .padding{padding:20px 20px 20px}#footerWrapper .contactWidget h5{text-align:center;margin-bottom:10px}#footerWrapper .contactWidget h5 .phoneNumber{display:inline-block;margin-left:10px}


#footerWrapper .contactWidget h5 .phoneNumber:before{content:"- "}#footerWrapper .contactWidget #contactForm li{width:100%}#footerWrapper .contactWidget .input-wrapper input[type=text]{width:100%;padding-left:90px}#footerWrapper .contactWidget .input-wrapper textarea{width:100%}#footerWrapper .contactWidget .uibutton.enquiry{width:100%;font-size:1.6em}#map_canvas:before{width:100%!important;height:800px;float:left;min-height:500px;position:absolute;display:block;float:left;top:0;opacity:0}#footerWrapper .tel-block{text-align:center;padding:0}#footerWrapper .tel-block .footer-logo{text-align:center;margin:20px 0}#footerContactWrapper .col-1l .inner{padding-right:0}#portfolio-grid-title{text-shadow:0 0 7px #000}#portfolio-grid-title h1{font-size:3.5em}#portfolio-grid-title h2{font-size:2em;margin-top:10px}#full-service-agency{height:230px;background-image:url('full-service-agency-bg-mobile.jpg')}#full-service-agency h1{margin-top:50px}#service-title-section h1{margin-bottom:0}.our-key-client .client-logo-container img{width:80%}.our-key-client ul li{width:25%!important}.our-key-client ul li.first{display:none}.our-key-client ul li a{border:none}#what-we-do-for-our-clients{padding-top:20px;padding-bottom:20px}#what-we-do-for-our-clients h1{font-size:2.2em}#nav-service{top:0!important;position:relative!important;display:none}#nav-service .grid_8{width:100%;margin:0}#blog{float:left}#nav-blog{margin-top:0;float:left;height:auto;background:none;border:none}#nav-blog .selectTagContainer{width:100%;float:none}#nav-blog .selectTagContainer select{width:100%;float:none}#nav-blog .inputSearchBlog-blog{float:none;margin-left:0;margin-right:0}#nav-blog .selectTagContainer select{color:#333}#nav-blog .selectTagContainer select option{background:none}.header-pager{width:100%;background:none;float:left;padding-left:0;padding-right:0;border-top:1px solid #e8e8e8}.header-pager .previousBtn,.header-pager .nextBtn{width:50%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.header-pager .nextBtn{border-left:1px #ccc solid}.header-pager .previousBtn span{float:right}.header-pager .nextBtn .nextArticle{display:none}.header-pager .nextBtn .inner{background:none;padding:0}.header-pager .nextBtn .inner span{top:5px}.header-pager .nextBtn:hover{background:#009dd8}.follow-johnston{float:left;width:100%}.follow-johnston .keep-up-to-date{display:none}.follow-johnston .grid_8{margin-top:30px;margin-bottom:40px;border:none;text-align:center;width:auto}.follow-johnston .johnstonBlog-small{width:236px;left:auto;margin-left:auto;margin-right:auto;float:none}.blog-article-wrapper .grid_left{width:100%!important}.blog-article{float:left;width:100%}.blog-article img.featured{width:100%}.blog-article{padding-right:0}.blog-article-wrapper .grid_left{border:none}.blog-article .headline{margin-top:0}.blog-article .postmetadata{height:auto;width:210px;margin-left:auto;margin-right:auto;float:none;width:100%}.blog-article .postmetadata .data{display:inline;float:left}.blog-article .postmetadata .date{width:130px}


.blog-article .postmetadata .date *{width:auto;margin-right:5px;text-align:center}.blog-article .postmetadata .month{margin-top:25px}.blog-article .postmetadata .year{margin-top:25px}.blog-article .postmetadata .day{font-size:16px}.blog-article .data .tag{display:block;margin-left:0}.blog-article img{width:100%!important;height:auto!important}.blog-article p.reference{padding:.25em 0 .25em 20px}.blog-article h1,.blog-article h2{text-align:left}.article-nav{display:none}.article-nav.portfolio{display:inline-block}.shareArticle{width:100%;margin-bottom:20px}.shareArticle li{width:auto;margin-right:10px;float:right}.shareArticle p{display:inline;float:left;margin-top:5px;margin-left:5px}.header-more-blogs.more{display:none}.header-more-blogs.about{display:none}.more-blogs-wrapper .aboutContainer .inner{padding:20px}.blog-article-wrapper .grid_right{float:left;width:100%}.more-blogs-tab{float:left;top:0;margin-top:10px}.more-blogs-tab ul.topiclist{margin-top:0}.more-blogs-tab ul.topiclist .article{padding:0}.more-blogs-tab ul.topiclist .article .date{display:inline}.more-blogs-tab ul.topiclist .article .headline{width:auto}.more-blogs-tab ul.topiclist li.first .article i{display:none!important}.more-blogs-tab .ui-tabs-nav{left:0}.more-blogs-tab ul.topiclist .article p{max-height:none}.ui-tabs .ui-tabs-nav li a{padding:.5em 1em!important;font-weight:700;width:auto}.ui-tabs .ui-tabs-panel{border-top:5px solid #000!important}.ui-tabs .ui-tabs-nav li.ui-state-active a{background:#000;color:#fff}.ui-tabs .ui-tabs-nav li.ui-state-active{border-color:#000;background-color:#000}.author{margin-right:10px}.johnstonBlog-hippo img{width:236px;top:-20px}.blog-list-wrapper .container_8,.blog-list-wrapper .grid_8{width:100%;margin-left:0;margin-right:0}.blog-list-wrapper .article.hero .article-img{width:100%;height:auto}.blog-list-wrapper .article.hero .article-img img{width:100%;height:auto}.blog-list-wrapper .header-featured-blogs{display:none}.blog-list-wrapper .article.hero p{font-size:16px;line-height:1.5em}.blog-list-wrapper .grid_left,.blog-list-wrapper .grid_right{width:100%}.blog-list-wrapper .grid_right{margin-top:0}.blog-list-wrapper .featured-article-list .article{border-bottom:1px #e5e5e5 solid!important}.blog-list-wrapper .featured-article-list .article.last{border-bottom:none!important}.blog-list-wrapper .featured-article-list .article .article-img img{width:100%!important;height:auto!important}.blog-list-wrapper .featured-article-list .article.featured .article-img{width:25%!important;height:auto!important}.blog-list-wrapper .featured-article-list .article.featured .detail{top:0}.blog-list-wrapper .article .headline{max-height:none;font-size:24px!important;margin-bottom:auto!important}.blog-list-wrapper .featured-article-list .article .detail .inner .article-title{height:auto}.blog-list-wrapper .featured-article-list .article .detail .inner{padding-left:20px;padding-top:10px;padding-right:0}.blog-list-wrapper .featured-article-list .article .detail h2.headline{margin-top:0;font-size:18px;line-height:1.2em;margin-bottom:0}


.blog-list-wrapper .featured-article-list .article .detail p{font-size:14px;line-height:25px;max-height:70px}.blog-list-wrapper .featured-article-list .article{height:auto!important}.blog-list-wrapper .featured-article-list .article .detail{height:auto}.blog-list-wrapper .featured-article-list .article.highlight .article-img img{width:100%!important;height:auto;min-height:0;min-width:0}.blog-list-wrapper .featured-article-list .article.highlight .article-img{width:25%!important;height:auto;float:left}.blog-list-wrapper .featured-article-list .article .detail .postmetadata{height:50px;border:none!important}.blog-list-wrapper .featured-article-list .article.last .detail .postmetadata{height:auto!important}.blog-list-wrapper .featured-article-list .article .detail i{display:none}.blog-list-wrapper .postmetadata .date{width:100%}.ordinary-article-list ul.topiclist .article{margin-left:0}.ordinary-article-list ul.topiclist .article .inner{padding:20px 20px 20px 0}ul.topiclist .article .inner{padding:15px 20px 15px}.blog-list-pager .grid_8{margin:0}.blog-list-pager .pagination .next{padding-right:15px}

.blog-list-pager .pagination .prev{padding-left:15px}.blog-list-pager .pagination .prev,.blog-list-pager .pagination .next{width:50px}

.blog-list-wrapper .grid_right .ordinary-article-list{margin:0;margin-left:0!important}.blog-list-wrapper .ordinary-article-list .article{width:100%;float:left;border-bottom:1px solid #e8e8e8}.blog-list-wrapper .article.highlight .headline{max-height:none}.blog-list-wrapper .ordinary-article-list .article.featured{height:auto;float:none;padding:0}.blog-list-wrapper .ordinary-article-list .article.featured .detail{float:left}.blog-list-wrapper .ordinary-article-list .article.featured .article-img,.blog-list-wrapper .ordinary-article-list .article.featured .article-img img{height:auto;width:100%}.blog-list-wrapper .ordinary-article-list .article .detail{float:left;width:auto;height:auto}.blog-list-wrapper .ordinary-article-list .article .detail .inner{padding:4%}.blog-list-wrapper .ordinary-article-list .article .detail i{display:none}.blog-list-wrapper .ordinary-article-list .article.highlight{height:auto}.blog-list-wrapper .ordinary-article-list .article.highlight .article-img,.blog-list-wrapper .ordinary-article-list .article.highlight img{display:none}.blog-list-wrapper h1,.blog-list-wrapper p.intro{text-align:center}

.blog-list-wrapper .ordinary-article-list .article .inner{padding:4%}.blog-listing .blog-list-wrapper .ordinary-article-list .article .inner{padding:4%;float:left}.blog-list-wrapper .ordinary-article-list .article .headline>i{margin-right:0}.blog-list-pager .pagination .prev span{display:none!important}.blog-list-pager .pagination .next span{display:none!important}.author_img img{-webkit-border-radius:50%;border-radius:50%}.blog-header{text-align:center;height:180px;margin-top:10px;border-bottom:none}.blog-header .img_hippo_sketch{display:none}

.blog-header .img_johnstonBlog{position:relative;float:none;left:auto;width:200px}.blog-header .keep-up-to-date{display:none}.blog-header .followBtnWrapper{position:relative;float:none;left:auto;top:auto;width:auto;top:-10px;right:auto}.blog-header .followBtnWrapper p{margin-bottom:15px;padding:0;top:15px}.blog-header.widget{text-align:center}.blog-header.widget .followBtnWrapper{left:auto;top:auto;float:none;margin:auto;position:relative;text-align:center}.blog-list-wrapper .postmetadata{width:20%}.blog-list-wrapper .article .detail .inner .article-title{width:70%!important;margin-left:5%!important}.blog-header.widget .keep-up-to-date{left:auto}.blog-header.article .inner{text-align:center}.blog-header.article .keep-up-to-date{top:0}.blog-header.article .followBtn{display:inline-block}.blog-header.article{text-align:center;height:150px}.blog-header.article .followBtnWrapper{left:auto;top:auto;float:none;margin:auto;position:relative;text-align:center;width:280px}.blog-header.article .followBtnWrapper p{display:inline;float:left;top:15px;margin-right:15px}.blog-list-wrapper .article .detail .inner .article-title .author,.blog-list-wrapper .article .detail .inner .article-title .tag a{font-size:10px}.blog-list-wrapper .article .detail .headline{margin-top:0}

.blog-list-wrapper .short .article .detail h2.headline{max-height:none}.blog-list-wrapper .grid_left{border-right:none}.blog-list-wrapper .short .article .detail .inner{height:auto}.blog-list-wrapper .short .article .detail p{max-height:none}.blog-page-title{text-align:center;margin-top:10px}.blog-page-title .author_info{margin-left:0}.article-body{width:100%!important}.blog-article .postmetadata .author_img{float:left;width:45px;height:45px}.show-your-love{text-align:center;padding-top:40px}.show-your-love .inner{padding:10px 30px}.show-your-love .arrow{display:none;top:80px;right:auto!important;width:30px!important;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}.show-your-love .fb-like-wrapper{right:auto;position:relative;background:none;padding-bottom:40px;top:0}#nav-blog .inputSearchBlog-blog{width:100%;border:1px solid #ccc;border-radius:5px}.inputSearchBlog.text{height:43px}#nav-blog .selectTagContainer{margin-bottom:0}#nav-blog .selectTagContainer{margin-top:20px}

.blog-listing h3{text-align:left;font-size:30px}.portfolio .grid_left,.portfolio .grid_right,.grid_percent{width:100%!important;top:0!important;margin-right:0;margin-left:0;overflow:hidden}.portfolio .grid_right{border:none}.grid_percent.p50{width:50%}.container_8.full-device{width:100%;margin-right:0;margin-left:0}.container_8.full-device .grid_8{width:100%;margin-right:0;margin-left:0}.portfolio-danmurphy-title{width:80%;float:none;margin-right:20px;right:0}.portfolio .cudoman{width:70%;margin-top:-85%}.portfolio-listitem .thumb{overflow:hidden}.portfolio-listitem.mastercard .thumb{overflow:visible}.portfolio-listitem.mastercard .creditcard{margin-top:-390px;left:20px;-webkit-transform:rotate(0deg);-moz-transform:rotate(-0deg);-o-transform:rotate(-0deg);-ms-transform:rotate(-0deg);width:250px}.portfolio-listitem .detail{height:auto!important}.portfolio-listitem.mastercard i{height:15px;width:30px;float:left;background-image:url('article_arrowup.png');margin-top:-15px;left:0;margin-left:30px}.portfolio-listitem .detail.small .uibutton{display:none}.portfolio-listitem p{margin-bottom:15px;max-height:none}#contact-us-wrapper-v2 .contact-us-content .contactWidget label{float:none;display:block;padding:0 10px;text-align:left}#contact-us-wrapper-v2 .contact-us-content .contactWidget .buttonWrapper{margin:0}#contact-us-wrapper-v2 .contact-us-content .contactWidget .buttonWrapper img{vertical-align:middle;margin:-4px 0 0;display:inline-block}#contact-us-wrapper-v2 .contact-us-content .phone{margin:25px auto 15px}#contact-us-wrapper-v2 .full-width-photos-row strong,#contact-us-wrapper-v2 .full-width-photos-row span{display:block}.contactWidget .input-wrapper label{top:10px;position:absolute}.error-page .links .container_8,.error-page .links .grid_8{width:100%;margin:0}.error-page .links ul li a i{display:none}.error-page .links ul li{width:33.3%}.error-page .links ul li:nth-child(3n){border-right:1px solid #7fcbe5}.error-page .links ul li.bt{border-top:1px solid #7fcbe5}

.error-page .title h1{line-height:1em}.error-page .title img{top:0!important}.error-page .title h2{font-size:28px}.error-page .title h2 em{font-size:inherit;display:inline}.error-page .title-section{padding-top:0!important}.error-page .call-us h2{font-size:30px}.error-page .call-us h2 a{font-size:40px;display:block;line-height:1.5em}.error-page .cat{background:#000 url(cat-mobile.jpg) center top no-repeat;height:320px}.error-page.error .johnstonLogo{width:auto}.error-page.error .title h1{font-size:100px}.error-page.error .title h2{font-size:28px;line-height:1.5em}.error-page.error .title h2 em{font-size:70px;display:block}.error-page.error .rob{background:#000 url(error-mobile.jpg) center bottom no-repeat;height:249px}



.thejohnstonDifference .second{height:auto;border:none;border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8}




.thejohnstonDifference .hippo{width:60%;margin-left:auto;margin-right:auto}.whoWeAre .grid_percent{border:none}


.whoWeAre .article .inner{padding:0;margin-top:20px}.whoWeAre h6.people{margin-bottom:2em}


.whoWeAre .postmetadata{text-align:center}.about-page .title-section .container{width:100%;left:0;top:0}

.about-page .title-section .container h2{font-size:18px!important}

.about-page .title-section .container *{padding-left:8%;padding-right:8%;margin-top:0}

.about-page .title-section{height:150px;background-image:url(about-hero-bg-mobile.jpg);background-size:auto}


.jobItem-wrapper .title p{display:none}.jobItem-wrapper .title h2{width:50%;float:none;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.jobItem-wrapper .title span{float:none;margin-top:20px;text-align:right;width:40%;height:50px;padding-right:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.jobItem-wrapper .content{background:none}.jobItem-wrapper .content .grid_left{width:100%}.jobItem-wrapper .content .grid_right{width:100%;padding-left:0;border-left:0 solid #e8e8e8}.jobItem-wrapper .content .grid_left .container{width:100%}.jobItem-wrapper .content .grid_right .container{width:100%}.jobItem-wrapper .content .grid_right .container>.inner{padding:5%}

.jobItem-wrapper .content .grid_left .container>.inner{padding:5%}.contactWidget.career{margin-bottom:20px}.contactWidget.career .padding{padding:20px}.contactWidget.career h2{font-size:24px;margin-top:0}.photosAndValues .grid_percent.text{text-align:center;height:auto}.photosAndValues .container_8{width:100%;margin:0}.photosAndValues .grid_8{width:100%;margin:0}.photosAndValues .grid_percent{border-width:0}.photosAndValues .row{border-width:0}.summary-wrapper h2{font-size:34px;margin-top:40px}.summary{text-align:center}.summary-list{text-align:center}.summary-list li{padding:15px;list-style:none}.summary-list li p{border-bottom:none;padding-left:15px;left:-15px;line-height:1em;top:0}

.call-to-action-button-grid{padding:0;text-align:center}.summary-wrapper .ui-tabs .ui-tabs-panel{border:none!important}.summary-wrapper .ui-tabs .tab-ul{height:auto}.service-page h2{font-size:34px}.service-page .work-with-section{padding-bottom:40px}.service-page .services-together-mobile{width:80%;max-width:250px}.summary-section p.subtitle{margin-bottom:40px}


.summary-section{padding-bottom:10px}.service-page .services-pyramid{width:80%;max-width:250px}.service-page .services-process{width:80%;max-width:180px;margin:40px 0}

.service-page .services-success{width:100%;margin:40px 0}.service-page-v2 h2 br{display:none}.service-page-v2 .title-section p{text-align:left;margin:0 auto 20px}

.summary-section-v2 .summary-block .subtitle{font-size:26px}.summary-section-v2 .summary-block{float:none}

.summary-section-v2 .summary-block p{margin:0 auto 20px}

.service-page-v2 .page-bc-section{top:0}.outcome-img{width:100%}.artwork-img{width:100%}.technology-container .grid_percent.first{padding-right:0}

.technology-container .grid_percent.last{padding-left:0}

.technology-container .grid_percent{text-align:center}.technology-container h2{margin-bottom:0;margin-top:20px}.ux-and-design-section p{height:3.5em}

.project-nav{display:none}.article-nav.portfolio h2{font-size:25px;margin-top:15px}.case-study .title-section{text-align:center;padding-top:0;height:auto}

.case-study .title-section .breadcrumb{text-align:left}


.case-study .title-section .title-section-desktop{width:90%;margin:auto;position:relative}.case-study .title-section .title-section-mobile{display:none}

.case-study .title-section-image{position:relative;float:left}.case-study .title-section-detail{width:100%;left:0;position:relative;margin:20px auto}.case-study .title-section .scrolldown{position:relative;margin-top:60px;float:left;width:100%;margin-bottom:-60px}.case-study .title-section p{margin-top:20px}

.case-study .project-overview h5{margin-bottom:20px}.case-study .artwork-section-main .desktop{position:relative;width:100%}.case-study .artwork-section-main .phone{margin:20% 20% 0;width:60%;position:relative}.case-study .artwork-section-laptop .desktop{position:relative;width:100%}.case-study .artwork-section-laptop .laptop{width:100%;position:static;margin-left:0;right:0}.case-study .project-overview .scrolldown{width:100%;margin:0}.case-study .arrowTitleContainer{text-align:center}


.case-study .arrowTitleContainer .inner{padding-top:10px;padding-bottom:10px}.client-list #client-carousel .slick-prev{width:32px;left:0;background:url(case-study-blue-left-mobile.png) no-repeat 0 0}


.client-list #client-carousel .slick-next{width:32px;right:0;background:url(case-study-blue-right-mobile.png) no-repeat 0 0}

.case-study-img:after{bottom:0}.case-study-item.featured .case-study-img img{display:none}

.case-study-item.featured .case-study-img img.mobile{display:block}.case-study-item .case-study-title{text-align:center;font-size:21px;margin-top:15px}

.case-study-list-page h1{font-size:34px}.hiring-banner{padding-top:0}.hiring-banner .container_8{margin:0 auto!important;padding:0 10px}

.hiring-banner h4{font-size:24px}.hiring-banner p{font-size:21px;text-align:center}#footerWrapper .socialBtnContainer{width:100%;text-align:center}

#footerWrapper .socialBtnContainer li{float:none}#footerWrapper .footnote{text-align:center}#footerWrapper p.connectwithus{margin:0;line-height:1}}

#container.orange-btns .uibutton.special{background-color:#ffae1e!important;color:#fff!important}

#container.orange-btns .uibutton.special:hover{background-color:#fba100!important}#container.orange-btns #header #nav-internal .contact-us{background:#ffae1e}

#container.orange-btns #header #nav-internal .contact-us:hover{background-color:#fba100}#menuBtn .text{display:none}

#menuBtn.border-only{line-height:1;text-align:center;margin-top:13px;border:solid 1px #009dd8;border-radius:3px;padding:10px 5px 7px}

#menuBtn.border-only .inner .stripe{text-align:center;margin-left:auto;margin-right:auto}

#menuBtn.text-border-stripe{line-height:1;text-align:center;margin-top:8px;border:solid 1px #009dd8;border-radius:3px;padding:7px 5px}

#menuBtn.text-border-stripe .inner .stripe{text-align:center;margin-left:auto;margin-right:auto}#menuBtn.text-border-stripe .text{display:inline;padding-top:5px;font-size:11px}

#menuBtn.text-only{margin-top:11px;line-height:1;width:60px}#menuBtn.text-only .inner{display:none}

#menuBtn.text-only .text{display:block;border:solid 1px #009dd8;border-radius:3px;padding:15px 0;text-align:center;font-weight:bold;text-transform:uppercase}

@media only screen and (min-width:0) and (max-width:520px){.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8{margin-left:20px;margin-right:20px}

.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:center}

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

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}

blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}body{min-width:320px}

h1{font-size:55px}h2{font-size:34px}h3{font-size:23px}h4{font-size:21px}h5{font-size:18px}h6{font-size:13px}p{line-height:1.5em;padding:0 0 8px 0}h2,h3,h4,h5,h6{line-height:1.4em}

h1{padding:0 0 10px 0;margin-top:20px;line-height:1.2em;font-size:34px}

h2{padding:0 0 8px 0;margin-top:20px}h1,h2,h3,h4,h5,h6{text-align:center;font-weight:bold;}

h2.title{font-family: PT Sans Narrow, Arial, sans-serif;}

ul{margin-top:20px}.useList ul li{line-height:1em}ul.list li{line-height:1.5em}

ul.list-paragraph li{margin-bottom:10px}

blockquote{font-family:'Merriweather',Arial,Sans-Serif;margin:2em 0;padding:.25em 40px;line-height:1.45;position:relative;color:#282223;font-weight:700}

blockquote:before{display:block;content:"“";font-size:50px;position:absolute;left:0;top:0;color:#f24311}

blockquote cite{color:#999;font-size:14px;display:block;margin-top:5px}blockquote cite:before{content:"—?"}

.breadcrumb{display:none}.visible-phone{display:block}.visible-tablet{display:none!important}.visible-desktop{display:none!important}

.visible-largerdesktop{display:none!important}.hidden-phone{display:none!important}.hidden-tablet{display:block}.hidden-desktop{display:block}

.hidden-largerdesktop{display:block}}@media only screen and (min-width:521px) and (max-width:880px){.container_8{width:92%;margin-left:4%;margin-right:4%}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8{display:inline;float:left;position:relative;margin-left:1%;margin-right:1%}

.alpha{margin-left:0}.omega{margin-right:0}.container_8 .grid_1{width:10.5%}.container_8 .grid_2{width:23%}.container_8 .grid_3{width:35.5%}

.container_8 .grid_4{width:48%}.container_8 .grid_5{width:60.5%}.container_8 .grid_6{width:73%}.container_8 .grid_7{width:85.5%}.container_8 .grid_8{width:98%}

.container_8 .prefix_1{padding-left:12.5%}.container_8 .prefix_2{padding-left:25%}.container_8 .prefix_3{padding-left:37.5%}.container_8 .prefix_4{padding-left:50%}

.container_8 .prefix_5{padding-left:62.5%}.container_8 .prefix_6{padding-left:75%}.container_8 .prefix_7{padding-left:87.5%}.container_8 .suffix_1{padding-right:12.5%}

.container_8 .suffix_2{padding-right:25%}.container_8 .suffix_3{padding-right:37.5%}.container_8 .suffix_4{padding-right:50%}.container_8 .suffix_5{padding-right:62.5%}

.container_8 .suffix_6{padding-right:75%}.container_8 .suffix_7{padding-right:87.5%}.container_8 .push_1{left:12.5%}.container_8 .push_2{left:25%}

.container_8 .push_3{left:37.5%}.container_8 .push_4{left:50%}.container_8 .push_5{left:62.5%}.container_8 .push_6{left:75%}

.container_8 .push_7{left:87.5%}.container_8 .pull_1{left:-12.5%}.container_8 .pull_2{left:-25%}.container_8 .pull_3{left:-37.5%}

.container_8 .pull_4{left:-50%}.container_8 .pull_5{left:-62.5%}.container_8 .pull_6{left:-75%}.container_8 .pull_7{left:-87.5%}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}

.clearfix{display:block}.visible-phone{display:none!important}.visible-desktop{display:none!important}.visible-tablet{}.visible-largerdesktop{display:none!important}.hidden-phone{}

.hidden-tablet{display:none!important}.hidden-desktop{}.hidden-largerdesktop{}}

@media only screen and (min-width:881px) and (max-width:1000px){.container_8{width:92%;margin-left:4%;margin-right:4%}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8{display:inline;float:left;position:relative;margin-left:1%;margin-right:1%}

.alpha{margin-left:0}.omega{margin-right:0}.container_8 .grid_1{width:10.5%}.container_8 .grid_2{width:23%}.container_8 .grid_3{width:35.5%}

.container_8 .grid_4{width:48%}.container_8 .grid_5{width:60.5%}.container_8 .grid_6{width:73%}.container_8 .grid_7{width:85.5%}.container_8 .grid_8{width:98%}

.container_8 .prefix_1{padding-left:12.5%}.container_8 .prefix_2{padding-left:25%}.container_8 .prefix_3{padding-left:37.5%}

.container_8 .prefix_4{padding-left:50%}.container_8 .prefix_5{padding-left:62.5%}.container_8 .prefix_6{padding-left:75%}

.container_8 .prefix_7{padding-left:87.5%}.container_8 .suffix_1{padding-right:12.5%}.container_8 .suffix_2{padding-right:25%}

.container_8 .suffix_3{padding-right:37.5%}.container_8 .suffix_4{padding-right:50%}.container_8 .suffix_5{padding-right:62.5%}

.container_8 .suffix_6{padding-right:75%}.container_8 .suffix_7{padding-right:87.5%}.container_8 .push_1{left:12.5%}.container_8 .push_2{left:25%}

.container_8 .push_3{left:37.5%}.container_8 .push_4{left:50%}.container_8 .push_5{left:62.5%}.container_8 .push_6{left:75%}.container_8 .push_7{left:87.5%}

.container_8 .pull_1{left:-12.5%}.container_8 .pull_2{left:-25%}.container_8 .pull_3{left:-37.5%}.container_8 .pull_4{left:-50%}.container_8 .pull_5{left:-62.5%}

.container_8 .pull_6{left:-75%}.container_8 .pull_7{left:-87.5%}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.visible-phone{display:none!important}.visible-tablet{display:none!important}

.hidden-desktop{display:none!important}.visible-largerdesktop{display:none!important}.hidden-phone{display:inherit}.hidden-largerdesktop{display:inherit}

.hidden-tablet{display:inherit}.visible-desktop{display:inherit}}

@media only screen and (min-width:1000px){body{min-width:1000px}

.container_8{margin-left:auto;margin-right:auto;width:1000px}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8{position:relative}.alpha{margin-left:0}.omega{margin-right:0}



.container_8 .grid_1{width:105px}.container_8 .grid_2{//width:345px;width:300px;margin-right:55px;}




.container_8 .grid_3{width:355px}.container_8 .grid_4{width:480px}.container_8 .grid_5{width:605px}.container_8 .grid_6{width:730px}.container_8 .grid_7{width:855px}.container_8 .grid_8{width:980px}.container_8 .prefix_1{padding-left:125px}.container_8 .prefix_2{padding-left:250px}.container_8 .prefix_3{padding-left:375px}.container_8 .prefix_4{padding-left:500px}

.container_8 .prefix_5{padding-left:625px}.container_8 .prefix_6{padding-left:750px}.container_8 .prefix_7{padding-left:875px}.container_8 .suffix_1{padding-right:125px}.container_8 .suffix_2{padding-right:250px}.container_8 .suffix_3{padding-right:375px}.container_8 .suffix_4{padding-right:500px}.container_8 .suffix_5{padding-right:625px}.container_8 .suffix_6{padding-right:750px}.container_8 .suffix_7{padding-right:875px}.container_8 .push_1{left:125px}.container_8 .push_2{left:250px}.container_8 .push_3{left:375px}.container_8 .push_4{left:500px}.container_8 .push_5{left:625px}.container_8 .push_6{left:750px}.container_8 .push_7{left:875px}.container_8 .pull_1{left:-125px}.container_8 .pull_2{left:-250px}.container_8 .pull_3{left:-375px}.container_8 .pull_4{left:-500px}.container_8 .pull_5{left:-625px}.container_8 .pull_6{left:-750px}.container_8 .pull_7{left:-875px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\20';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}.visible-phone{display:none!important}

.visible-tablet{display:none!important}.visible-desktop{display:none!important}.visible-largerdesktop{display:block!important}.hidden-tablet{display:none}.hidden-desktop{display:none}.hidden-largerdesktop{display:none!important}}@media print{#header,#nav-blog,.blog-header,.more-blogs-wrapper,#footerWrapper,.shareArticle,.article-nav,.header-pager,#footerContactWrapper,#pageOffset,#gridsystem,.follow-johnston,.profiler-results{display:none}.article-body{width:75%!important}.article-body img{max-width:50%}.blog-article-wrapper .grid_left{border:none}}.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0!important;-webkit-border-radius:0 0 0 0!important;background:none!important;border:0!important;bottom:auto!important;float:none!important;height:auto!important;left:auto!important;line-height:1.1em!important;margin:0!important;outline:0!important;overflow:visible!important;padding:0!important;position:static!important;right:auto!important;text-align:left!important;top:auto!important;vertical-align:baseline!important;width:auto!important;box-sizing:content-box!important;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;font-weight:normal!important;font-style:normal!important;font-size:1em!important;min-height:inherit!important;min-height:auto!important}.syntaxhighlighter{width:100%!important;margin:1em 0 1em 0!important;position:relative!important;overflow:auto!important;font-size:1em!important}.syntaxhighlighter.source{overflow:hidden!important}.syntaxhighlighter .bold{font-weight:bold!important}.syntaxhighlighter .italic{font-style:italic!important}.syntaxhighlighter .line{white-space:pre!important}.syntaxhighlighter table{width:100%!important}

.syntaxhighlighter table caption{text-align:left!important;padding:.5em 0 .5em 1em!important}.syntaxhighlighter table td.code{width:100%!important}.syntaxhighlighter table td.code .container{position:relative!important}.syntaxhighlighter table td.code .container textarea{box-sizing:border-box!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;border:none!important;background:#fff!important;padding-left:1em!important;overflow:hidden!important;white-space:pre!important}.syntaxhighlighter table td.gutter .line{text-align:right!important;padding:0 .5em 0 1em!important}.syntaxhighlighter table td.code .line{padding:0 1em!important}.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0!important}.syntaxhighlighter.show{display:block!important}.syntaxhighlighter.collapsed table{display:none!important}.syntaxhighlighter.collapsed .toolbar{padding:.1em .8em 0 .8em!important;font-size:1em!important;position:static!important;width:auto!important;height:auto!important}.syntaxhighlighter.collapsed .toolbar span{display:inline!important;margin-right:1em!important}.syntaxhighlighter.collapsed .toolbar span a{padding:0!important;display:none!important}.syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline!important}.syntaxhighlighter .toolbar{position:absolute!important;right:1px!important;top:1px!important;width:11px!important;height:11px!important;font-size:10px!important;z-index:10!important}.syntaxhighlighter .toolbar span.title{display:inline!important}


.syntaxhighlighter .toolbar a{display:block!important;text-align:center!important;text-decoration:none!important;padding-top:1px!important}.syntaxhighlighter .toolbar a.expandSource{display:none!important}.syntaxhighlighter.ie{font-size:.9em!important;padding:1px 0 1px 0!important}.syntaxhighlighter.ie .toolbar{line-height:8px!important}.syntaxhighlighter.ie .toolbar a{padding-top:0!important}.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none!important}.syntaxhighlighter.printing .line .number{color:#bbb!important}.syntaxhighlighter.printing .line .content{color:#000!important}.syntaxhighlighter.printing .toolbar{display:none!important}.syntaxhighlighter.printing a{text-decoration:none!important}.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:#000!important}.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200!important}.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue!important}.syntaxhighlighter.printing .keyword{color:#069!important;font-weight:bold!important}.syntaxhighlighter.printing .preprocessor{color:gray!important}.syntaxhighlighter.printing .variable{color:#a70!important}

.syntaxhighlighter.printing .value{color:#090!important}.syntaxhighlighter.printing .functions{color:#ff1493!important}.syntaxhighlighter.printing .constants{color:#06c!important}.syntaxhighlighter.printing .script{font-weight:bold!important}.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray!important}.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493!important}.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red!important}.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:#000!important}.syntaxhighlighter{background-color:#fff!important}.syntaxhighlighter .line.alt1{background-color:#fff!important}.syntaxhighlighter .line.alt2{background-color:#fff!important}.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#e0e0e0!important}.syntaxhighlighter .line.highlighted.number{color:#000!important}.syntaxhighlighter table caption{color:#000!important}.syntaxhighlighter .gutter{color:#afafaf!important}.syntaxhighlighter .gutter .line{border-right:3px solid #6ce26c!important}

.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c!important;color:#fff!important}.syntaxhighlighter.printing .line .content{border:none!important}.syntaxhighlighter.collapsed{overflow:visible!important}.syntaxhighlighter.collapsed .toolbar{color:blue!important;background:#fff!important;border:1px solid #6ce26c!important}.syntaxhighlighter.collapsed .toolbar a{color:blue!important}.syntaxhighlighter.collapsed .toolbar a:hover{color:red!important}.syntaxhighlighter .toolbar{color:#fff!important;background:#6ce26c!important;border:none!important}

.syntaxhighlighter .toolbar a{color:#fff!important}.syntaxhighlighter .toolbar a:hover{color:#000!important}

.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:#000!important}.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#008200!important}

.syntaxhighlighter .string,.syntaxhighlighter .string a{color:blue!important}.syntaxhighlighter .keyword{color:#069!important}.syntaxhighlighter .preprocessor{color:gray!important}

.syntaxhighlighter .variable{color:#a70!important}.syntaxhighlighter .value{color:#090!important}.syntaxhighlighter .functions{color:#ff1493!important}

.syntaxhighlighter .constants{color:#06c!important}.syntaxhighlighter .script{font-weight:bold!important;color:#069!important;background-color:none!important}

.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:gray!important}.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#ff1493!important}

.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red!important}.syntaxhighlighter .keyword{font-weight:bold!important}

@media(max-width:880px){.hideme{display:none;} }
@media(max-width:520px){#portfolio-section .uibutton {display:none;} }
 
@media(max-width:520px){.hide520{display:none;} }
@media(min-width:521px)and (max-width:800px){.hide521{display:none;} }
@media(min-width:200px)and (max-width:1000px){.pad520{margin-top:100px;//display:none;} }
@media(min-width:200px)and (max-width:1000px){.padsmall520{margin-top:50px;//display:none;} }

@media(min-width:200px)and (max-width:579px){.hide579{display:none;} }

@media(min-width:200px)and (max-width:520px){.smalltoppad{display:none;} }







 







.hide520 {font-weight:700;text-transform:uppercase;font-size:24px;}
 
.grid_8 h4 {text-align:left;margin-bottom:5px;margin-top:28px;color:#131313;font-weight:bold;}
.grid_8 p {text-align:left;font-size:17px;color:#131313;}
.grid_8 ul {margin-bottom:30px;}
.grid_8 ul li  {text-align:center;font-size:17px;color:#131313;line-height:22px;}

.lastupdated {font-size:15px;color:#000000;text-align:left;margin-top:1px;margin-bottom:15px;font-style:italic;font-weight:bold;}


.wmal 
{ 
padding: 0 0 0 44px;
border-color: #ffffff;
margin-bottom:20px;
}

.wmal li {
    border-bottom: 2px solid #fff!important; 
padding: 0 0 4px 0; }

.wmal li.last {    border-bottom: 0px solid #ffffff; }
.wmal ul li.last {    border-bottom: 0px solid #ffffff; }
.wmal ul {    border-bottom: 0px solid #ffffff; }


.wmal li.first {
    border-bottom: 2px solid #fff!important; }

.wmal li.last {
    border-bottom: 2px solid #fff!important; }

.wmal li
{ 
list-style-type: square;
border-color: #ffffff;
margin: 0 0 1px 0;
border-bottom: 0px solid #ffffff;
}