#cover,body,html{height:100%;width:100%}.case-item,.home-cont .mid,.home-disp .mid,.home-disp .right,.send,footer .row,footer .terms{text-align:center}body,h1,h2,h3,h4,html,li,ul{margin:0;padding:0;font-family:Lato,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;line-height:1;position:relative}h1,h2,h3{font-family:Raleway,Lato,Arial,Helvetica,sans-serif;font-weight:700}.home-disp .left .tagline,header .mainnav h2{font-family:Raleway,Arial,Helvetica,sans-serif}body,html{background-color:#413f3f}#cover{background:url(../../images/puzzle/ajax-loader.gif) center center no-repeat #FFF;position:absolute;z-index:1000}.COClear{clear:both;margin:0;padding:0}header{width:100%;background-color:#fff}.wrap{width:1000px;margin:0 auto}header .wrap .logo{width:350px;float:left;position:relative}.logo img{margin:10px 0}header .wrap .mainnav{float:right;width:625px}header #mobile-menu{display:none}header .mainnav h2{font-weight:800;font-size:18px;padding-bottom:5px}header .mainnav h4{font-size:14px;font-weight:400}ul{list-style:none}.mainnav ul.mainmenu>li{display:inline;float:left}header .mainnav ul.mainmenu{margin-top:35px;position:relative;z-index:100}header .mainnav ul.mainmenu>li{border-right:1px solid #ccc}header .mainnav ul.mainmenu li.last{border-right:none}header .mainnav ul.mainmenu li.first a{padding-left:0}header .mainnav ul.mainmenu li.last a{padding-right:0}header .mainnav ul.mainmenu>li:hover h4{color:#3485ff}header .mainnav ul.mainmenu>li>a{display:block;text-decoration:none;color:#000;padding:15px 20px}header .subnav{clear:both;width:220px;padding:15px 2px;background:rgba(52,133,255,.9);color:#fff;position:absolute;left:0;line-height:30px;display:none}.case-item span,footer,header .mainnav ul .submenu:hover .subnav{display:block}header .subnav li{padding:0 15px 7px}header .subnav li a{text-decoration:none;color:#fff}header .subnav li:hover{border-left:5px solid #fff;padding-left:10px;font-weight:700}.home-disp{width:100%;background-color:#ededed;background-position:50% 50%;background-attachment:fixed;background-size:cover;color:#fff}.home-disp.main{height:450px;background-image:url(../../images/puzzle/brick-wall.jpg)}.home-disp.second{height:300px;background-image:url(../../images/puzzle/computer2.jpg)}.home-disp.third{height:300px;background-image:url(../../images/puzzle/path.jpg)}.home-disp.services-one{height:300px;background-image:url(../../images/puzzle/computer3.jpg)}.home-disp.services-two{height:300px;background-image:url(../../images/puzzle/brick-wall.jpg)}.home-disp.optimisation{height:300px;background-image:url(../../images/puzzle/meeting.jpg)}.home-disp.contact{height:300px;background-image:url(../../images/puzzle/typewriter.jpg)}.home-disp.case{height:300px;background-image:url(../../images/puzzle/studies2.jpg)}.home-disp.ppc{height:300px;background-image:url(../../images/puzzle/touch.jpg)}.home-disp.seo{height:300px;background-image:url(../../images/puzzle/search.jpg)}.home-disp.wd{height:300px;background-image:url(../../images/puzzle/studies.jpg)}.home-disp.google{height:300px;background-image:url(../../images/puzzle/organic.jpg)}.home-disp.myths{height:300px;background-image:url(../../images/puzzle/city.jpg)}.home-disp.stats{height:300px;background-image:url(../../images/puzzle/traffic.jpg)}.home-disp.im{height:300px;background-image:url(../../images/puzzle/people2.jpg)}.home-disp .mid{padding-top:120px}.home-disp .mid h2{line-height:1.2}.home-disp .left{width:490px;float:left;padding-right:10px}.home-disp .left .tagline{margin-top:100px;display:block;color:#fff;font-size:60px;line-height:70px}.home-disp .right{float:right;width:500px;position:relative;margin-top:110px}.home-cont{width:100%;background-color:#fff;padding:35px 0}.home-cont .left{width:60%;float:left}.home-cont .right{width:40%;float:right;padding-bottom:35px}.home-cont li,.home-cont p,.home-cont span{line-height:1.4em}.home-cont h2{font-size:20px;font-weight:400;padding:10px 0}.home-cont h3{font-size:16px;line-height:1.8em}.home-cont .mid{padding:0 15px}.home-cont .clients li{padding:20px}.home-cont .center-cont{text-align:center;width:100%}.case-item{width:25%;float:left;margin-top:10px}.case-item img{width:90%;border:1px solid #ddd;margin-bottom:10px}.case-item span{height:3.5em}.case-item a{line-height:1.4em;color:#3485ff;text-decoration:none}.case-item a:hover{color:#0c2f62}.tbl-seo{width:75%;margin:0 auto}.tbl-seo td{width:30%;padding:5px}footer{position:relative;background-color:#413f3f;color:#fff}footer .row{text-transform:uppercase;margin:0 5%;padding:45px 0 35px}footer .row ul{padding-bottom:15px}footer .row ul li{display:inline-block;padding:0 5%}footer .row ul li a{text-decoration:none;color:#fff}footer .row ul li a:hover{color:#3485ff}footer .sub{font-size:14px;padding-bottom:10px}footer .terms{padding:0 10% 10px;width:80%;font-size:12px;color:#aaa}footer .terms a{color:#aaa;text-decoration:none}.txt{width:80%;margin:5px auto;padding:6px 10px;border:1px solid #ccc;color:#333;font:14px Lato,Helvetica,Arial,sans-serif;-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.txt:focus,input.error{border-style:solid}.txt.home{max-width:280px}.txt:focus{border-color:#bababa;color:#444}input.error,input.error:focus{border-color:#fa2121}.send{font-family:Lato,Arial,Helvetica,sans-serif;cursor:pointer;background:#3485ff;padding:3px 50px;border:none;color:#fff;margin-top:10px;margin-bottom:10px;font-size:18px}.send:hover{background:#0c2f62}.send:active{color:#8c9dc0}.send.disabled{color:#aaa;background-color:#777}.home-disp .g-recaptcha>div{margin:0 auto;padding-right:15px}.pnl-thanks{padding-top:50px}@media only screen and (max-device-width :1024px){.home-disp{background-attachment:scroll!important}}@media screen and (max-width:1024px){header{height:auto}header .logo{padding-left:5%;width:65%!important}header .mainnav{padding-right:5%;width:15%!important}header #mobile-menu{display:block;text-align:center}header #mobile-menu h2{line-height:130px}header #mobile-menu h2 a{color:#000;text-decoration:none}header .wrap .mainmenu{display:none}.wrap{width:100%}.home-disp .right{width:40%;padding:0 5%}.home-disp .left{width:45%;padding:0 0 0 5%}.home-disp .left .tagline{margin-top:100px;font-size:50px;line-height:60px}.home-cont{width:90%;padding-left:5%;padding-right:5%}}@media screen and (max-width:767px){.home-cont .center-cont img,.logo img{max-width:100%}header #mobile-menu h2{line-height:120px}.home-disp .right{display:none}.home-disp.main{height:300px}.home-disp.case,.home-disp.contact,.home-disp.google,.home-disp.im,.home-disp.myths,.home-disp.optimisation,.home-disp.ppc,.home-disp.second,.home-disp.seo,.home-disp.services-one,.home-disp.services-two,.home-disp.stats,.home-disp.third,.home-disp.wd{height:200px}.home-disp .left .tagline{margin-top:60px;font-size:40px;line-height:50px}.home-disp .left{width:90%;text-align:center}.home-cont .left,.home-cont .right,.tbl-seo{width:100%}.home-disp.second .mid{padding-top:40px}.home-disp.im .mid,.home-disp.third .mid{padding-top:50px}.home-disp.seo .mid{padding-top:60px}.home-disp.case .mid,.home-disp.google .mid,.home-disp.myths .mid,.home-disp.optimisation .mid,.home-disp.ppc .mid,.home-disp.services-one .mid,.home-disp.services-two .mid,.home-disp.stats .mid,.home-disp.wd .mid{padding-top:70px}.home-disp.contact .mid{padding-top:85px}.home-disp .mid h2{font-size:1.2em}.tbl-seo h3{line-height:1}.case-item{width:50%}footer .row ul li{display:block;padding:10px 5%}}@media screen and (max-width:380px){header #mobile-menu h2{line-height:100px}}