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:inherit;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:bold 13px/normal Arial,Sans-Serif;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:16px 27px;font:1.6em "futura-pt",Arial,Sans-Serif;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(../images/ico-arrowRight_white.png);background-repeat:no-repeat;top:11px}.uibutton.special.arrow{background-image:url(../images/ico-arrowRight_white.png);background-position:95% center;background-repeat:no-repeat;padding-right:2em}.text-link{font-size:18px;color:#009dd7;text-decoration:underline}.text-link.icon.arrowDown i{display:inline-block;width:14px;height:8px;background:url(../images/ico-arrowDown_blue.png) 0 0 no-repeat;margin-left:10px}@font-face{font-family:"Futura W01 Book";src:url("../Fonts/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot?#iefix");src:url("../Fonts/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot?#iefix") format("eot"),url("../Fonts/4d0e252c-d811-4a5d-a7f3-6ad72c6b76f2.woff") format("woff"),url("../Fonts/54250d43-02be-4ff9-b802-a4ea104a0611.ttf") format("truetype"),url("../Fonts/15c556fc-4608-4b01-8a0d-9c8631c8bd74.svg#15c556fc-4608-4b01-8a0d-9c8631c8bd74") format("svg")}@font-face{font-family:"Futura W01 Medium";src:url("../Fonts/f0052336-792e-4fcf-8750-fe6d7d5dccba.eot?#iefix");src:url("../Fonts/f0052336-792e-4fcf-8750-fe6d7d5dccba.eot?#iefix") format("eot"),url("../Fonts/1b696b29-a6bd-4411-a50f-37fd8a209b36.woff") format("woff"),url("../Fonts/a3931c31-5998-4dbd-b7d5-d310e4ed3d60.ttf") format("truetype"),url("../Fonts/6779412d-2ea7-4f1a-acfd-f6a527baaee7.svg#6779412d-2ea7-4f1a-acfd-f6a527baaee7") format("svg")}@font-face{font-family:"Futura W01 Bold";src:url("../Fonts/2a65cbfc-5071-4b4d-bfc2-e052bb091ee2.woff") format("woff"),url("../Fonts/812f781d-aa66-47a1-b6a2-7941effc1527.ttf") format("truetype"),url("../Fonts/2a371030-ff67-40ac-8307-082c1fccf151.svg#2a371030-ff67-40ac-8307-082c1fccf151") format("svg")}@font-face{font-family:"FuturaW01-LightCondense 774878";src:url("../Fonts/ee9f8f53-9492-44fb-bc6a-707e94539565.eot?#iefix");src:url("../Fonts/ee9f8f53-9492-44fb-bc6a-707e94539565.eot?#iefix") format("eot"),url("../Fonts/8510732b-d556-4bc3-9189-2e2e543e6ebc.woff") format("woff"),url("../Fonts/2499b658-e722-4e0b-8b08-341f08e59fdb.ttf") format("truetype"),url("../Fonts/67276be2-f06d-40bb-88b6-bfa1e9de5309.svg#67276be2-f06d-40bb-88b6-bfa1e9de5309") format("svg")}@font-face{font-family:"FuturaW01-MediumCondens";src:url("../Fonts/c9bb15b9-5c4a-477b-8e2d-1924c3ef942d.eot?#iefix");src:url("../Fonts/c9bb15b9-5c4a-477b-8e2d-1924c3ef942d.eot?#iefix") format("eot"),url("../Fonts/286ca836-0e48-43ba-9f12-8ba861fafeda.woff") format("woff"),url("../Fonts/40e2893b-b4c0-4b91-aa42-4ab0be867d25.ttf") format("truetype"),url("../Fonts/275744c1-8dd1-40d7-ae52-17728b66a3dc.svg#275744c1-8dd1-40d7-ae52-17728b66a3dc") format("svg")}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:15px}html{overflow-x:hidden}body{font-family:'Open Sans',Arial,Verdana,sans-serif,新細明體;font-size:14px;line-height:1.65em;background-color:transparent;color:#7b7b7b;-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 #fff solid;border-top-width:1px;clear:both;height:0}h2,h3,h4,h5,h6{color:#333}h1{font:55px/1.3em "Futura W01 Bold",Arial,Sans-Serif;text-transform:uppercase;color:#000;line-height:1.2em}h2{font:34px/1.6em "futura-pt-condensed",Arial,Sans-Serif}h3{font-size:34px;font-family:"futura-pt-condensed",Arial,Sans-Serif;font-style:normal;font-weight:300;color:#0387b7;line-height:1.6em}h4{font:21px/1.6em "futura-pt-condensed",Arial,Sans-Serif;color:#7b7b7b}h5{font:23px/1.6em "futura-pt",Arial,Sans-Serif;font-weight:500}h6{font:13px/1.6em "Open Sans",Arial,Sans-Serif}img{max-width:100%}p.sub-headline{font-size:18px;line-height:1.5em}.condens-h2 h2,h2.condens-h2{margin-bottom:15px;font-family:"FuturaW01-MediumCondens",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:'Merriweather',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}.Futura.Light{font-family:"Futura W01 Light",Arial,Sans-Serif}.Futura.Medium{font-family:"Futura W01 Medium",Arial,Sans-Serif}.Futura.Book{font-family:"Futura W01 Book",Arial,Sans-Serif}.Futura.Heavy{font-family:"Futura W02 Heavy",Arial,Sans-Serif}.section-title{font:55px/1.2em "futura-pt-condensed",Arial,Sans-Serif;margin-top:40px;margin-bottom:.5em;text-align:center;text-transform:uppercase}.heading-title{font:55px/1.2em "futura-pt-condensed",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('../images/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('../images/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.p50{width:50%;*width:49.8%}.grid_percent.p75{width:75%;*width:74.9%}.color-section{background:#004159 url('../images/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('../images/color-section-magenta.png') repeat-y center top}.color-section.coffee{background:#3b0106 url('../images/color-section-coffee.png') repeat-y center top}.color-section.green{background:#0c0320 url('../images/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:"Futura W01 Book"}.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('../images/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('../images/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('../images/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:.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('../images/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("../images/ico-arrowRight_Blue_2.png") no-repeat scroll center center transparent;display:inline-block;height:25px;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:Open Sans,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("../images/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:Helvetica,Arial!important}.breadcrumb li h1{font-size:12px;font-family:Helvetica,Arial!important;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('../images/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:'Open Sans',Arial,Verdana,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}#wiliam-logo{display:inline-block;vertical-align:middle;margin-right:25px;max-width:100%;top:-4px}#header .wiliam-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:"Futura W01 Book",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:"futura-pt";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:#009cd7}#header #nav-internal .contact-us{display:block;background:#009cd7;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 #wiliam-logo-white{display:none}#wiliam-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:50px;color:#fff;font-family:"Open Sans",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){#wiliam-logo{width:120px}#wiliam-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 .wiliam-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('../images/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}#a-little-bit-about-us-img{height:600px;background:transparent url('../images/wiliam_office_bg.jpg') no-repeat center top;overflow:hidden;background-size:cover}#a-little-bit-about-us-img h2{margin-top:170px}#a-little-bit-about-us-img p{font-family:"futura-pt-condensed";font-size:34px}#a-little-bit-about-us-img .scrolldown{margin-top:60px}#a-little-bit-about-us .inner{padding:20px}#a-little-bit-about-us .grid_percent.first .inner{padding-top:100px}#a-little-bit-about-us .grid_percent.third .inner{padding-top:100px}#a-little-bit-about-us .grid_percent.second{border-left:1px #e8e8e8 solid;border-right:1px #e8e8e8 solid}#portfolio-grid-wrapper{background:transparent url('../images/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:"Futura W01 Book",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('../images/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('../images/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 .bigW{background:transparent url('../images/home-bigw-bg.jpg') no-repeat 50% 0%;background-size:cover}#portfolio-section .bigW .text{top:100px;max-width:280px;min-width:200px}#portfolio-section .bigW .device{right:-15%;top:-40px}#portfolio-section .bigW .uibutton{top:390px}#portfolio-section .qantascash{background:transparent url('../images/home-qantascash-bg.jpg') no-repeat 50% 0%;background-size:cover}#portfolio-section .qantascash .text{top:150px;max-width:450px}#portfolio-section .qantascash .device{right:-15%;top:120px}#portfolio-section .qantascash .uibutton{top:415px}#portfolio-section .luxbet{background:transparent url('../images/home-luxbet-bg.jpg') no-repeat 50% 0%;background-size:cover}#portfolio-section .luxbet .text{top:130px;max-width:350px}#portfolio-section .luxbet .device{right:-10%;top:120px}#portfolio-section .luxbet .uibutton{top:390px}#portfolio-section .bt{background:transparent url('../images/home-bt-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 "Futura W01 Book";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(../images/case-study-arrow.png) no-repeat 0 0}.client-list .client h3{border-right:solid 1px #c2c2c2;font:18px/34px "Futura W01 Bold";text-transform:uppercase;padding:10px 20px 26px;margin:0;display:block;background:url(../images/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(../images/case-study-blue-left.png) no-repeat 0 0}.client-list #client-carousel .slick-next{right:0;background:url(../images/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('../images/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 #wiliamBlog{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 "FuturaW01-MediumCondens",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 "FuturaW01-MediumCondens",Arial,Sans-Serif;display:block;text-transform:uppercase}#blogThumbWapper .blogTitle:hover{color:#00a8e2}#blogThumbWapper .date{font:21px/20px "FuturaW01-MediumCondens",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}#wiliamBlogHippo{width:70px;float:left;margin:0 20px 10px 0}button.btnSearch{position:absolute;right:2px;top:2px;background:#004159 url('../images/ico-search.png') 10px 50% no-repeat;padding:0 15px 0 30px;height:41px;line-height:41px;cursor:pointer;color:#fff;font-family:"Futura-pt";border-radius:3px;text-transform:uppercase}button.btnSearch:hover{background-color:#002837}#Wiliam_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}#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:"Futura W01 Bold";font-size:105px;text-align:center}#home .home-hero-banner h1 em{font-family:"FuturaW01-MediumCondens";font-size:34px}#home .home-hero-banner h1 span{display:block;margin:40px 0;line-height:30px;font-family:"FuturaW01-MediumCondens";font-size:21px;color:#cbcdce;top:-30px}#footerWrapper{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 "futura-pt",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 .wiliamLogo{background-color:#fff;padding:40px 0 0;top:10px}#footerWrapper .directorynav ul li{padding:10px 0}#footerWrapper .directorynav ul li a{display:inline-block!important;font:15px/1.2em "futura-pt",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:#ffae1e;border-color:#ffae1e!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:#85898c}#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-wiliam-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:"Futura W01 Book";letter-spacing:-2px}#footerWrapper .footer-logo{display:inline-block;background:url(../images/logos-footer.png) left top no-repeat}#footerWrapper .footer-logo.wiliam{width:145px;height:63px}#footerWrapper .footer-logo.ms{width:200px;height:63px;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('../images/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('../images/ico-arrow-service-website.png')}#nav-service ul li a.service-mobile.selected i{background-image:url('../images/ico-arrow-service-mobile.png')}#nav-service ul li a.service-facebook.selected i{background-image:url('../images/ico-arrow-service-facebook.png')}#nav-service ul li a.service-eCommerce.selected i{background-image:url('../images/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:"Futura W01 Bold",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-wiliam .grid_8{border:1px #ccc solid;height:50px;margin-top:40px;margin-bottom:40px}.follow-wiliam .wiliamBlog-small{top:-20px;float:left;left:10px;width:236px}.follow-wiliam .keep-up-to-date{display:inline-block;float:right;margin-left:5px;top:-10px}.follow-wiliam .keep-up-to-date .followBtnWrapper{float:right;margin-right:0;display:inline-block}.follow-wiliam strong{line-height:50px;color:#f24311;text-transform:uppercase;font-weight:bold;float:right;display:inline;margin:0 5px}.follow-wiliam 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('../images/socialBtn-twitter.png') no-repeat}.followBtn.fb{background:transparent url('../images/socialBtn-fb.png') no-repeat}.followBtn.google{background:transparent url('../images/socialBtn-google.png') no-repeat}.followBtn.linkedIn{background:transparent url('../images/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:"Futura W01 Book",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('../images/ico-arrowLeft_blue_2.png');float:left;margin-right:10px}.header-pager .nextBtn i{background-image:url('../images/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('../images/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('../images/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:"Futura W01 bold"}.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:"Futura W01 Book";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}.article-body a{word-wrap:break-word}.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:"Futura W01 bold";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('../images/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:"Futura W01 Book",Arial,Sans-Serif;margin-right:5px}.team{font-size:11px;text-transform:uppercase;color:#b7b6b6}.team span{color:#282223;font-family:"Futura W01 Book",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:"Futura W01 Book",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('../images/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:"Futura W01 Book";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('../images/ico-arrowLeft_black.png') 0 0 no-repeat}.article-nav ul li.last a i{float:right;background:transparent url('../images/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 "Futura W01 Book",Arial,Sans-Serif;text-transform:uppercase}.article .headline a{color:#282223}.article .headline a:hover{color:#009ed8}.wiliamBlog-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-wiliam.page-blog .keep-up-to-date{float:left;width:100%;margin:0}.follow-wiliam.page-blog span{float:left}.follow-wiliam.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('../images/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 "Futura W01 Bold",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('../images/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('../images/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('../images/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('../images/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("../images/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("../images/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_wiliamBlog{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_wiliamBlog{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 "FuturaW01-MediumCondens",Arial,Sans-Serif;color:#292929;margin-bottom:0}.portfolio-listitem h5{font:13px/18px "FuturaW01-MediumCondens",Arial,Sans-Serif;text-transform:uppercase;color:#292929;line-height:2em}.portfolio-listitem h6{text-transform:uppercase;font-family:"Futura W01 Book",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('../images/article_arrowup.png');margin-top:-15px;margin-left:30px}.portfolio-listitem.mastercard i{height:30px;width:15px;float:left;background-image:url('../images/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 "futura-pt";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 "futura-pt";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:"futura-pt";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:"Futura W01 Book",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:"Futura W01 Book",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(../images/ico-arrowRight_white.png) 0 0 no-repeat;width:10px;height:14px;margin-left:9px}.error-page .cat{display:block;background:#000 url(../images/cat.jpg) center top no-repeat;float:left;height:630px;width:100%}.error-page.error .title-section{padding:80px 0}.error-page.error .wiliamLogo{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(../images/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(../images/about-hero-bg.jpg) fixed top center;background-size:cover;height:410px;background-repeat:no-repeat}.about-page .title-section .container{width:960px;top:150px}.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%}.theWiliamDifference .inner{padding:40px 0}.theWiliamDifference .second .inner{padding:40px 20px}.theWiliamDifference .second{height:556px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.theWiliamDifference .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:"FuturaW01-MediumCondens",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(../images/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(../images/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:'Open Sans';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:'Open Sans';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:"Futura W01 Book";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:"futura-pt";font-weight:700;letter-spacing:-.2px;margin:0 auto 10px}.service-page-v2 .title-section h2{font-size:34px;font-family:"futura-pt";font-weight:300;margin:0 auto 10px}.service-page-v2 .title-section h4{font-family:'Open Sans';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:"futura-pt";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 40px}.summary-section-v2 .summary-block .subtitle{font-size:34px;line-height:1.3em}.summary-section-v2 .summary-block img{max-width:100%}.summary-section-v2 h2{font-size:34px;font-family:"futura-pt";font-weight:700;margin:0 auto 10px;line-height:45px;text-transform:uppercase}.summary-section-v2 ul{font-size:14px;font-family:"futura-pt";font-weight:500;line-height:20px;text-transform:uppercase}.summary-section-v2 li{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:'Open Sans',Arial,Verdana,sans-serif,新細明體;font-weight:300;text-transform:none;font-size:21px}.summary-section-v2.dark-bg{background:#00618d}.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:#fff}.summary-section-v2.dark-bg li{border-color:#3c728b}.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:'Open Sans';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(../images/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:Futura W01 Bold;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:'Open Sans';text-align:center;font-weight:300;color:#333}.standard-content h2{font-family:"Futura W01 Book";font-size:34px}.standard-content .page ul li{list-style:disc;list-style-image:url(../images/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(../images/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(../images/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:'Open Sans',Arial,Verdana,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(../images/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-wiliam .grid_8{margin-top:10px}#contact-us-wrapper-v2 .loader{background:url(../images/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 "futura-pt",Arial,Sans-Serif;font-weight:700;text-transform:uppercase;margin:0;color:#fff}.hiring-banner p{font:19px/1.111em "futura-pt",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:futura-pt;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:"futura-pt";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('../images/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}.fancy-ol-bullet{position:relative;padding-left:3em}.fancy-ol-bullet>strong:first-child{position:absolute;left:0;top:0}.tob-definitions{display:table;border:solid 1px #ccc;border-bottom:0;border-right:0;margin:1.5em 0 0;color:#4c4d4c}.tob-definitions>div{display:table-row}.tob-definitions>div:nth-child(even){background-color:rgba(51,51,51,.02)}.tob-definitions dt{display:table-cell;width:200px;max-width:30%;padding:1em;border:solid 1px #ccc;border-top:0;border-left:0}.tob-definitions dd{display:table-cell;padding:1em;border:solid 1px #ccc;border-top:0;border-left:0}@media(max-width:479px){.tob-definitions dt,.tob-definitions dd{padding:.5em;font-size:14px}}.subtler-heading{text-transform:none}.syntaxhighlighter{padding-top:15px;padding-bottom:15px}.syntaxhighlighter .toolbar{top:-11px!important}@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 .wiliam-logo-container{vertical-align:middle}#header.sticky #wiliam-logo{display:none}#header.sticky #wiliam-logo img{display:block}#header.sticky #wiliam-logo-white{display:block}#wiliam-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}#a-little-bit-about-us-img{background:transparent url('../images/wiliam_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){#a-little-bit-about-us-img{background:transparent url('../images/wiliam_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 #a-little-bit-about-us-img{background-position:inherit}#portfolio-section .slide{height:560px}#portfolio-section .bigW .text{top:100px;width:40%}#portfolio-section .bigW .device{right:-20%;width:75%;top:20px;min-width:400px}#portfolio-section .qantascash .text{top:100px;width:55%}#portfolio-section .qantascash .device{top:50px;width:80%;right:-30%}#portfolio-section .luxbet .text{top:100px;width:50%}#portfolio-section .luxbet .device{top:90px;width:90%;right:-30%}#portfolio-section .bt .text{top:100px;width:50%}#portfolio-section .bt .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-wiliam .wiliamBlog-small{width:180px;top:-10px}.blog-article img.featured{width:100%}.more-blogs-tab ul.topiclist li.first .article i{display:none}.wiliamBlog-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('../images/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_wiliamBlog{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%}#Wiliam_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%}#a-little-bit-about-us .grid_percent{width:100%;text-align:center}#a-little-bit-about-us .grid_percent.second{border:none}#a-little-bit-about-us .grid_percent.second img{width:60%;margin-left:auto;margin-right:auto}#a-little-bit-about-us .grid_percent .inner{padding-top:40px!important}#home #checkusout{left:0}#home #a-little-bit-about-us-img{background-position:inherit;background:transparent url('../images/wiliam_office_bg.jpg') no-repeat center top;background-size:cover}#portfolio-section .slide{height:520px}#portfolio-section .bigW .text{top:100px;width:40%}#portfolio-section .bigW .device{right:-25%;width:80%;top:30px;min-width:400px}#portfolio-section .qantascash .text{top:100px;width:55%}#portfolio-section .qantascash .device{top:50px;width:80%;right:-30%}#portfolio-section .luxbet .text{top:100px;width:50%}#portfolio-section .luxbet .device{top:90px;width:90%;right:-30%}#portfolio-section .bt .text{top:100px;width:50%}#portfolio-section .bt .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-wiliam .wiliamBlog-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}.wiliamBlog-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('../images/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_wiliamBlog{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}.theWiliamDifference .second{height:auto}.theWiliamDifference .foundedInNumber{font-size:24px}.about-page .title-section .container{width:100%;left:0;top:60px}.about-page .title-section .container *{padding-left:10%;padding-right:10%}.about-page .title-section{height:350px}.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:30px}#nav-blog{height:65px;margin-top:0}.metadata{overflow:hidden;display:block}.metadata>span{float:left}.metadata .team,.metadata .tag{display:inline-block;padding:3px 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}.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}.summary{width:auto}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('../images/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('../images/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('../images/select-arrow.png') no-repeat;top:16px;z-index:3;pointer-events:none}#wiliam-logo{width:120px;margin-bottom:5px;float:left;top:7px}#wiliam-logo-white{display:none}.arrowTitleContainer h3{font-family:"futura-pt";font-weight:700}.arrowTitleContainer a>i{top:5px}#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}#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 #wiliam-logo-white{margin-top:5px;width:auto}#header.sticky{position:fixed}#header .wiliam-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('../images/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:left!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:left!important}#what-we-do .second{border-left:none;border-right:none;border-top:1px #e8e8e8 solid;border-bottom:1px #e8e8e8 solid}#a-little-bit-about-us .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}#wiliamBlogHippo{width:50px;margin-left:5px;top:-5px}#Wiliam_twitter{float:none;display:block;margin-left:auto;margin-right:auto;margin-bottom:10px}#portfolio-section .slide{height:520px}#portfolio-section .bigW .text{top:30px;width:80%}#portfolio-section .bigW .device{right:-30%;width:90%;top:250px}#portfolio-section .qantascash .text{top:30px;width:90%}#portfolio-section .qantascash .device{width:90%;top:260px}#portfolio-section .luxbet .text{top:30px;width:90%}#portfolio-section .luxbet .device{width:100%;top:250px}#portfolio-section .bt .text{top:30px;width:90%}#portfolio-section .bt .device{width:100%;top:250px}#portfolio-section .uibutton{top:390px!important}#portfolio-section #portfolio-prev,#portfolio-section #portfolio-next{top:180px;display:none}#portfolio-section #portfolio-prev{left:0;opacity:.3}#portfolio-section #portfolio-next{right:0;opacity:.3}#a-little-bit-about-us .grid_percent.first .inner{padding-top:20px}#a-little-bit-about-us .grid_percent.third .inner{padding-top:20px}#a-little-bit-about-us .grid_percent .inner{padding-left:0;padding-right:0;text-align:center}#a-little-bit-about-us-img{height:480px;background:transparent url('../images/wiliam_office_bg_mobile.jpg') no-repeat center top;background-position:inherit}#a-little-bit-about-us-img h2{margin-top:80px}#a-little-bit-about-us-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 .sydneyOffice{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('../images/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-wiliam{float:left;width:100%}.follow-wiliam .keep-up-to-date{display:none}.follow-wiliam .grid_8{margin-top:30px;margin-bottom:40px;border:none;text-align:center;width:auto}.follow-wiliam .wiliamBlog-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}.wiliamBlog-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_wiliamBlog{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:10px}.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('../images/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(../images/cat-mobile.jpg) center top no-repeat;height:320px}.error-page.error .wiliamLogo{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(../images/error-mobile.jpg) center bottom no-repeat;height:249px}.theWiliamDifference .second{height:auto;border:none;border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8}.theWiliamDifference .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:250px;background-image:url(../images/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(../images/case-study-blue-left-mobile.png) no-repeat 0 0}.client-list #client-carousel .slick-next{width:32px;right:0;background:url(../images/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}h2.title{font-family:"Futura W01 Book",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:230px}.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-wiliam,.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}