@import url(//hello.myfonts.net/count/2b88a3);@import url(//hello.myfonts.net/count/2be497);@font-face{font-family:BrandonGrotesque-Regular;src:url(/css/2BE497_0_0.eot);src:url(/css/2BE497_0_0.eot?#iefix) format('embedded-opentype'),url(/css/2BE497_0_0.woff) format('woff'),url(/css/2BE497_0_0.ttf) format('truetype')}@font-face{font-family:ProximaNova-Light;src:url(/css/2B88A3_0_0.eot);src:url(/css/2B88A3_0_0.eot?#iefix) format('embedded-opentype'),url(/css/2B88A3_0_0.woff) format('woff'),url(/css/2B88A3_0_0.ttf) format('truetype')}/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:proxima_novalight,Arial,sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */html,button,input,select,textarea{font-family:ProximaNova-Light,Arial,sans-serif;color:#231F20}html{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}a{text-decoration:none;color:#231F20}a.bottomlink{float:left;font-size:20px;text-decoration:underline;margin:-7px 0 40px 0;color:#231b9b}#container{width:100%;background:#fff}#site-header{position:absolute;top:0;left:0;width:100%;z-index:1}#logo{position:absolute;top:0;left:50%;margin-left:-70px;width:140px;height:133px}#site-header h1 a{display:block;width:306px;height:31px;margin:156px auto 8px;padding:0;text-indent:-10000px;font-size:43px;line-height:1;font-weight:400;background:url(../images/hoppermagic-wds.svg) no-repeat;background-size:100%}.no-svg header #site-header h1 a{background:url(../images/hoppermagic-wds.png) no-repeat}#primary{overflow:hidden;text-align:center}#primary:before,#primary:after{background-color:#000;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}#primary:before{right:.5em;margin-left:-50%}#primary:after{left:.5em;margin-right:-50%}#primary a{font-family:BrandonGrotesque-Regular,"Helvetica Neue",arial,sans-serif;font-size:18px;line-height:1.5;color:#666;text-transform:uppercase}#primary a:hover,#primary a.on{color:#000}#primary a+a:before{content:'.';vertical-align:20%;padding:0 9px}#navtrigger{position:absolute;top:0;right:0;display:none;width:36px;height:33px;z-index:20;background:#fff;text-indent:-5000px}#burger,#burger:before,#burger:after{content:'';position:absolute;top:17px;left:7px;width:19px;height:3px;cursor:pointer;background:#000;display:block}#burger:before{top:-7px;left:0}#burger:after{top:7px;left:0}#burger,#burger:before,#burger:after{-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}#burger.active{background-color:transparent}#burger.active:before,#burger.active:after{top:0}#burger.active:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#burger.active:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#main{width:88%;margin:0 auto}.homeimage{clear:none;width:100%;background:#f4f5ed}.homeimage img{width:100%}.home h1{margin:50px 0 12px;text-align:center}.home>p{width:85%;font-family:Merriweather,serif;font-size:22px;line-height:1.6;margin:0 auto 12px;text-align:center}h1{font-family:BrandonGrotesque-Regular,"Helvetica Neue",arial,sans-serif;font-weight:400;text-transform:uppercase;margin:0;padding:0}h2{font-family:BrandonGrotesque-Regular,"Helvetica Neue",arial,sans-serif;font-size:25px;font-weight:400;text-transform:uppercase;margin:0}h3{font-family:BrandonGrotesque-Regular,"Helvetica Neue",arial,sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;margin:0}p{font-size:21px;line-height:1.5;margin:8px 0}.projectbkg0{background:#FFDC4E}.projectbkg1{background:#CACCE7;background:#bcbebd;background:-moz-linear-gradient(top,#bcbebd 0,#cccecd 25%,#dadbdd 51%,#dddee0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bcbebd),color-stop(25%,#cccecd),color-stop(51%,#dadbdd),color-stop(100%,#dddee0));background:-webkit-linear-gradient(top,#bcbebd 0,#cccecd 25%,#dadbdd 51%,#dddee0 100%);background:-o-linear-gradient(top,#bcbebd 0,#cccecd 25%,#dadbdd 51%,#dddee0 100%);background:-ms-linear-gradient(top,#bcbebd 0,#cccecd 25%,#dadbdd 51%,#dddee0 100%);background:linear-gradient(to bottom,#bcbebd 0,#cccecd 25%,#dadbdd 51%,#dddee0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbebd', endColorstr='#dddee0', GradientType=0)}.projectbkg2{background:#b9c2b6;background:-moz-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b9c2b6),color-stop(25%,#c6cfc3),color-stop(51%,#d4ddd1),color-stop(100%,#d8e1d5));background:-webkit-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:-o-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:-ms-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:linear-gradient(to bottom,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9c2b6', endColorstr='#d8e1d5', GradientType=0)}.projectbkg3{background:#b5c1c6;background:-moz-linear-gradient(top,#b5c1c6 0,#c4d0d5 25%,#d2dee3 51%,#d4e0e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b5c1c6),color-stop(25%,#c4d0d5),color-stop(51%,#d2dee3),color-stop(100%,#d4e0e5));background:-webkit-linear-gradient(top,#b5c1c6 0,#c4d0d5 25%,#d2dee3 51%,#d4e0e5 100%);background:-o-linear-gradient(top,#b5c1c6 0,#c4d0d5 25%,#d2dee3 51%,#d4e0e5 100%);background:-ms-linear-gradient(top,#b5c1c6 0,#c4d0d5 25%,#d2dee3 51%,#d4e0e5 100%);background:linear-gradient(to bottom,#b5c1c6 0,#c4d0d5 25%,#d2dee3 51%,#d4e0e5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5c1c6', endColorstr='#d4e0e5', GradientType=0)}.projectbkg4{background:#c6bbbc;background:-moz-linear-gradient(top,#c6bbbc 0,#d5cacb 25%,#e1d6d7 51%,#e4d9da 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c6bbbc),color-stop(25%,#d5cacb),color-stop(51%,#e1d6d7),color-stop(100%,#e4d9da));background:-webkit-linear-gradient(top,#c6bbbc 0,#d5cacb 25%,#e1d6d7 51%,#e4d9da 100%);background:-o-linear-gradient(top,#c6bbbc 0,#d5cacb 25%,#e1d6d7 51%,#e4d9da 100%);background:-ms-linear-gradient(top,#c6bbbc 0,#d5cacb 25%,#e1d6d7 51%,#e4d9da 100%);background:linear-gradient(to bottom,#c6bbbc 0,#d5cacb 25%,#e1d6d7 51%,#e4d9da 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6bbbc', endColorstr='#e4d9da', GradientType=0)}#projecttop{position:relative;clear:none;float:left;width:100%;margin-bottom:15px}#projecttop:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:30px;background:#fff}#computerscreen{position:relative;width:100%;margin:270px auto 0}#computerscreen #computer{width:100%}#computerscreen #firstimage{position:absolute;top:5.3%;left:3.8%;width:92.5%}#firstimage img{max-width:100%}.copy{width:100%}.copy header{float:left}.copy header h1{clear:both;font-size:25px;line-height:1;margin:16px 0 0}.copy header p{clear:both;float:none;font-size:16px;width:auto;margin:2px 0 8px}.copy p{width:66%;float:right}.copy>p:last-of-type{margin-bottom:40px}.copy .bottomlink{margin-top:-19px;margin-left:34%}.projectimages{float:left;width:100%;margin:0 auto}.projectimages div{position:relative;background:#E6E7E8;margin:0 0 50px}.projectimages h2{float:left;margin-top:-12px}.projectimages p{margin-left:34%;margin-top:-15px;margin-bottom:40px}.projectimages .width,.projectimages .height{padding:5% 15%}.projectimages img{max-width:100%;display:block;margin:0 auto}.projectimages .height img{width:auto}.projectimages .banner img{padding:3% 0}.projectimages .banner-outer{position:absolute;top:0;left:0;width:100%;overflow-x:hidden;background:#E6E7E8}.projectimages .banner-inner,.projectimages .banner-iframe{padding-top:3%;margin:0 auto;width:300px}.projectimages .banner-iframe{border:0;display:block}.bannerclose{position:absolute;top:10px;right:10px}.clientcomment{clear:both;width:77%;margin:50px auto 0}.clientcomment img{display:block;margin:0 auto;-webkit-border-radius:80px;-moz-border-radius:80px;border-radius:80px}.clientcomment p{font-family:Merriweather,serif;font-size:19px;line-height:1.7;text-align:center;margin:15px 0 0}.clientcomment p.client{font-family:ProximaNova-Light,Arial,sans-serif;font-size:16px;line-height:1.4;text-align:center;margin:10px 0 0}.blogheader{height:290px;margin-bottom:26px;background:#b9c2b6;background:-moz-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b9c2b6),color-stop(25%,#c6cfc3),color-stop(51%,#d4ddd1),color-stop(100%,#d8e1d5));background:-webkit-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:-o-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:-ms-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:linear-gradient(to bottom,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9c2b6', endColorstr='#d8e1d5', GradientType=0)}article{float:left;position:relative;width:100%;padding-top:27px;margin-bottom:50px;border-top:1px solid #ccc}article:first-of-type{border-top:0}article h2{padding-top:3px}article h2,article p,article .bottomlink,.blogimage{float:right;width:66%}article .bottomlink{margin-top:13px;margin-bottom:11px}.blogimage{float:left;width:100%;margin-top:30px;background:#E6E7E8}.blogimage .width{padding:5% 15%;border:0}.blogimage img{display:block;max-width:100%;margin:0 auto}article p:first-of-type{margin-top:4px}p a{color:#231b9b;text-decoration:underline}article section{position:absolute;top:71px;left:0}time{position:absolute;top:29px;left:0;font-family:BrandonGrotesque-Regular,"Helvetica Neue",arial,sans-serif;font-size:25px;text-transform:uppercase}article section a{float:left;clear:both;font-size:20px;margin-bottom:3px}article section.social{position:static;float:left;clear:both;width:130px;margin-top:10px}article section.social a{clear:none;width:18px;height:18px;margin-right:8px;text-indent:-2000px;background:url(../images/social-icons.svg) no-repeat;background-size:Auto 18px}.no-svg article section.social a{background:url(../images/social-icons.png) no-repeat}section.social a.twitter{background-position:-24px 0}.facebookholder{position:relative;width:18px;height:18px;overflow:hidden;margin-right:8px;background:url(../images/social-icons.svg) no-repeat -48px 0;background-size:Auto 18px}.fb_iframe_widget{position:absolute;top:-2px;left:0;opacity:0}.aboutheader,.contactheader{height:290px;margin-bottom:43px;background:#b9c2b6;background:-moz-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b9c2b6),color-stop(25%,#c6cfc3),color-stop(51%,#d4ddd1),color-stop(100%,#d8e1d5));background:-webkit-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:-o-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:-ms-linear-gradient(top,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);background:linear-gradient(to bottom,#b9c2b6 0,#c6cfc3 25%,#d4ddd1 51%,#d8e1d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9c2b6', endColorstr='#d8e1d5', GradientType=0)}.about h2{float:left;width:auto;font-size:25px;line-height:1.7;margin-top:20px}#clientlist{float:right;margin:28px 0 38px;border-top:1px #ccc solid}#clientlist ul{float:right;width:66%;list-style:none inside none;padding:0;margin-top:20px}#clientlist ul li{float:left;font-size:20px;line-height:1.45}#clientlist ul li:not(:last-of-type):after{content:'/';padding:0 8px;color:#ccc}#testimonials{float:right;width:100%;border-top:1px #ccc solid}#testimonials p{margin-top:20px}#testimonialbuttons{float:right;clear:both;width:66%;list-style-type:none;padding:0}#testimonialbuttons li{float:left;margin:0 5px 0 2px}#testimonialbuttons li a{display:block;width:10px;height:10px;background:url(/images/circle.svg) no-repeat}#testimonialbuttons li.on a,#testimonialbuttons li a:hover{background-position:0 -12px}#contact-form{float:right;width:66%}.form fieldset p{float:left;width:100%;margin:0;padding:0}.form fieldset input.text,.form fieldset textarea.text{width:98%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:0;background:#f1f1f1;padding:10px 0 10px 2%;margin-bottom:16px}.form fieldset textarea.text{height:5em}.submit-button{float:left;background:#f1f1f1;border:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px 20px;font-family:ProximaNova-Light,Arial,sans-serif;font-size:21px;color:#000}#site-footer{clear:both;width:88%;margin:50px auto 0;border-top:1px #ccc solid}#site-footer p{font-size:16px;margin:5px 0}#error{width:100%;margin-top:100px;height:400px;background:url(/images/404.png) no-repeat 50% 0}#error h1{padding-top:270px}#error h1,#error p{text-align:center}@-webkit-keyframes po_blink{0%,100%{opacity:0}50%{opacity:.4}}@-moz-keyframes po_blink{0%,100%{opacity:0}50%{opacity:.4}}@-o-keyframes po_blink{0%,100%{opacity:0}50%{opacity:.4}}@keyframes po_blink{0%,100%{opacity:0}50%{opacity:.4}}#projectoverview{float:left;clear:both;width:100%;margin-top:58px}#projectoverview h2{font-size:19px;text-indent:-5000px}.po_row{float:left;clear:both;display:block;width:100%;position:relative}.po_row:before{content:"";position:absolute;top:0;right:0;width:32.5%;border-top:1px #666 solid}.po_grid{float:left;width:66%;padding:1.4% 0;border-top:1px #666 solid}.po_grid .imagewrap{position:relative}.po_grid .imagewrap:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0}.po_grid a img{width:100%;-moz-backface-visibility:hidden;background-color:rgba(255,255,255,.01)}.po_grid a:hover .imagewrap:after{-webkit-animation:po_blink 1s 1;-moz-animation:po_blink 1s 1;-o-animation:po_blink 1s 1;animation:po_blink 1s 1;-moz-backface-visibility:hidden}.po_grid a .imagewrap:hover:after{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.po_grid header{position:absolute;top:3%;left:67.5%;width:32.5%}.po_grid p{font-size:19px;line-height:1.4;margin:0}.po_grid a h3{font-size:22px;color:#231F20;margin-bottom:0}.po_grid a{color:#6D6E70}.po_grid a:hover,.po_grid a:hover h3{color:#231b9b}.po_grid a:hover h3{text-decoration:underline}.type1 .projectwrap:first-child{float:left;width:32%;margin-bottom:2%}.type1 .projectwrap{float:right;width:66%}.type1 .projectwrap:last-child{float:left;width:32%;margin-bottom:0}.type2 .projectwrap:first-child{float:left;width:66%}.type2 .projectwrap{float:right;width:32%;margin-bottom:2%}.type2 .projectwrap:last-child{width:100%;margin-bottom:0}.type3 .projectwrap:first-child{float:left;width:66%;margin:0 2% 0 0}.type3 .projectwrap{width:32%;float:right;margin-bottom:2%}.type3 .projectwrap:last-child{margin-bottom:0}.tignes-spirit-rentals{background:#c4dfe4}.fiona-lintott{background:#d6dfe4}.ipap-celebrity-spotter{background:#e4dadb}.the-poker-stockmarket{background:#373332}.heron-tower{background:#1a1511}.hannah-teare{background:#514f36}.biometrics-installation{background:#e5f0f4}.dan-flavin{background:#333}.evolution-timeline{background:#e8e9ed}.experiments{background:#f3ebde}.memory-mayhem{background:#d7c5ad}.rabbit-match{background:#f4f2f7}.ses-astra{background:#010101;background:-moz-linear-gradient(top,#010101 10%,#e4e5e7 50%);background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#010101),color-stop(50%,#e4e5e7));background:-webkit-linear-gradient(top,#010101 10%,#e4e5e7 50%);background:-o-linear-gradient(top,#010101 10%,#e4e5e7 50%);background:-ms-linear-gradient(top,#010101 10%,#e4e5e7 50%);background:linear-gradient(to bottom,#010101 10%,#e4e5e7 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#010101', endColorstr='#e4e5e7', GradientType=0)}#lotto-plume1,#lotto-plume2{position:absolute;top:0;left:0;width:53%;height:100%}#lotto-plume1{left:11%}#lotto-plume2{width:50%;left:50%}#ticketrefs{display:none}#lotto-wds{position:absolute;top:15%;right:7%;width:63%}.lt-ie9 #container,.lt-ie9 #site-header{width:1340px}.lt-ie9 .social{display:none}.lt-ie9 #site-header h1 a{height:32px;background:url(../images/hoppermagic-wds.png) no-repeat}.lt-ie9 #computerscreen{height:550px}.lt-ie9 #computerscreen #firstimage img{margin:0 0 0 240px}.lt-ie9 #computerscreen object{display:none;visibility:hidden}.lt-ie9 #clientlist ul li{margin-right:20px}.lt-ie9 #testimonials p{width:780px;clear:both}@media only screen and (min-width :1340px){#main{width:1227px;margin:0 auto}.homeimage img{margin-top:-16%}#computerscreen{margin-top:290px}#site-footer{width:1227px}#primary a{font-size:21px;line-height:1.6}#primary a+a:before{padding:0 15px}#site-header h1 a{width:390px;height:auto;margin-bottom:8px}#computerscreen{width:818px}.blogimage img{border:0}}@media only screen and (min-width :1690px){.homeimage img{margin-top:-18%}}@media only screen and (max-width :1340px){.homeimage img{margin-top:-12%}#computerscreen{margin-top:270px}.po_row:before{content:"";position:absolute;top:0;left:689px;width:auto;border-top:1px #666 solid}#site-header h1 a{width:28%;height:auto;margin-bottom:4px}#primary a{font-size:19px}#primary a+a:before{padding:0 1.25%}p,.form fieldset input.text,.form fieldset textarea.text{font-size:20px;line-height:1.45}.clientcomment{width:80%}.clientcomment p{font-size:18px}#computerscreen{width:818px}.po_grid{width:673px}.po_grid header{top:15px;left:689px;width:auto}.projectimages .width{padding-top:53px;padding-bottom:53px}.aboutheader,.blogheader,.contactheader{height:276px;margin-bottom:18px}.contactheader,.aboutheader{margin-bottom:37px}}@media only screen and (max-width :1260px){#site-header h1 a{margin-bottom:1px}#primary a+a:before{padding:0 1.1%}#primary a{font-size:18px;line-height:1.6}.aboutheader,.blogheader,.contactheader{height:272px;margin-bottom:20px}.aboutheader,.contactheader{margin-bottom:38px}}@media only screen and (max-width :1200px){.homeimage img{margin-top:-9%}#site-header h1 a{width:306px;height:31px;margin-bottom:8px}#primary a+a:before{padding:0 9px}.copy header h1,.projectimages h2,.about h2{font-size:23px}.po_grid p{font-size:17px}.po_grid a h3{font-size:19px}.blogheader{height:265px;margin-bottom:18px}.aboutheader,.contactheader{height:265px;margin-bottom:37px}.blogimage .width{padding:5% 10%}}@media only screen and (max-width :1100px){#main,#site-footer{width:90%}.homeimage img{margin-top:-10%}#logo{width:120px;height:114px;margin-top:0;margin-left:-60px;margin-bottom:5px}#site-header h1 a{margin-top:132px}.po_grid{width:55%;border-top:1px #666 solid}.po_grid header{position:absolute;top:4%;left:57%;width:44%}.po_row:before{width:43%;left:inherit}.po_grid p{font-size:16px}.copy p,.projectimages p,.form fieldset input.text,.form fieldset textarea.text,.submit-button{font-size:19px;line-height:1.4}.clientcomment p{font-size:17px}.copy .bottomlink{font-size:19px}#computerscreen{margin-top:240px;width:75%}.projectimages .width,.projectimages .height{padding:5% 10%}.blogheader,.aboutheader,.contactheader{height:245px}}@media only screen and (max-width :1050px){#site-header h1 a{width:290px;height:31px;margin-bottom:8px}#primary a+a:before{padding:0 6px}.clientcomment{width:90%}}@media only screen and (max-width :1000px){.homeimage img{margin-top:-8%}.home h1{font-size:29px;margin-bottom:9px}.home>p{width:100%;font-size:20px;line-height:1.5;margin-bottom:12px}#site-header h1 a{width:306px;height:31px;margin-bottom:8px}#primary a+a:before{padding:0 9px}.copy p{float:left;clear:both;width:100%}.projectimages h2{margin-bottom:5px}.projectimages p{margin-left:0;clear:left}.copy .bottomlink{margin-left:0}.clientcomment{width:100%}.po_grid{width:55%;border-top:1px #666 solid}.po_grid header{position:absolute;top:2.5%;left:57%;width:44%;background:#fff}.po_row:before{width:43%;left:inherit}.po_grid p{font-size:17px}.type1 .projectwrap:nth-child(2){float:right;width:100%}.type1 .projectwrap:first-child{float:left;width:49%}.type1 .projectwrap:last-child{float:right;width:49%;margin-top:-133.3%}.type2 .projectwrap:first-child{width:49%;overflow:hidden}.type2 .projectwrap:first-child a img{width:206%}.type2 .projectwrap.rabbit-match a img{margin-left:-124px}.type2 .projectwrap{float:right;width:49%;margin-bottom:2%}.type3 .projectwrap:first-child{float:left;width:100%;margin:0 0 2%}.type3 .projectwrap{width:49%;float:left;margin:0 2% 0 0}.type3 .projectwrap:last-child{margin:0}.type3 .projectwrap:last-child .imagewrap{height:100%;overflow:hidden}.type3 .projectwrap:last-child .imagewrap img{margin-top:-36%}.type3 .projectwrap.nms-royal .imagewrap img{margin-top:0}article h2,.about h2,article p,.blogimage,a.bloglink{float:left;margin-left:0}article h2{font-size:21px;text-indent:9px}article p{width:auto}.about h2{float:left;font-size:23px}.aboutheader{margin-bottom:35px}.blogimage{width:100%}.blogimage.width{width:auto;padding:4% 8%;background:#E6E7E8}.blogimage img{max-width:100%;border:0}article time{position:static;float:left;font-size:21px;padding-top:3px}article section{position:static;float:left;margin:20px 0 10px}article h2{float:none;width:auto}article p{font-size:19px;line-height:1.5}article section a{clear:none;font-size:19px}article>section>a:first-of-type:before{content:'Tags:';padding-right:8px}article>section>a+a:before{content:',';padding-right:3px;margin-bottom:3px}article section.social{clear:left;margin-top:15px}article section.social a{width:24px;height:24px;background-size:Auto 24px}section.social a.twitter{background-position:-32px 0}section.social a.facebook{background-position:-64px 0}.facebookholder{position:relative;width:24px;height:24px;overflow:hidden;background:url(../images/social-icons.svg) no-repeat -64px 0;background-size:Auto 24px}.fb_iframe_widget{top:0}article time:after{content:':';float:right;padding-left:8px;line-height:1.2}article .bottomlink{float:left;font-size:19px;margin-left:0;width:auto}.about header h1{margin-bottom:3px}.about h2{margin-bottom:0}#clientlist{float:left;margin:15px 0 20px}#clientlist ul{float:left;width:100%;margin-top:5px}#clientlist ul li{font-size:19px;line-height:1.4}#testimonialbuttons{float:left}#testimonials p{margin-top:4px}#contact-form{float:left;width:100%}}@media only screen and (max-width :928px){.homeimage img{margin-top:-6%}.blogimage{background:no-repeat;border:1px #ccc solid}.blogimage .width{padding:0}#error{width:100%;height:400px;background:url(/images/404.png) no-repeat 63% 0}}@media only screen and (max-width :851px){.homeimage img{margin-top:-4%}.blogimage.width{padding:0;background:0}}@media only screen and (max-width :800px){.homeimage img{margin-top:-2%}.home h1{margin-top:35px;margin-bottom:7px}.home>p{width:100%;font-size:18px;line-height:1.5;margin-bottom:12px}#projectoverview{margin-top:40px}.po_grid header{top:1.7%}.po_grid p{}.type2 .projectwrap:first-child{width:100%}.type2 .projectwrap:first-child a img{width:100%;margin:0}.type2 .projectwrap.rabbit-match{height:auto}.type2 .projectwrap.rabbit-match a img{width:100%;margin-bottom:0}.type2 .projectwrap{float:right;width:100%;margin-bottom:2%}.type2 .projectwrap img{margin-left:25%;width:50%}.type2 .projectwrap:last-of-type a img{width:100%;margin:0}}@media only screen and (max-width :700px){.homeimage img{margin-top:10px}.po_grid p{font-size:16px}}@media only screen and (max-width :630px){#main,#site-footer{margin:0 auto;width:95%}.homeimage img{margin-top:-15%}#site-footer{margin-top:50px}#logo{top:7px;left:10px;width:70px;height:67px;margin:0;cursor:pointer}#site-header h1{}#site-header h1 a{font-size:19px;width:210px;margin:38px 0 0 88px}.home h1{font-size:23px;margin:14px 0 1px;text-align:left}.home>p{width:100%;font-family:ProximaNova-Light,Arial,sans-serif;font-size:17px;line-height:1.37;text-align:left;margin-bottom:12px}#projectoverview{margin-top:50px}#primary{position:fixed;top:-200px;left:0;width:100%;z-index:15;background:#fff;-moz-box-shadow:0 1px 3px 0 #000;-webkit-box-shadow:0 1px 3px 0 #000;box-shadow:0 1px 3px 0 #000}#navtrigger{position:fixed;display:inherit}#primary:before,#primary:after{display:none}#primary a{font-size:19px;float:left;clear:both;width:95%;padding:8px 0 0;margin:0 2.5%;border-bottom:1px #000 solid}#primary a:first-of-type{border-top:1px #000 solid;margin-top:41px}#primary a:last-of-type{border-bottom:0}#primary a+a:before{display:none}#projecttop:before{display:none}#computerscreen{width:100%;margin-top:95px}#computerscreen #computer{display:none}#computerscreen #firstimage{position:static;top:auto;left:auto;width:auto;padding:0 2.5%;margin:0 0 10px}.copy p,.copy header p,.projectimages p,.form fieldset input.text,.form fieldset textarea.text,.submit-button{font-size:17px;line-height:1.37}.copy .bottomlink{font-size:17px}.projectimages h2{margin-top:0}.projectimages div{margin:0 0 30px}.projectimages .height{padding:7%}.projectimages .width{padding:0;border:1px #ccc solid}.projectimages .width.border{padding:20px}.projectimages .height img{height:auto;width:100%}.projectimages .banner img{padding-top:32px;padding-bottom:32px}.projectimages .banner-inner,.projectimages .banner-iframe{padding-top:32px}.bannerclose{top:8px}.clientcomment{padding-top:20px;width:95%}.clientcomment p{font-size:15px;line-height:1.6;margin:15px 0 0}article h2{clear:both;text-indent:0;margin:0 0 5px;line-height:1.2;padding-top:2px}article time{font-size:15px;padding-top:2px;margin-bottom:3px}article time:after{content:'';float:none}article p{font-size:17px;line-height:1.37}article .blogimage{margin-top:17px}article section{margin-bottom:0}article section a{font-size:17px}article a.bloglink{font-size:17px;margin-top:-5px;margin-bottom:25px}article .bottomlink{font-size:17px;margin:8px 0 9px}.about header h1{margin-top:32px}#clientlist ul li{font-size:17px}#clientlist{margin:10px 0 18px}#testimonials p{margin-top:2px}.po_row:before{border:0}.po_grid{width:100%;border:0}.home #projectoverview h2{display:none}#projectoverview h2{padding-top:13px;border-top:1px #666 solid}#projectoverview h2,.po_grid a h3{font-size:22px;margin:10px 0 0;text-indent:0}.po_grid a h3{margin-top:13px}.po_grid p{font-size:17px;line-height:1.37;margin:0 0 30px}.po_grid header{position:static;float:left;clear:both;top:inherit;left:inherit;width:100%}.type1 .projectwrap,.type1 .projectwrap:first-child,.type1 .projectwrap:last-child,.type2 .projectwrap,.type2 .projectwrap:first-child,.type3 .projectwrap:last-child,.type3 .projectwrap,.type3 .projectwrap:first-child,.type3 .projectwrap:last-child{float:left;clear:both;width:100%}.imagewrap{height:225px;overflow:hidden}.imagewrap img{height:100%}.type1 .projectwrap:first-of-type a img{display:inherit;width:100%;height:auto;margin:0}.type1 .projectwrap:last-child{margin-top:0}.type1 .projectwrap a img,.type1 .projectwrap.biometrics-installation a img{display:block;width:auto;height:225px;margin:0 auto}.type2 .projectwrap a img{display:block;width:auto;height:100%;margin:0 auto}.type2 .projectwrap:first-child .imagewrap,.type2 .projectwrap:last-child .imagewrap{position:relative}.type2 .projectwrap:last-child a img{position:absolute;left:-9999px;right:-9999px;width:630px;height:auto;margin:0 auto}.type2 .projectwrap.hannah-teare a img{height:auto;width:auto}.type2 .projectwrap.rabbit-match a img{width:auto;height:100%}.type3 .projectwrap a img{display:block;width:auto;height:100%;margin:0 auto}.type3 .projectwrap:first-child a img{height:385px;width:auto;margin:0 auto;display:block}.type3 .projectwrap:last-child .imagewrap{height:225px}.type3 .projectwrap:last-child .imagewrap{position:relative}.type3 .projectwrap:last-child a .imagewrap img{position:absolute;bottom:-50px;width:100%;height:auto;display:block}.type3 .projectwrap.nms-royal a .imagewrap{background:#ffd7c7 url(/images/nms-grad.jpg) repeat-x;background-size:contain}.type3 .projectwrap.nms-royal a .imagewrap img{position:static;bottom:0;height:100%;width:auto}.ultimate-travel-company{background:#f2ede9}.type3 .projectwrap.ultimate-travel-company a .imagewrap img{height:316px}.po_grid a:hover img{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.po_grid a:hover{color:#333}.blogheader,.aboutheader,.contactheader{height:95px;margin-bottom:7px}#error{margin-top:30px;height:400px;background:url(/images/404.png) no-repeat 62% 0}#error h1{font-size:23px}#error p{font-size:17px}#site-footer p{font-size:14px}}@media only screen and (max-width :500px){.homeimage img{margin-top:-11%}}@media only screen and (max-width :400px){.homeimage img{margin-top:-8%}}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media only screen and (min-width:35em){}@media print,(-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}