@import 'https://www.datadial.net/wp-content/themes/datadial-prima/css/entypo.css';*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#1a1e22;font-family:acumin-pro,muli,helvetica neue,helvetica,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}html,.scrollbox{scrollbar-width:thin;scrollbar-color:#858d93 #262a2e}html::-webkit-scrollbar,.scrollbox::-webkit-scrollbar{background:#262a2e;width:5px;height:5px}.scrollbox::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:#858d93}body,div,dl,dt,dd,ul,ol,li,pre,form,p,blockquote,th,td{font-size:.8vw}h2,h3,h4,h5,h6{font-style:normal;font-family:acumin-pro,sans-serif;font-weight:200;margin:15px 0 20px}h1,.h1{font-size:5.6vw;line-height:5.6vw;font-weight:100;margin:0 0 20px}.h2,h2{font-size:2vw;line-height:2.4vw;letter-spacing:-.5px}h3{font-size:1.4vw;line-height:1.6vw}blockquote cite,h4{font-size:1.1vw;line-height:1.2vw}blockquote p,h5{font-size:.9vw;line-height:1.2vw;font-weight:300}h6{font-size:.8vw;line-height:1.2vw;font-weight:400;text-transform:uppercase}p{font-size:.8vw;line-height:1.2vw;margin:15px 0;font-weight:300}p strong{font-weight:600}h1 strong{color:#df5a18;font-weight:100}h2 strong,h3 strong{color:#df5a18;font-weight:200}.wideband.featimg .txtframe h2:first-of-type,.alt-font{font-family:rollerscript-smooth,sans-serif;font-weight:300;font-style:normal;text-transform:none;font-size:1.66vw;line-height:1.68vw;text-rendering:geometricPrecision}blockquote cite{font-family:rollerscript-smooth,sans-serif;font-weight:300;font-style:normal;text-transform:none;color:#5c6875}img,object,embed{max-width:100%;height:auto}img{display:inline-block;vertical-align:middle}.midtext{margin:0 auto;max-width:940px;display:block}.servicetitle{margin-bottom:10px}.servicetitle strong{color:#df5a18;font-weight:400}.servicetitle span{color:#a5adb6}a,a:hover,a:focus,a:active{color:#df5a18;text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent}.featimg{background-image:url("");background-position:center;background-repeat:no-repeat;background-size:cover}.featimg img{width:100%}.featimg a{display:block;width:100%;height:100%}.rte p+h2,.rte p+h3,.rte p+h4{margin-top:30px}.rte ol,.rte ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:15px 0;padding:0 20px}.rte ol li,.rte ul li{padding:0 0 0 15px;margin:5px 0;width:47%}.flexgrid.threeblocks ol li,.flexgrid.threeblocks ul li{width:100%}.text-right{text-align:right}.text-center{text-align:center}iframe[name=google_conversion_frame]{height:0;top:-20px}body .grecaptcha-badge{opacity:0;visibility:hidden;z-index:-100}body.page-template-page_services section.main-section,body.page-template-full-width section.main-section{padding:0}body.page-template-full-width #main{position:static;z-index:10}body.page-template-full-width #wrapper{background:0 0}body.page-template-full-width #maincontent{padding:50px 0}body.page-template-full-width .innerframe.title{position:relative;z-index:10}body.page-template-full-width #maincontent.whitebox{background:#fff;margin:0 auto;display:block;position:relative;z-index:100;padding:50px 20px}#headerimg{position:fixed;display:block;background-color:#1a2128;background-position:center;background-repeat:no-repeat;background-size:cover;top:0;left:0;right:0;bottom:0;z-index:-1;min-height:100vh;padding:0;margin:0}#headerimg:after,#headerimg:before{content:"";position:absolute;display:block;top:0;left:0;right:0;bottom:0;z-index:1}#headerimg:after{background:url(/wp-content/themes/datadial-white/img/screen-shadow.svg) center/cover no-repeat;mix-blend-mode:hard-light}#headerimg:before{mix-blend-mode:multiply;-webkit-animation-name:fadeInBlack;animation-name:fadeInBlack;-webkit-animation-duration:1.8s;animation-duration:1.8s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}.home #headerimg:after{background-color:rgba(9,12,14,.3)}#ddVideo{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;background-color:#262a2e;padding:0;margin:0}.innerframe{margin:0 auto;width:100%;max-width:1200px;display:block;padding:0;position:relative}#offcanvas{display:block;position:relative;overflow:hidden;min-height:100%;height:100%;width:100%;background-color:rgba(0,0,0,.13)}#wrapper{margin:0;width:100%;position:relative;left:0}#offcanvas.active #navframe{left:0}#navframe{display:block;min-height:100%;position:fixed;top:0;padding:0;z-index:7900}#enq_icon{display:block;font-size:13px;font-weight:700;height:40px;line-height:38px;padding:0;position:fixed;right:30px;top:0;transition:all ease-in .4s;width:40px;z-index:5000}#offcanvas.active #enq_icon{background:#a5adb5;right:10px}#offcanvas.docked #enq_icon{background:#df5a18}#enq_icon span:before{color:#fff;line-height:40px;text-align:center;font-size:30px;font-weight:400;display:block}#enq_icon span:before{font-size:20px}#menu_icon{position:fixed;top:20px;right:20px;z-index:5000;display:block;height:50px;width:50px;padding:0}.site-title{font-family:acumin-pro,sans-serif;margin:0;padding:20px 0 0;z-index:500;display:inline-block;position:fixed;top:0;right:90px;color:#fcfcfc;font-weight:400;font-size:.8vw;line-height:1vw;transition:all ease-in-out .4s;max-width:350px;text-align:right}.site-title a,#tel a{color:#fff;display:block;line-height:30px}#tel{display:block;padding:0 4%;margin:0;color:#fff}p.site-description{padding:4px 15px;margin:5px 0 10px;color:#ccc}.flexgrid{padding:0;margin:0;display:flex;justify-content:space-between;flex-wrap:wrap;list-style-type:none}.flexgrid>div,.flexgrid>li{width:24%;margin:0}.flexgrid>li{display:block}.flexgrid>li>a{padding:0;color:inherit}.flexgrid.xxx .featimg{display:block;background:#f5f5f5 url() center/cover no-repeat}.flexgrid .featimg img{color:#ccc;font-size:10px;padding:0;display:block;margin:0;transition:all ease-in-out .4s}.flexgrid.xxx a:hover .featimg img{background:rgba(0,0,0,.4)}.flexgrid.xxx img.blockimg{display:block;width:100%;height:200px;object-fit:cover;object-position:center}.flexgrid.project{padding:0;margin:0 -1.66%;align-content:flex-start;justify-content:initial}.flexgrid.project>div,.flexgrid.project li{width:30%;margin:0 1.66% 15px}.flexgrid.project li{display:block}[class*=box-],div[class*=box-],input[class*=box-]{display:inline-block;margin:0 -2px;vertical-align:top}.box-10,input.box-10[type=text],input.box-10[type=password]{width:10%}.box-20,input.box-20[type=text],input.box-20[type=password]{width:20%}.box-25,input.box-25[type=text],input.box-25[type=password]{width:25%}.box-30,input.box-30[type=text],input.box-30[type=password]{width:30%}.box-33,input.box-33[type=text],input.box-33[type=password]{width:33.3%}.box-35,input.box-35[type=text],input.box-35[type=password]{width:35%}.box-40,input.box-40[type=text],input.box-40[type=password]{width:40%}.box-45,input.box-45[type=text],input.box-45[type=password]{width:45%}.box-50,input.box-50[type=text],input.box-50[type=password]{width:50%}.box-55,input.box-55[type=text],input.box-55[type=password]{width:55%}.box-60,input.box-60[type=text],input.box-60[type=password]{width:60%}.box-65,input.box-65[type=text],input.box-65[type=password]{width:65%}.box-70,input.box-70[type=text],input.box-70[type=password]{width:70%}.box-75,input.box-75[type=text],input.box-75[type=password]{width:75%}.box-80,input.box-80[type=text],input.box-80[type=password]{width:80%}.box-90,input.box-90[type=text],input.box-90[type=password]{width:90%}.box-100,input.box-100[type=text],input.box-100[type=password]{width:100%}.pad-5{padding:5px}.pad-0-5{padding:0 5px}.pad-10{padding:10px}.pad-10-0{padding:10px 0}.pad-0-10{padding:0 10px}.pad-10-l{padding:0 0 0 10px}.pad-10-r{padding:0 10px 0 0}.pad-20{padding:20px}.pad-20-0{padding:20px 0}.pad-0-20{padding:0 20px}.pad-20-l{padding:0 0 0 20px}.pad-20-r{padding:0 20px 0 0}.pad-40{padding:40px}.pad-40-0{padding:40px 0}.pad-0-40{padding:0 40px}.pad-40-l{padding:0 0 0 40px}.pad-40-r{padding:0 40px 0 0}.pad-50{padding:50px}.pad-50-0{padding:50px 0}.pad-0-50{padding:0 50px}.pad-50-l{padding:0 0 0 50px}.pad-50-r{padding:0 50px 0 0}input[type=email],input[type=tel],input[type=text],input[type=password],input[type=button],input[type=submit],select{padding:8px;color:#fff;display:block;width:100%;border:none;border-bottom:1px solid #727679;background:0 0;margin:0 0 8px;font-family:inherit;-webkit-appearance:none;border-radius:0;height:45px}input{padding:14px 8px}input:focus,textarea:focus{background-color:#fff;color:#1a2128;outline:none}select:focus{outline:none}input[type=button],input[type=submit]{-webkit-appearance:none}::-moz-placeholder{opacity:1}::-webkit-input-placeholder{color:#a5adb6}::-moz-placeholder{color:#a5adb6}:-ms-input-placeholder{color:#a5adb6}:-moz-placeholder{color:#a5adb6}select option{padding:4px;background-color:#15243d;color:#898b8d;font-size:17px}textarea{font-size:13px;padding:8px;color:#15243d;display:block;width:100%;border:none;border-bottom:1px solid #15243d;margin:0 0 8px;font-family:inherit;height:150px;background:0 0}label{display:block;margin-bottom:8px;vertical-align:top}input[type=button],input[type=submit]{background:0 0;color:#15243d;border:1px solid #15243d;cursor:pointer;padding:8px 20px;display:inline-block;width:auto;text-transform:uppercase}input[type=text][class*=box-],input[type=password][class*=box-],input[type=button][class*=box-],input[type=submit][class*=box-]{display:inline-block;width:inherit}input[type=checkbox]+[class*=box-]{padding:0 10px}.enquirybox select{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;cursor:pointer;font-size:16px;font-weight:300}input.hidden{display:none}fieldset{border:solid 1px #ddd;padding:1.25rem;margin:1.125rem 0}fieldset legend{font-weight:700;background:#fff;padding:0 .1875rem;margin:0;margin-left:-.1875rem}.hidden{display:none}.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha{text-align:right}.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha>div{display:inline-block;margin:20px 0;text-align:left}.innerframe.title{position:relative;min-height:340px}.innerframe.title h1{position:absolute;right:20px;bottom:60px;text-align:right}.innerframe.title h3.caption{position:absolute;right:20px;bottom:30px}.alphabox{display:block;position:relative;color:#f5f5f5;background:rgba(0,0,0,.4);border:1px dashed #666}#container{position:relative}#main{z-index:10}#maincontent:after,.innerframe:after{content:".";position:relative;display:block;clear:both;height:0;overflow:hidden}#masthead{}#logo{display:block;width:180px;height:130px;background:url(../img/dd_badge2.svg) center 0/contain no-repeat;margin:0 auto;padding:130px 0 0;text-align:center;font-size:0;position:fixed;top:10px;left:30px;right:auto;z-index:8000;transition:height ease-in-out .6s}#logo:after{content:"";position:absolute;top:15px;right:-15px;margin:auto;height:55%;width:1px;background:rgba(255,255,255,.2);transition:all ease-in-out .5s}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.shadow{-moz-box-shadow:0 2px 3px #acacac;-webkit-box-shadow:2px 0 3px #acacac;box-shadow:0 2px 3px #acacac;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#acacac')}.rounded{-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.white-text{color:#f5f5f5}.sidebar form{display:block;padding-bottom:20px}input,select{padding:4px 6px;display:block;width:100%;border:1px solid #e6e5e6;margin:0 0 8px;font-family:inherit;font-size:14px;outline:none;-webkit-appearance:none;border-radius:0}select option{padding:2px 4px}select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#fff url('../img/chevron-down.svg') 98% center/22px auto no-repeat}textarea{font-size:13px;padding:8px;color:#999;display:block;width:100%;border:1px solid #e6e5e6;margin:0 0 8px;font-family:inherit;height:150px;outline:none;-webkit-appearance:none;border-radius:0}label{display:block;margin-bottom:4px}input[type=submit]{background:#df5a18;color:#fff;border:none;cursor:pointer;padding:9px}.button{background:#df5a18;color:#fff;cursor:pointer;padding:12px 30px;display:inline-block;text-align:left;font-weight:500;font-size:12px;letter-spacing:1px;position:relative;text-transform:uppercase;-webkit-transition:background ease-in-out .4s,color ease-in-out .3s;transition:background ease-in-out .4s,color ease-in-out .3s}.button:hover{background:#5a626e;color:#fff}.button.line{border:1px solid #fff;background:0 0}.button.line:hover{background:#fff;color:#484d54}.button.line.black{border:1px solid #1a2128;color:#1a2128;background:0 0}.button.line.black:hover{border:1px solid #222;background:#222;color:#fff}aside.widget{padding:0}#sidebar{color:#a5adb6}#sidebar .widget-title{border:none;margin:15px 0 30px}#sidebar #categories-2>ul{margin:0 -18px}#sidebar aside>ul,#sidebar aside>ol{padding:10px 0;margin:0;list-style:none}#sidebar ul li,#sidebar ol li{margin:0 -1px 4px;padding:0;font-weight:400;list-style:none;display:inline-block}#sidebar ul li:last-of-type,#sidebar ol li:last-of-type{border:none}#sidebar ul ul,#sidebar ol ol{border-top:1px solid #a8afb9;padding:3px 0 3px 15px;font-size:13px}#sidebar ul li{display:inline-block;vertical-align:top;margin:0 -2px;width:50%;padding:0 20px 10px}#sidebar ul li a{text-decoration:none;display:block;padding:5px 5px 5px 0;color:#fff;font-weight:400}#sidebar .current-cat a{color:#df5a18}#sidebar ul ul li a{text-decoration:none;font-weight:400;display:block;color:#728294}#sidebar ul li.current_page_item a{color:#df5a18}#sidebar #tweet-list a:after{content:"";display:none}#sidebar ul ul a:after,#sidebar ol ol a:after{content:""}#sidebar a:hover{color:#df5a18}#sidebar form{display:block}#sidebar label{}#sidebar #searchform input{display:inline-block;vertical-align:top;width:calc(100% - 100px);margin:0 -2px}#sidebar aside>ul,#sidebar aside>ol{padding:0;margin:0;list-style:none}#sidebar #categories-2 ul{display:block}#sidebar #searchform label{display:none}#sidebar #archives-2,#sidebar #search-2{padding:0}#sidebar #search-2 input[type=text],#sidebar #archives-2 select{background-color:transparent;border:1px solid #a5adb6;color:#f5f5f5}#sidebar #search-2 input[type=submit]{width:100px;float:right}#sidebar #archives-2 label{display:none}#content-frame.blank #sidebar select,#content-frame.blank #sidebar input[type=text]{background:#a8afb9;color:#fff;border:none}#content-frame.blank #sidebar #searchsubmit{background:#9eaf9f}#content-frame.blank #sidebar label{color:#ccc}#content-frame.blank #sidebar h3{color:#f5f5f5}#content-frame.blank #sidebar select,#content-frame.blank #sidebar input[type=text]{background:rgba(0,0,0,.2);border:1px solid #666;color:#fff;margin:0 0 5px}.postwrap{width:100%;display:block;background-color:#fff;margin:0 auto 40px;padding:5px;color:#3a424a;position:relative}.postwrap img{max-width:100%;height:auto;display:block}.postwrap .leftbox img{width:100%;display:block}.postwrap .custom-bg{height:250px}.postwrap .post{width:100%;height:auto;min-height:210px;padding:0 20px;margin:0 0 10px;position:relative}.postwrap .date-time{font-size:14px}.postwrap a{color:#fff;color:#3a424a}.postwrap h2 a{font-family:acumin-pro;text-transform:uppercase}.postwrap .txtbox>h3{padding:10px 15px}.postwrap .button{background:#949d68;background:#a8afb9;display:inline-block;position:absolute;right:0;bottom:0;color:#fff;margin:0}.paging{height:40px;display:block;margin:6px auto 0}.paging a{display:inline-block;vertical-align:top;margin:0;padding:4px 15px;line-height:30px;color:#a5adb6;border:1px solid #a5adb6;text-align:center;width:120px;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:1px}.paging a:hover{color:#fff;background-color:#a5adb6}.paging div{display:inline-block;vertical-align:top}.paging .navleft{float:left}.paging .navright{float:right}#maincontent .postnav{display:block;min-height:30px;margin:20px 0;padding:10px 0}#maincontent .postnav span{display:inline-block;vertical-align:middle}#maincontent .postnav span.next{float:right}#maincontent .postnav span a{border:1px solid rgba(168,175,185,.85);padding:10px 20px;display:block;font-weight:700;color:rgba(168,175,185,.85);font-size:13px;text-transform:uppercase}.vcard{border:none;display:inline-block;margin:0;padding:0}.vcard,.vcard .fn{font-size:18px;font-style:normal;font-weight:400;padding:0;margin:0}.vcard cite{text-transform:capitalize}.commentmetadata{border:none;display:inline-block;margin:0 0 0 70px;padding:0;font-size:14px;color:#a8afb9;float:right;line-height:50px}.vcard .avatar{border-radius:50%;border:3px solid #666;margin:0 10px 0 0}.comment-body p{margin-left:70px;color:#e6e5e6}.comment-body a{color:#9eaf9f}.comment-body .reply{border-top:1px dotted #595d5f;text-align:right;text-transform:uppercase;font-size:14px;margin-bottom:15px;padding:5px 0}#Contact .enquiry{padding:50px 0}#Contact .enquiry input,#Contact .enquiry textarea{border-color:#a5adb6;color:#1a2128}#Contact .enquiry input[type=checkbox]{display:inline-block;vertical-align:middle;width:20px;height:20px;margin:0 0 0 5px}#Contact .enquiry p.human,#Contact .enquiry p.join{text-align:right}#Contact .enquiry input.wpcf7-quiz{display:inline-block;vertical-align:middle;width:80px;height:40px;margin:0 0 0 5px;border:1px solid #a5adb6}#Contact .enquiry p.enquire-button{text-align:right;min-height:45px}#Contact .enquiry input[type=submit]{padding:12px 30px;float:right;margin-left:10px;color:#fff}.toptitle{padding:0 0 50px;display:block}.toptitle.angle{text-align:center;margin-bottom:0;min-height:230px}.toptitle.angle h1{display:inline-block;vertical-align:top;-ms-transform:rotate(-9.6deg);-webkit-transform:rotate(-9.6deg);transform:rotate(-9.6deg);padding:10px 30px;border-top:3px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.2);background:url(/wp-content/themes/datadial-white/img/charchoal.svg) 0 center/cover repeat-x;margin:20px 0 10px;min-width:550px;letter-spacing:3px;font-size:60px;line-height:62px;max-width:600px}body.page-id-4566 .toptitle.angle h1:after{content:"\e61f\e61f\e61f\e61f\e61f";font-family:icomoon;white-space:pre;text-align:center;font-size:22px;color:#fff;position:absolute;top:-60px;right:0;width:100%;letter-spacing:10px;text-indent:10px}.pageintro h1 strong{display:block;color:#df5a18}.maindate{text-transform:uppercase;color:#a8afb9;height:25px;border-bottom:1px solid #a8afb9;width:180px;font-size:14px;display:block;margin:-15px 0 0 4px}.flexgrid.articles{padding:50px 0 0}.flexgrid.articles .postwrap{width:32%;margin:0 0 30px}#headerimg .caption{display:inline-block;vertical-align:top;padding:0;margin:0;position:absolute;right:0;bottom:-45px;max-width:550px;text-align:right;z-index:300}#headerimg.clientbox{height:600px}#headerimg.clientbox .caption{bottom:50px;max-width:100%}#headerimg.clientbox:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.13)}#headerimg.clientbox .caption h1{display:block}#headerimg.clientbox .caption h3 a{color:#fff;font-size:18px}#headerimg .caption h1,h3.caption{display:inline-block;vertical-align:top;padding:10px;color:#fff;margin:0 0 5px;position:relative}#headerimg .caption h1{padding:10px 20px;margin:0;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.4);display:block}.whitebox{display:block;background-color:#fff;padding:1px 0 0;margin:0;color:#252627}.whitebox.nopad{padding:0}.captionpad{padding:15px 20px 10px}div[class^=bg-]{color:#fff}.bg-dd{background:#df5a18}.bg-dd a{color:#fff}.bg-xmas{background:#8c0303}.bg-0{background:rgba(9,12,14,.65)}.bg-1{background:rgba(233,192,99,.85)}.bg-2{background:rgba(168,175,185,.85)}.bg-3{background:rgba(78,74,75,.85)}.bg-4{background:rgba(113,117,120,.85)}.bg-5{background:rgba(67,87,103,.85)}.bg-6{background:rgba(65,54,58,.85)}.bg-7{background:rgba(38,42,46,.85)}.bg-8{background:rgba(148,157,104,.85)}.bg-9{background:rgba(158,175,159,.85)}.bg-10{background:rgba(241,173,172,.85)}.bg-11{background:rgba(249,236,227,.85);color:#5c6875}.bg-12{}.bg-13{}.boxline{display:block;margin:-1px 0 0;height:6px}#offcanvas>.boxline,#footer+.boxline{height:4px}.introbox[class*=bg-],.home h1[class*=bg-]{background:0 0}.introbox.bg-dd h1:after,.flexgrid.home-intro .bg-dd h5 i,.flexgrid.home-intro .bg-dd ul li:before,.home .bg-dd h1:before{color:#df5a18}.introbox.bg-0 h1:after,.flexgrid.home-intro .bg-0 h5 i,.flexgrid.home-intro .bg-0 ul li:before,.home .bg-0 h1:before{color:#090c0e}.introbox.bg-1 h1:after,.flexgrid.home-intro .bg-1 h5 i,.flexgrid.home-intro .bg-1 ul li:before,.home .bg-1 h1:before{color:#e9c063}.introbox.bg-2 h1:after,.flexgrid.home-intro .bg-2 h5 i,.flexgrid.home-intro .bg-2 ul li:before,.home .bg-2 h1:before{color:#a8afb9}.introbox.bg-3 h1:after,.flexgrid.home-intro .bg-3 h5 i,.flexgrid.home-intro .bg-3 ul li:before,.home .bg-3 h1:before{color:#4e4a4b}.introbox.bg-4 h1:after,.flexgrid.home-intro .bg-4 h5 i,.flexgrid.home-intro .bg-4 ul li:before,.home .bg-4 h1:before{color:#717578}.introbox.bg-4 h1:after,.flexgrid.home-intro .bg-5 h5 i,.flexgrid.home-intro .bg-5 ul li:before,.home .bg-5 h1:before{color:#435767}.introbox.bg-5 h1:after,.flexgrid.home-intro .bg-6 h5 i,.flexgrid.home-intro .bg-6 ul li:before,.home.bg-6 h1:before{color:#41363a}.introbox.bg-6 h1:after,.flexgrid.home-intro .bg-7 h5 i,.flexgrid.home-intro .bg-7 ul li:before,.home .bg-7 h1:before{color:#262a2e}.introbox.bg-8 h1:after,.flexgrid.home-intro .bg-8 h5 i,.flexgrid.home-intro .bg-8 ul li:before,.home .bg-8 h1:before{color:#949d68}.introbox.bg-9 h1:after,.flexgrid.home-intro .bg-9 h5 i,.flexgrid.home-intro .bg-9 ul li:before,.home .bg-9 h1:before{color:#9eaf9f}.introbox.bg-10 h1:after,.flexgrid.home-intro .bg-10 h5 i,.flexgrid.home-intro .bg-10 ul li:before,.home .bg-10 h1:before{color:#f1adac}.introbox.bg-11 h1:after,.flexgrid.home-intro .bg-11 h5 i,.flexgrid.home-intro .bg-11 ul li:before,.home .bg-11 h1:before{color:#f9ece3}#enquirybox{margin:0 auto;padding:1px 0}#enquirybox:after{content:".";width:100%;height:1px;overflow:hidden;clear:both;display:block}#enquirybox h2{font-size:46px;line-height:50px;margin:0 0 50px;text-align:center}#enquirybox input[type=text],#enquirybox input[type=email],#enquirybox input[type=tel],#enquirybox textarea,.enquire input[type=text],.enquire input[type=email],.enquire input[type=tel],.enquire textarea{background:transparent;color:#f5f5f5;border:none;border-bottom:1px dotted rgba(255,255,255,.3);margin-bottom:8px;font-size:16px;padding:8px 0}#enquirybox input[type=text]:focus,#enquirybox input[type=email]:focus,#enquirybox input[type=tel]:focus,#enquirybox textarea:focus{border-bottom:1px solid #a5adb6}#enquirybox input:focus::-webkit-input-placeholder{color:transparent}#enquirybox input:focus:-moz-placeholder{color:transparent}#enquirybox input:focus::-moz-placeholder{color:transparent}#enquirybox input:focus:-ms-input-placeholder{color:transparent}#enquirybox input.wpcf7-acceptance{display:inline-block;width:auto;margin:10px 0 0}#enquirybox p{padding:0;margin:0;font-size:14px;color:#f5f5f5}#enquirybox p a{display:inline}#enquirybox .optional{padding:10px 0 0;margin:0 0 15px;color:#a8afb9;color:#fff}#enquirybox .join{margin:0 0 5px;text-align:right}#enquirybox p.enquire-button{display:block;margin:15px 0 0;text-align:right;position:relative}#enquirybox input[type=submit]{background:#949d68;background:#df5a18;font-size:16px;display:inline-block;width:auto;padding:10px 30px;color:#fff}#enquirybox p.enquire-button .ajax-loader{position:absolute;top:0;right:0;background:#fff;padding:2px}#enquirybox .wpcf7-quiz-label,#enquirybox input.wpcf7-quiz,.enquire .wpcf7-quiz-label,.enquire input.wpcf7-quiz{display:inline-block;vertical-align:top;color:#f5f5f5}#enquirybox p.human,.enquire p.human{text-align:right}.enquire p.human{font-size:13px}#enquirybox .wpcf7-quiz-label,.enquire .wpcf7-quiz-label{width:70%;line-height:37px;padding:0 10px 0 0}#enquirybox input.wpcf7-quiz,.enquire input.wpcf7-quiz{width:28%}#enquirybox span[role=alert]{margin:-5px 0 0;display:block;font-size:14px}#enquirybox input[type=checkbox]{display:inline-block;vertical-align:top;margin:8px 0 0 10px;width:auto;width:20px;height:20px}#enquire-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;text-align:center;padding:10% 20px 0;z-index:9000;margin:0 auto}#enquire-overlay.active{display:inline-block}#enquirybox form .pad-20-r{padding-right:40px}#enquirybox form .pad-20-l{padding-left:40px}.enquire{display:inline-block;margin:0 auto;padding:20px;width:100%;max-width:360px;color:#fff;position:relative;text-align:left}.enquire .icon-cross2{position:absolute;top:10px;right:10px;color:#fff;text-align:center;font-size:24px;cursor:pointer}.enquire input[type=text],.enquire input[type=email]{border:1px solid #ccc}.enquire p{padding:0}.enquire input[type=submit]{border:medium;color:#fff;cursor:pointer;padding:10px;font-size:18px;text-transform:uppercase;font-weight:700;border-radius:4px;background:#1a2128}.wpcf7-response-output.wpcf7-mail-sent-ok{border:none;text-align:right}#service-section3 .call2action-title{display:inline-block;vertical-align:top;padding:15px 20px 10px;color:#fff;margin:0 0 -15px;position:relative;left:0;top:-25px;z-index:10}#sector{color:#fff;padding:50px 0 100px}#sector>h3{max-width:700px;margin:0 auto 50px;position:relative;z-index:10}#sector>h3:before{content:"";display:block;width:100%;height:100px;lef:0;background:url(../img/wreath1.svg) center/contain no-repeat}h3.footer{max-width:650px;position:relative;margin:0 auto 100px}h3.footer a{display:block;margin:20px auto 0}ul.tiles{padding:0;margin:6px 0 0;text-align:center}ul.tiles li{display:inline-block;vertical-align:top;width:33%;min-height:220px;margin:0 0 4px;text-align:left;position:relative;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all ease-in-out .4s;color:#fff}ul.tiles li.titlebox{padding:30px 20px;color:#fff}ul.tiles li.titlebox:hover{background-position:40px 40px}ul.tiles li a{display:block;width:100%;height:100%;color:#fff}ul.tiles li a h3{color:inherit;vertical-align:middle;margin:0;padding-bottom:10px;font-family:acumin-pro;text-transform:uppercase}ul.tiles li a .hoverwrap{display:inline-block;padding:35% 10px 10px;position:absolute;bottom:0;left:0;right:0;top:0;width:100%;margin:auto;text-align:center;transition:all ease-in-out .6s;background:0 0;color:#fff;height:100%}ul.tiles li a span.sector{color:#fff;display:block;font-size:12px;letter-spacing:2px;font-weight:700;padding:10px;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.2);width:80%;margin:0 auto}ul.tiles li a p span{vertical-align:middle;display:inline-block}ul.tiles li a p{margin:0;padding:0;line-height:22px}ul.tiles li a .txt{display:block;height:100%;width:100%;top:0;left:0;margin:0;padding:15px 30px;position:absolute}#servicelist{}#servicelist ul{padding:10px 0;margin:0}#servicelist #sidebar{color:#fff;padding:20px 0}ul.sectors{padding:10px 0;margin:0;list-style:none;position:relative}ul.sectors li,#servicelist #sidebar ul li{display:inline-block;vertical-align:top;margin:0 -1px 4px 0;padding:0}#servicelist #sidebar ul li a{display:block;color:#fff;background:rgba(148,157,104,.85);padding:8px 20px;text-transform:capitalize;font-size:16px}ul.sectors li{width:20%;margin:5px 10px 10px}ul.sectors li a{display:block;padding:10px 20px;font-size:.9vw;line-height:1.4vw;background:#fff;color:#1a2128}ul.sectors li.active a,ul.sectors li a:hover{background:#df5a18;color:#fff}.home ul.sectors{margin:30px 0}.home ul.sectors li{margin:10px;width:20%}.home ul.sectors li a{background:#fff;color:#1a2128;border-radius:4px;padding:20px;height:200px;top:0;position:relative;transition:all ease-in-out .4s;transition-delay:.2s;display:flex;align-items:center}.home ul.sectors li a span{display:block;width:100%}.home ul.sectors li:hover a{background:#df5a18;color:#fff;transform:translate(0,-15px)}#servicelist #sidebar ul li a{background:rgba(78,74,75,.85)}#servicelist #sidebar ul li a:after{display:none}#servicelist #sidebar ul li a:hover{background:rgba(113,117,120,.85)}#sidebar ul li ul{display:none}h5.tel{color:#df5a18;font-size:1.2vw;line-height:1.8vw;padding:0}h5.tel span{color:#cbd7d7;display:inline-block;padding:0 20px 0 0}#servicelist #sidebar h3 strong{font-weight:400;color:#dfc063}#servicelist #sidebar ul li.current_page_item a{background:rgba(113,117,120,.85)}#servicelist #sidebar ul li.current_page_ancestor a{background:rgba(113,117,120,.85);color:#fff}blockquote{width:100%;margin:0;border:none;padding:10px 0;position:relative;border-radius:6px;text-align:center}blockquote cite:before{content:"";position:relative;width:1px;height:50px;background:#a5adb6;display:block;margin:0 auto 20px;color:#666}blockquote cite{position:relative;display:block;padding:15px 0;margin:0 auto;text-align:center;width:80%}blockquote cite:after{content:"\e61e";font-family:icomoon;height:100%;color:#df5a18;font-size:32px;line-height:26px;font-style:normal;position:relative;display:block;vertical-align:middle;margin:20px 0 0}h3.sector,h4.sector{color:#fff;display:inline-block;padding:5px 20px;position:absolute;right:0;bottom:-55px}h3.sector a,h4.sector a{color:#fff}.caseimg{position:relative;margin:8px 0}.caseimg h4{position:absolute;bottom:0;left:0;display:inline-block;padding:10px 20px}.device .clientlogo{display:block;width:100%;height:200px;background:url() center no-repeat;position:absolute;top:0;left:0}.caseimg img{display:block;width:100%;height:auto}.cs-frame{padding:100px 0}.casestudy{display:block;margin:20px auto;max-width:1200px;position:relative}.casestudy h2.cs-title{min-height:150px;margin:0;cursor:pointer;position:relative;padding:20px 30% 20px 50px;background:rgba(0,0,0,.7);color:rgba(255,255,255,.6);font-weight:300}.casestudy h2.cs-title:after{content:"\e67e";color:#fff;display:block;height:40px;line-height:40px;position:absolute;right:10px;text-align:center;top:10px;width:40px;font-size:20px;font-family:icomoon}.casestudy.active h2.cs-title:after{content:"\e67d"}.casestudy.brand.active h2.cs-title{background:rgba(0,0,0,.4);color:#fff}.casestudy h2.cs-title span{font-size:14px;line-height:18px;color:#717578;display:block;margin:10px 0 0;text-transform:uppercase;font-weight:400}.casestudy.brand.active h2.cs-title span{color:#fff}.casestudy.active .cs-content,.casestudy.active .cs-img,.casestudy.active .feat{display:block;transition:all ease-in-out .8s}.casestudy .cs-content{display:none;padding:30px;position:relative;margin:0;border-top:1px solid #666;background:#fff;color:#1a2128}.casestudy .cs-brand{display:block;height:150px;background-color:#f5f5f5;background-position:center;background-repeat:no-repeat;background-size:cover;padding:150px 0 0;overflow:hidden;position:absolute;top:0;left:0;width:100%;transition:background ease-in-out .4s}.casestudy.brand.active .cs-brand,.casestudy.brand.active h2.cs-title{height:360px}.casestudy .feat{display:none;margin:0;position:absolute;bottom:10px;right:20px}.cs-content:after{content:".";display:block;clear:both;height:0;overflow:hidden}.casestudy .cs-img{display:none;margin:0;position:relative;background:#fff}.casestudy .cs-img img{width:100%;height:auto}.casestudy .cs-img h4{position:relative;padding:10px 20px;display:block;margin:0;text-align:left;text-transform:none;color:#fff}.casestudy .cs-content blockquote{width:80%;margin:0 auto}.casestudy .cs-content blockquote:before{content:"";width:100px;margin:0 auto;display:block;border-bottom:1px solid #1a2128}.casestudy .button.profile{position:absolute;top:-80px;right:0}ul.flexgrid.clients{margin:0;background:#fff}.flexgrid.clients li{width:49.92%;margin:1px 0 2px;position:relative}.flexgrid.clients li .featimg{width:100%}.flexgrid.clients li .txtbox{width:100%;display:flex;text-align:center;align-items:center;position:absolute;top:0;right:0;bottom:0;background:rgba(0,0,0,.2);transition:all ease-in-out .4s}.flexgrid.clients li .txtbox:hover{background:rgba(0,0,0,.6)}.flexgrid.clients li .txtbox *{display:block;width:100%}.flexgrid.clients li .featimg img{max-height:500px}.flexgrid.clients .txtbox h4{display:inline-block;color:#fff;text-align:center;position:relative;margin:0;padding:10px 0}.flexgrid.clients .txtbox .clientlogo{position:relative;width:100%;height:300px;background:url() center no-repeat}.flexgrid.clients .txtbox span.sector{display:inline-block;color:#fff;position:absolute;bottom:10px;left:0;font-size:14px;width:100%;text-align:center;text-transform:uppercase;font-weight:400;letter-spacing:.5px;font-family:acumin-pro,sans-serif}[class*=svg-]{position:relative}.centerbox{width:100%;max-width:600px;display:block;text-align:left;position:relative;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:1px;margin:0 auto}.flexgrid.servicelist{margin:0;padding:1px 20px 20px}.flexgrid.servicelist li{width:32.5%;background:#fff;margin:20px 0}ul.servicelist>li .flexgrid{}ul.servicelist li .featimg{background-size:contain}ul.servicelist .txtbox{padding:30px 20px 0;margin:0;text-align:center}ul.servicelist .txtbox .boxline{width:100px;height:2px;margin:10px auto}ul.servicelist .txtbox p.cta{margin:30px 0 0;border:none}ul.servicelist .txtbox .title{margin:0;min-height:60px}ul.servicelist .txtbox .txt{padding:0 30px}ul.servicelist .txtbox .rte h2+h4{margin-top:15px}.txt-center{text-align:center}.overlay{position:relative;background-attachment:fixed;background-size:cover}.overlay .innerframe{position:relative}.overlay:before{content:"";display:block;position:absolute;top:0;left:-10%;width:120%;height:100%;background-color:rgba(0,0,0,.65);z-index:0;-webkit-box-shadow:inset 0 0 8px 3px rgba(0,0,0,.85);-moz-box-shadow:inset 0 0 8px 3px rgba(0,0,0,.85);box-shadow:inset 0 0 8px 3px rgba(0,0,0,.85);border:1px solid #2a2a2a}.overlay h4,.deviceframe h4,#wpp-4 .widget-title{color:#fff}.widget-title{font-size:36px;line-height:42px;margin:20px 0 10px}#Home #third .widget-title{font-size:50px;line-height:52px;margin:25px 0 5px}.wpp-list h3{font-size:25px;line-height:28px}.chalkline{background:url(/wp-content/themes/datadial-white/img/chalkline.svg) center bottom/100% auto no-repeat;padding-bottom:50px;margin-bottom:20px}#Home{}#Home>div{position:relative;display:block;padding:1px 0}#HomeIntro,#Home #block_first{min-height:100vh;padding:180px 0 0;margin:-180px 0 0;color:#fff;position:relative}.flexgrid.home-intro{}.flexgrid.home-intro>div{width:50%;align-items:center;text-align:center}.flexgrid.home-intro div[class^=bg-]{background:0 0}.flexgrid.home-intro .txtbox1{border-right:1px solid rgba(255,255,255,.13);display:flex;justify-content:center}.flexgrid.home-intro .txtbox1>div{padding:0 40px}.flexgrid.home-intro .txtbox1>div a{text-transform:uppercase;padding:10px 20px;color:#fff;letter-spacing:2px}.flexgrid.home-intro .txtbox1>div a:hover{color:#df5a18}.flexgrid.home-intro .txtbox1 .boxline{margin:0 auto 30px;display:block;height:1px;width:100px}.flexgrid.home-intro .txtbox1 h5{font-weight:300;letter-spacing:1px}#sector ul.categorylist li.blank h5 i,.flexgrid.home-intro .txtbox1 h5 i{display:inline-block;vertical-align:middle}.flexgrid.home-intro .txtbox2{display:block;padding:50px 0 50px 50px;border-left:1px solid rgba(255,255,255,.13)}.flexgrid.home-intro .txtbox2 p:last-of-type{margin:50px 0 0}.flexgrid.home-intro ul{display:block;text-align:left;width:90%;margin:30px auto 5px}.flexgrid.home-intro ul li{display:inline-block;vertical-align:top;width:50%;margin:0 -2px 10px;position:relative;padding:0 40px;text-align:left}.flexgrid.home-intro ul li:before{content:"\e67b";font-family:icomoon;position:absolute;left:0;top:0;color:#df5a18;font-size:24px}.flexgrid.home-intro .txtbox2[class*=bg-]{background:0 0;color:#fff}.flexgrid.home-intro .txtbox2 p a{color:#fff}.flexgrid.event{padding:30px 20px 10px}.flexgrid.event .featimg{width:50%}.flexgrid.event .txtbox{width:50%;padding:20px 50px}.flexgrid.event .txtbox .title{margin:0}.flexgrid.event .txtbox .subtitle{margin:0 0 30px}.flexgrid.event .txtbox dl.flexgrid{font-size:13px}.flexgrid.event .txtbox dl dt{width:25%;margin-right:5%;margin-bottom:15px;text-transform:uppercase;font-weight:700;font-size:11px;padding:0;border-right:1px dotted #a5adb6;display:flex;align-items:center;letter-spacing:1px}.flexgrid.event .txtbox dl dd{width:70%;margin-bottom:15px}.flexgrid.event .txtbox dd p{margin:0}.flexgrid.event .txtbox dd h4{margin:20px 0 5px}#Events{display:block;padding:1px 0}.flexgrid.event.list{margin:0 0 50px}.flexgrid.event.list:nth-child(even){flex-direction:row-reverse}.flexgrid.event.detail{padding:0}.flexgrid.event.detail>div{width:100%;padding:0 0 30px}#featvideo{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100vh;vertical-align:top;position:relative;transition:background ease-in-out .2s;overflow:hidden;scroll-snap-align:start;color:#fff;padding:0;margin:0}.fullscreenBox{width:100%;height:100%}.fullscreenBox .media{width:100%;height:100%;object-fit:cover;background-size:cover}svg.icon{width:40px;height:40px;display:inline-block;vertical-align:middle;margin:0;fill:currentColor;z-index:1}#ddlogo{display:block;margin:0 auto;width:400px;height:300px;animation:scale 3.6s ease-out forwards;z-index:1;max-width:100%}#dd_badge path{stroke-dasharray:2500;stroke-dashoffset:2500;animation:dash 2.8s ease-in forwards;stroke-width:.8}@keyframes dash{0%{stroke:rgba(255,255,255,.8);fill:transparent}80%{stroke:#fff;stroke-dashoffset:800;fill:transparent}90%{-webkit-filter:drop-shadow( 0 0 20px #fff);filter:drop-shadow( 0 0 20px #fff)}95%{stroke-dashoffset:0;fill:rgba(255,255,255,.8)}100%{stroke:transparent;fill:#fff;-webkit-filter:drop-shadow(none);filter:drop-shadow(none)}}@keyframes scale{0%{transform:scale(2)}100%{transform:scale(1)}}#tagline{margin:30px 0 0;display:block;animation:glowIn 3.5s ease-in forwards;white-space:nowrap;text-align:center;letter-spacing:0}@keyframes glowIn{0%{opacity:0}85%{opacity:0;letter-spacing:-4px}90%{opacity:1;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f9ece3,0 0 70px #f9ece3,0 0 80px #f9ece3,0 0 100px #f9ece3,0 0 150px #f9ece3}100%{width:100%;text-shadow:none;letter-spacing:0}}#Home #block_second{background:#fff}#Home #block_third{background:#fff}#Home #block_fourth{padding:50px 0 0;background:#fff}#Home #block_fourth h2{margin-bottom:50px}#Home #block_fourth .intro{padding:100px 0 50px}#Home #block_fourth .section-footer{display:block;padding:50px 0 1px}#Home #block_fifth{padding:100px 0 50px}#Home #block_fifth .h1{text-align:center;margin-bottom:50px}#Home #block_sixth{padding:100px 0 50px}#Home #block_sixth .h1{max-width:800px;margin:0 auto 30px;display:block}body.home #main{padding:0;min-height:1000px}#main .story{padding:0;margin:0 auto;background:center/cover no-repeat fixed;position:relative;display:block}#Home p.scroll{display:inline-block;position:absolute;right:50px;left:50px;bottom:20px;z-index:4;padding:0;text-align:center}#Home p.scroll a{color:#fff;display:inline-block;height:40px;text-align:center;width:40px;z-index:9000;border-radius:4px}#Home p.scroll a span:before{display:inline-block;font-size:22px;line-height:42px;width:100%}#Home h1{display:block;margin:30px auto;max-width:1080px;font-size:36px;line-height:49px;font-weight:400}#Home h1.alt{font-family:rollerscript-smooth,sans-serif;font-weight:400;font-style:normal;text-transform:none;font-size:3.6vw;line-height:3.8vw}.home h1:before{content:"\e61f \e61f \e61f \e61f \e61f";font-family:icomoon;display:block;text-align:center;margin:0 0 16px;font-size:40px;letter-spacing:10px;color:#dfc063}#Home .intro{display:block;margin:0 auto;max-width:850px;text-align:center}#Home #fourth h2{text-align:center;margin-bottom:50px}.quotes li{display:flex;flex-wrap:wrap;min-height:450px;align-items:center;justify-content:center}.quotes blockquote{display:block;max-width:800px;margin:0 auto;padding:20px 30px}#block_fifth .bx-controls{display:block;max-width:800px;margin:0 auto;position:relative;text-align:center;z-index:10}#block_fifth .bx-controls a{position:relative;display:inline-block;margin:0 10px;left:auto;right:auto}#Home ul.quotes li blockquote{display:block;width:100%;text-align:center;padding:20px 30px}.alignleft{float:left;margin:0 20px 20px 0;display:block}.alignright{float:right;margin:0 0 20px 20px;display:block}.aligncenter{display:block;margin:10px auto}.postnav.swipeBoth{background:url(/wp-content/themes/datadial-white/img/swipeBoth.svg) center/auto 50px no-repeat}.rte a{display:inline-block}#Contact{}#Contact .flexgrid.contact{padding:50px 0 20px}#Contact .flexgrid.contact .LeftSide{width:35%;margin-right:5%;border-right:1px solid rgba(255,255,255,.13)}#Contact .flexgrid.contact .Mid{width:40%}#Contact .flexgrid.contact .RightSide{width:20%;padding:60px 0 0}#Contact .flexgrid.contact .button i{display:inline-block;vertical-align:middle;margin-right:10px;font-weight:400}#Contact #mainpage{background:#fff url("../img/hammersmith.svg") center 103%/73% auto no-repeat}#Contact #directions{padding:50px 0}#Contact #directions>div>h3{border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:10px}#Contact #svgmap{background:url(/wp-content/themes/datadial-white/img/dd_map.svg) center/contain no-repeat;display:block;height:800px}#Contact .RightSide .button{display:block}a#gotop{color:#fff;display:block;margin:0;height:40px;position:absolute;text-align:center;width:40px;top:60px;border:1px solid #c4c9c5;border-radius:4px;z-index:100;right:30px}a#gotop span:before{line-height:40px;font-size:22px;width:100%;display:inline-block}a#gotop:hover{background:#f9f9f9}#footer{display:block;padding:40px 20px 10px;position:relative;left:0;width:100%;z-index:100;color:#1a2128;background:#fff;border-top:1px solid #efefef;-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05)}#footer+.boxline{margin-top:-4px;position:relative;z-index:110}#footer a{color:#a5adb6}#footer #footer_content{display:block;position:relative;color:#1a2128;z-index:1}#footer_content h2.dd{min-height:80px;line-height:80px;padding:0 20px 0 0}#footer_content p.site-description{min-height:80px;padding:5px 20px;border-left:1px solid #efefef;color:#fff;margin-bottom:20px}.partners{display:inline-block;vertical-align:middle;padding:15px 30px 15px 0;border-right:1px solid #ccc}ul.affiliates{margin:0 0 0 20px;padding:0;text-align:left;display:inline-block;vertical-align:middle}ul.affiliates li{display:inline-block;vertical-align:top;width:145px;margin:4px 0 8px;height:70px;background-position:0 0;background-repeat:no-repeat;padding-top:69px;overflow:hidden}ul.affiliates li a{display:block;height:70px;padding-top:69px;overflow:hidden}ul.affiliates li.nominet{background-image:url(/wp-content/themes/datadial-white/img/icon_nominet.png)}ul.affiliates li.google{background-image:url(/wp-content/themes/datadial-white/img/icon_google.png)}ul.affiliates li.magento{background-image:url(/wp-content/themes/datadial-white/img/icon_magento.png)}ul.affiliates li.sagepay{background-image:url(/wp-content/themes/datadial-white/img/icon_sagepay.png)}ul.affiliates li.adestra{background-image:url(/wp-content/themes/datadial-white/img/icon_adestra.png)}ul.affiliates li.telecity{background-image:url(/wp-content/themes/datadial-white/img/icon_telecity.png)}ul.affiliates li.iwdro{background-image:url(/wp-content/themes/datadial-white/img/icon_iwdro.png)}#footer_content .footer-menu{padding:10px 0;margin:0}#footer_content .footer-menu li{display:inline-block;vertical-align:top;padding:4px;margin:0}#footer_content .footer-menu li a{display:block;font-size:13px;padding:4px 0;margin:0}.posthead .addthis_sharing_toolbox{min-height:37px}.posthead .addthis_sharing_toolbox #atstbx .at-icon-wrapper{background:rgba(0,0,0,.4)!important;border-radius:4px}.error404 #headerimg{background-image:url(../img/00_admin.jpg)}.error404 #maincontent{padding:0;margin:0 auto;height:100vh;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:-180px}.error404 #maincontent:before{content:"";display:block;background:url(/wp-content/themes/datadial-white/img/404.svg) center/auto 120% no-repeat;margin:0 auto;position:fixed;width:100%;left:0;top:0;bottom:0;z-index:-1;mix-blend-mode:screen}.character_frame .page-content{color:#fff;padding:40px 20px 20px;text-align:center;border:1px dashed #666}.character_frame #searchform{width:100%;max-width:300px;display:block;margin:0 auto}.character2{display:block;background:url(/wp-content/themes/datadial-white/img/character2.png) center 0 no-repeat;margin:0 auto;min-height:500px;padding:0}.notfound:before{content:"";display:block;position:fixed;top:0;left:0;right:0;width:100%;height:100%;background:url(/wp-content/themes/datadial-white/img/404.svg) center/100% auto no-repeat;z-index:-10;margin:0 auto;max-width:1000px}.character2 .page-content{padding:200px 0 0;margin:0;text-align:center}ul.blocklist li{color:#fff;text-align:left}ul.blocklist li:nth-of-type(2) h4x{background-color:#717578;color:#cbd7d7}ul.blocklist li:nth-of-type(3) h4x{background-color:#c5c5a3}ul.blocklist li:nth-of-type(4) h4x{background-color:#787274;color:#e1dfd1}ul.blocklist li:nth-of-type(5) h4x{background-color:#65839b}ul.blocklist li a,ul.blocklist li h3{display:block;color:inherit}#ServicePage{padding-bottom:50px}#ServicePage #sector{display:block;padding:80px 0 100px}#service-section-2 .cs-intro{padding:50px 0 0}#service-section-3{padding:50px 0 0}#service-section-3 .intro h2{margin-bottom:50px}#ServicePage .cs-frame{padding:50px 0 150px}.section{padding:50px 0;display:block}.flexgrid.pagehead{padding:0 0 80px;color:#fff;display:flex;flex-flow:row wrap;align-content:flex-end;position:relative;z-index:0}#Client .flexgrid.pagehead{padding:0}#SectorsPage .flexgrid.pagehead:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:60vh;background:url(../img/wreath3.svg) center/contain no-repeat}.flexgrid.pagehead .leftbox{width:55%;padding:0;position:relative;align-self:end}.flexgrid.pagehead .rightbox{width:35%;margin-left:10%;padding:0;align-self:end}.flexgrid.pagehead .rightbox .services{display:block;margin:0 auto}.flexgrid.pagehead .rightbox blockquote cite{padding-bottom:0}.flexgrid.pagehead .rightbox .clientlogo{display:block;width:300px;height:200px;border:1px dashed rgba(255,255,255,.13);background:rgba(0,0,0,0.13) url() center/contain no-repeat;margin:0}.flexgrid.pagehead p a{color:inherit;border-bottom:1px solid rgba(255,255,255,.4)}.flexgrid.contact .cta,.flexgrid.pagehead .cta{margin:15px 0 0;text-align:right;position:relative;width:100%}.flexgrid.contact .cta,#Client .flexgrid.pagehead .cta{width:55%;padding:0 0 0 80px;text-align:left;z-index:5000}.flexgrid.contact .cta{width:100%}.flexgrid.contact .cta a,.flexgrid.pagehead .cta a{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;border-left:1px solid rgba(255,255,255,.13);padding-left:10px;margin:0}.flexgrid.contact .cta a,#Client .flexgrid.pagehead .cta a{right:auto;left:0;padding:0 10px 0 0;border-right:1px solid rgba(255,255,255,.13);border-left:none}.flexgrid.pagehead .cta h3{margin:0}.flexgrid.pagehead .leftbox .txtbox{display:block;width:100%}.flexgrid.pagehead .leftbox h1{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.13);width:100%}.flexgrid.pagehead .leftbox h3.alt-font{margin-top:0}#ServicePage .flexgrid.pagehead .leftbox h3.alt-font{margin:0}.flexgrid.pagehead .scroll{position:relative;display:block;width:55%;padding:0 50px 0 0;min-height:40px}.flexgrid.pagehead .leftbox .scroll .callus{display:inline-block;vertical-align:middle}.flexgrid.pagehead .scroll a.next{position:absolute;right:0;top:0}.flexgrid.pagehead .leftbox .scroll h4,.flexgrid.pagehead .leftbox .scroll h3{display:inline-block;vertical-align:middle;margin:0}.flexgrid.txtblocks{padding:50px 0}.flexgrid.txtblocks .leftbox{width:55%}.flexgrid.txtblocks .rightbox{width:35%;margin-left:10%}.flexgrid.txtblocks.even{justify-content:space-between;min-height:450px;align-items:center}.flexgrid.txtblocks.even .leftbox,.flexgrid.txtblocks.even .rightbox{width:45%;margin:0}.flexgrid.threeblocks{padding:100px 0}.flexgrid.threeblocks .leftbox{width:30%}.flexgrid.threeblocks .middlebox{width:30%}.flexgrid.threeblocks .rightbox{width:30%}.whitebox.nopad+.innerframe>.flexgrid.threeblocks{padding-top:0;margin-top:-50px;border-top:1px solid #fc0}#Client{}.flexgrid.pagehead .rightbox ul.services{padding:15px 0 0}ul.services{display:block;padding:0 2px;margin:0 auto;list-style:none;position:relative}ul.services li{display:block;vertical-align:top;margin:5px 0;padding:0}ul.services li :before{content:"\e60c";font-family:icomoon;display:inline-block;vertical-align:middle;padding:0 10px 0 0;color:#a5adb6}ul.services li a{padding:5px 0;color:inherit}ul.services li a:hover{color:#df5a18}#Client{}#Client .section1{display:block}.flexgrid.clientinfo{padding-bottom:20px}.flexgrid.clientinfo .leftbox{width:55%;padding:0 0 120px;min-height:720px;position:relative;display:flex;flex-flow:row wrap;align-content:flex-end}.flexgrid.clientinfo .leftbox>*{flex:1 100%;margin-top:0}.flexgrid.clientinfo .rightbox{width:35%;margin-left:10%;display:flex;flex-flow:row wrap;align-items:center;align-content:flex-end;padding:0 0 20px;position:relative}.flexgrid.clientinfo .leftbox .link span{margin-right:10px;vertical-align:middle}.flexgrid.clientinfo .leftbox .link a{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.flexgrid.clientinfo .leftbox .link a:hover{color:#a5adb6}.flexgrid.clientinfo blockquote{z-index:20;text-align:center;padding:0}.flexgrid.clientinfo blockquote p{font-size:26px;line-height:30px;padding:0}.flexgrid.clientinfo h1{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.13);margin:-30px 0 20px}.flexgrid.clientinfo .clientlogo{background:url() center/contain no-repeat;margin:0 auto;display:block;width:300px;height:200px;position:relative}.flexgrid.clientinfo .scroll{position:absolute;bottom:15px;width:100%;left:0}.flexgrid.clientinfo .enqire-button{float:right}.flexgrid.clientinfo .rightbox .device.mobile{display:block;margin:0;left:0;bottom:20px;top:auto;right:auto}.flexgrid.clientinfo .rightbox .device.mobile .clientlogo{background:rgba(0,0,0,0.4) url() center/90% auto no-repeat;position:absolute;top:0;left:0;right:0;bottom:0;width:initial;height:initial;margin:0}#Client .scroll h3{margin:0;padding:0 0 0 60px;position:relative}#Client .scroll h3 .enqire-button{position:absolute;top:0;left:0}#Client .scroll h3 .enqire-button span{margin:0 5px 0 0}#Client .link a{margin:0}.scroll .next{color:#fff;display:inline-block;vertical-align:middle;height:42px;text-align:center;width:42px;line-height:48px;border-radius:4px}.scroll .next:hover{background:rgba(255,255,255,.6)}.enqire-button{color:#a5adb6;color:#fff;font-weight:400;letter-spacing:2px;font-size:14px;line-height:20px}.enqire-button span{background:rgba(165,173,182,.6);color:#fff;display:inline-block;vertical-align:middle;font-weight:700;height:40px;line-height:42px;padding:0;width:40px;text-align:center;border-radius:4px;margin-left:5px;overflow:hidden}#enq_icon{background:rgba(165,173,182,.6);top:20px;border-radius:4px;overflow:hidden}.enqire-button span:before,#enq_icon span:before{content:"";width:40px;height:40px;background:url("../img/envelope.svg") center/22px auto no-repeat;display:block;transition:all ease-in-out .2s}.enqire-button:hover span:before,#enq_icon:hover span:before{background-color:rgba(165,173,182,.8)}p.cta{border-top:1px solid #ccc;margin-top:30px;padding-top:10px;text-align:center}p.cta.white{border:none;text-align:center;margin:0 0 50px}p.cta.white a{color:#fff}p.cta.white a:hover{color:#df5a18}#Client .deviceframe p.scroll .enqire-button{display:inline-block;vertical-align:middle;float:right}#Client #service-section3{display:block;padding:100px 0}#Client #service-section4{display:block;padding:100px 0 50px}#Client #service-section4 h2{margin-bottom:50px}#Client ul.tiles li{width:32%;float:left;margin:0 0 20px;margin-left:calc((100% - 3 * 32%)/2)}#Client ul.tiles li:nth-of-type(3n+1){margin-left:0}#Client ul.tiles li.txtbox .txt{display:flex;justify-content:center;align-items:center}#Client ul.tiles li.txtbox .txt h4 span{display:inline-block;vertical-align:middle}.cs-content blockquote p,#Home #block_fifth blockquote p,#Client .wideband blockquote p{font-size:1.2vw;line-height:1.4vw;font-weight:200}.cs-content blockquote cite,#Home #block_fifth blockquote cite,#Client .wideband blockquote cite{font-size:1.4vw;line-height:1.48vw}.featurebox{}.featurebox .flexgrid.feature{background:#fff}.featurebox .flexgrid.feature>div{width:50%}.featurebox .flexgrid.feature .featimg{position:relative;background-color:rgba(0,0,0,.13)}.featurebox .flexgrid.feature:nth-of-type(odd){background:#f5f5f5}.featurebox .flexgrid.feature:nth-of-type(even){flex-direction:row-reverse}.featurebox .flexgrid.feature .txtbox{padding:50px 5%;text-align:left;display:flex;align-items:center}.wideband{display:block;min-height:600px;position:relative}.wideband[class*=bg-]{color:#fff}.wideband.bg-white{background:#fff;color:inherit}.wideband:before{content:"";background:#131313;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.wideband.featimg{background-size:cover;background-position:center;background-repeat:no-repeat}.wideband.fixed{background-attachment:fixed}.wideband.featimg img{width:auto}.textband{display:flex;justify-content:center;align-items:center;padding:100px 0;position:relative;z-index:10;min-height:600px}.wideband.featimg .textband{background:rgba(0,0,0,.4);color:#fff;padding:0}.wideband.featimg .textband h2:first-of-type{font-size:2vw;line-height:2.2vw}.wideband.featimg blockquote cite::after,.wideband.featimg blockquote cite,.wideband.featimg blockquote,.wideband.featimg .txtbox{color:#fff}.wideband[class*=bg-] a{color:#fff;text-decoration:underline}.wideband.bg-white a{color:#df5a18;text-decoration:none}.textband blockquote,.textband .txtbox{display:block;max-width:800px;padding:0;margin:0 auto;z-index:10}.textband blockquote cite:before{background:#ccc}.textband[class*=bg-] blockquote cite:before{background:#fff}#maincontent .rte .button{color:#fff}.videobox{display:block;margin:50px auto;padding:0;max-width:1080px;width:80%;height:100%}.v_iframe{position:relative;padding-top:56%}.v_iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}.videobox .txtbox{padding:30px 0 0}#ourwork{display:block;min-height:100vh}#ourwork #sector{padding:0;display:block;color:#fff;position:relative}#sector .categorylist{display:block;padding:0;margin:0;position:relative}#sector .categorylist section{text-align:center;padding:100px 0 0;background:url() center/cover no-repeat;display:flex;align-items:center;justify-content:center;height:100vh;position:relative;margin:0;z-index:0}#sector .categorylist section .svg-trophy,#sector .categorylist section .innerframe{position:relative;z-index:100}#sector .categorylist section:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(9,12,14,0.8) url(../img/screen-shadow.svg) center/cover no-repeat;z-index:0;mix-blend-mode:hard-light}#sector .categorylist section.blank .svg-trophy{margin:0}#sector .categorylist section.blank:before{display:none}#sector .categorylist section .txtbox{color:#fff;text-align:center;display:block;padding:0 0 20px;margin:0 auto}#sector .categorylist section .scroll{position:absolute;bottom:30px;left:0;right:0;z-index:100}#sector .categorylist section:last-of-type .scroll{display:none}#sector .categorylist section .featimg{display:none}#sector .categorylist section h2{font-size:5.6vw;line-height:5.6vw;font-weight:100;color:#fff}#sector .categorylist section h4{}#sector .categorylist section .txtbox p{margin:30px auto;max-width:800px}#sector .categorylist section .flexgrid.work{text-align:left}#sector .categorylist section .flexgrid.work .leftbox{width:60%}#sector .categorylist section .flexgrid.work .rightbox{width:30%;margin-left:10%}#sector .categorylist section .flexgrid{flex-flow:row wrap;justify-content:center}#sector .categorylist section .flexgrid a{width:14%;margin:15px 1%;padding:0 10px;border:1px dashed rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;height:156px;transition:all ease-in-out .2s}#sector .categorylist section .flexgrid a:hover{transform:scale(1.13);background:rgba(165,173,182,.75)}#sector .categorylist section .flexgrid a span{color:#fff;display:block;text-transform:uppercase;font-family:acumin-pro;letter-spacing:2px;padding:0 10px}#OurClients .flexgrid.clients{padding:1px 0}.flexgrid.sectorlist{margin:-1px 0 0;padding:1px 0}.flexgrid.sectorlist li{width:49.92%;position:relative;color:#fff;margin:1px 0}.flexgrid.sectorlist .txtbox{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.13);transition:all ease-in-out .4s}.flexgrid.sectorlist a:hover .txtbox{background:rgba(0,0,0,.45)}.flexgrid.sectorlist .clientlogo{display:block;width:100%;height:200px;background:url() center no-repeat}.flexgrid.sectorlist .txtbox>div{display:block;text-align:center;width:100%}#BasicPage{}#BasicPage .introbox{text-align:center}#BasicPage ul#menu-about{display:block;padding:10px 0;border-top:2px solid rgba(255,255,255,.13)}#BasicPage ul#menu-about li{display:inline-block;margin:0 30px 5px 0}#BasicPage ul#menu-about li a{display:block;padding:5px 0;color:#fff;text-transform:uppercase;font-size:14px}#BasicPage ul#menu-about li.current-menu-item a,#BasicPage ul#menu-about li a:hover{color:#df5a18}#blogframe{position:relative;padding:50px 0}#blogframe.homepage{color:#fff}#blogframe.homepage #sidepanel{position:relative;width:100%;max-width:1360px;margin:50px auto 0;padding:0;background:0 0}#sidepanel #sidebar{display:block;width:100%;padding:20px 0 50px;margin:0}#blogframe.homepage #sidepanel #sidebar{background:0 0}#blogframe.homepage #sidepanel #sidebar ul li{width:25%}#blogframe.homepage #sidebar #search-2{padding:0;display:inline-block;vertical-align:top;margin:0;width:33%;position:relative}#blogframe.homepage .paging{padding:0 30px}#sidepanel #sidebar:after{content:".";display:block;height:0;clear:both;overflow:hidden}#dd-blog{display:block;width:100%;padding:20px 0;text-align:left;color:#fff;border-bottom:1px solid rgba(255,255,255,.13);text-transform:uppercase}#dd-blog:hover{color:#df5a18}#dd-blog h1,#dd-blog h2{padding:0;margin:0;font-size:2.6vw;line-height:2.8vw;border:none}#dd-blog span{color:#a5adb6;font-size:13px;font-weight:600;letter-spacing:5px;text-transform:uppercase}#sidepanel p{color:#262a2e}.flexgrid.postpage #sidepanel{width:30%;padding:300px 50px 50px;margin-right:10%}.flexgrid.postpage #postframe{width:50%;margin:0 auto;position:relative;max-width:850px}.flexgrid.postpage #postframe blockquote{width:80%;margin:0 auto}#postframe .post{padding:50px 8%;margin:0 0 10px}#postframe .paging .next{float:right}#sidepanel .postnav{margin:50px 0 0}#sidepanel .postnav a{display:block;color:#fff;margin:50px 0;border-bottom:1px solid rgba(255,255,255,.13)}#sidepanel .postnav a .label{padding-left:20px}#sidepanel .postnav a:hover .label{color:#a5adb6}#sidepanel .postnav a .title{font-size:12px;line-height:16px;text-transform:uppercase;letter-spacing:2px;padding:10px 0 0 20px;display:block}.flexgrid.posthead{padding:0 0 20px;margin:0;color:#fff;align-items:flex-end}.flexgrid.posthead .featimg{width:42%}.flexgrid.posthead .txtbox{width:56%}.flexgrid.posthead .txtbox h1{font-size:2.2vw;line-height:2.4vw;font-weight:200;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.13)}.flexgrid.posthead .txtbox .date{font-size:12px;line-height:16px;text-transform:uppercase;letter-spacing:2px;padding:10px 0 0;display:block}.introbox,.svg-trophy{min-height:200px;position:relative;padding:100px 0 50px;width:80%;margin:0 auto;text-align:center;max-width:980px;color:#fff}.svg-trophy{margin:100px auto}.introbox{min-height:500px;padding:150px 0 50px}.introbox h1{margin:0}.svg-trophy h1{margin:0 0 20px;min-height:100px}.introbox:before,.svg-trophy:before{content:"";display:block;position:absolute;width:100%;height:400px;z-index:-2;margin:0 auto;top:-50px;left:0;right:0;bottom:0;background:transparent url(/wp-content/themes/datadial-white/img/wreath1.svg) center 0/400px auto no-repeat}.introbox.default{margin-bottom:50px;padding:60px 0 50px;min-height:666px;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.introbox.default h1{}.introbox.default:before{background:transparent url(/wp-content/themes/datadial-white/img/creative_02.svg) center/contain no-repeat;height:380px;top:0;bottom:0;margin:auto;animation-name:fadeUpSlow;animation-duration:1.6s}.introbox.default .cta{position:absolute;bottom:5px;right:0;left:0;width:100%;border-top:none;margin:auto}.svg-wreath{margin:45px auto 20px;min-height:100px;padding:0}.svg-wreath:before{content:"";display:block;position:absolute;width:600px;height:600px;z-index:0;margin:0 auto;top:-110px;left:0;right:0;bottom:0;background:url(/wp-content/themes/datadial-white/img/wreath2.svg) center 0/65% auto no-repeat}#social{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;list-style-type:none;align-items:flex-start}#social li{margin:0 20px 15px 0;position:relative;height:30px;background:#fff}#social a{background:#fff;border:medium;display:block;width:100%;margin:0;padding:0 10px 0 50px;height:100%;color:#1a2128;font-size:14px;position:relative;line-height:30px;text-align:left}#social a:before{width:40px;line-height:30px;color:inherit;background-color:inherit;position:absolute;left:0;top:0;text-align:center;border-right:1px solid #a5adb6}#social a:hover{color:#df5a18}#sharebox{text-align:right;display:inline-block;position:fixed;right:-100px;bottom:50px;z-index:100;width:55px;padding:0 10px 0 0;transition:all ease-in-out .3s}.menu-active #sharebox{right:4%}#sharebox a{display:inline-block;vertical-align:top;width:50px;height:25px;line-height:25px;margin:15px 0;position:relative;padding:25px 0 0;color:#a5adb6;font-size:10px;letter-spacing:1px;border-right:1px solid #a5adb6}#sharebox a:before{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;font-size:20px}#sharebox a:hover:before{color:#df5a18}#sharebox a span{display:inline-block;position:absolute;top:0;right:120%;visibility:hidden;opacity:0;transition:all ease-in-out .2s;white-space:nowrap;text-transform:uppercase;font-weight:700}#sharebox a:hover span{right:105%;visibility:visible;opacity:1}#Vacancies{display:block;padding:50px 0;text-align:center}.flexgrid.careers{padding:50px 0 0}.flexgrid.careers>div{text-align:left;width:45%;margin:0 0 40px}.flexgrid.careers h2{display:block;width:100%;border-bottom:1px solid rgba(255,255,255,.3);position:relative;background:url("../img/next2.svg") right 90%/30px auto no-repeat}.flexgrid.careers h2 a{color:#fff;padding-bottom:40px;display:block;min-height:120px;transition:all ease-in-out .4s}.flexgrid.careers h2 a:hover{padding-left:20px}.site-title a{font-size:36px;font-weight:300;letter-spacing:1px}#offcanvas #navframe{}#offcanvas.active #menu_icon:after{display:none}#offcanvas.active #navframe{border-color:#a5adb5}#MainEnquiry{left:0;top:100%;height:100%;width:100%;position:fixed;background-color:#1a2128;color:#fff;padding:150px 20px 1px;display:block;opacity:0;visibility:hidden;transition:all ease-in-out .6s}#MainEnquiry:before{content:"";position:fixed;top:0;left:0;width:100%;height:110%;background:rgba(9,12,14,.7);z-index:0}#MainEnquiry>div{position:relative;z-index:10}#offcanvas.active #MainEnquiry{top:0;opacity:1;visibility:visible;z-index:100}#navframe .scrollnav{display:none}#menu_icon{display:block;font-size:13px;font-weight:700;height:40px;line-height:38px;padding:0;position:fixed;right:30px;top:0;transition:all ease-in .4s;width:40px;z-index:5000}#offcanvas.active #enq_icon{transform:rotate(45deg)}#offcanvas.active #enq_icon span:before{content:"\e684";font-size:24px;margin:0;transform:rotate(0deg);background:#df5a18;background-position:center;background-size:10px auto}#menu_icon{top:30px;right:20px}#offcanvas.active #menu_icon{opacity:.2}#menu_icon{display:none}#offcanvas.docked #navframe{}#offcanvas.docked:not(.menu-active):not(.active) #logo{height:100px;padding-top:100px;background-image:url(../img/dd_badge.svg);background-size:contain}#offcanvas.menu-active #logo{background-image:url(../img/dd_badge.svg);background-size:contain}#offcanvas.menu-active #logo:after,#offcanvas.docked:not(.active) #logo:after{background:#1a2128;top:10px;height:70%}#navframe ul.nav-menu{display:block;position:fixed;top:0;left:230px;margin:0;padding:60px 20px 20px;z-index:10;text-align:left;width:100%;max-width:1200px;transition:all ease-in-out .4s}#offcanvas #navframe:before{content:"";display:block;height:120px;width:100%;top:-120px;left:0;right:0;position:fixed;opacity:.6;background:#fff;border-bottom:1px solid #efefef;transition:all ease-in-out .3s;-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05)}#offcanvas.docked #navframe:before{top:0;opacity:1}ul.nav-menu>li{color:#fff;display:inline-block;line-height:40px;list-style-type:none;margin:0 25px 0 0;min-height:40px;padding:0;text-align:left;transition:all ease-in-out .4s}.docked ul.nav-menu>li>a,.menu-active ul.nav-menu>li>a{color:#3a424a}.docked:not(.active):not(.menu-active) .site-title{color:#3a424a;transition:all ease-in-out .4s}ul.nav-menu>li>a:first-of-type{font-size:1.2vw;line-height:1.4vw;font-weight:200;transition:all ease-in-out .4s}.menu-active ul.nav-menu>li>a:first-of-type{transition:all ease-in-out .9s}ul.nav-menu>li:not(.hasdrop)>a:first-of-type:hover{color:#df5a18}ul.nav-menu>li.tel{position:absolute;border:none;top:20px;left:20px}#offcanvas.docked ul.nav-menu>li.tel>a,#offcanvas ul.nav-menu>li.tel>a{color:#df5a18}ul.nav-menu li a{color:#fff;display:block;font-weight:300;line-height:30px;padding:0;text-align:left;text-decoration:none}ul.nav-menu ul li a{color:#3a424a}ul.nav-menu li.hasdrop{padding-right:0;position:initial;position:relative}ul.nav-menu li.hasdrop>a{display:inline-block}ul.nav-menu li.hasdrop>a:after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%) scaleX(0);transform-origin:50% 50%;width:100%;height:1px;background-color:rgba(255,255,255,.8);transition:transform 250ms}ul.nav-menu li.hasdrop>a:hover:after{transform:translateX(-50%) scaleX(1)}#offcanvas.menu-active ul.nav-menu li.hasdrop>a:after,#offcanvas.docked ul.nav-menu li.hasdrop>a:after{background-color:#a5adb6}ul.nav-menu li.hasdrop>span.trigger{position:relative;float:right;display:inline-block;width:auto}ul.nav-menu li.hasdrop>span.trigger:after{content:"\e6d2";padding:0;width:auto;font-family:icomoon}ul.nav-menu>li>ul{display:block;margin:0;padding:250px 5% 30px;position:fixed;top:0;bottom:0;left:-105%;width:101%;min-height:100%;max-height:100%;z-index:-2;background:rgba(255,255,255,.4);background:#3a424a;transition:left ease-in-out .8s,background ease-in-out .6s}#offcanvas.docked ul.nav-menu>li.active>a:after,ul.nav-menu>li.active>a:after{transform:translateX(-50%) scaleX(1)}ul.nav-menu li ul li ul{left:0;top:auto;bottom:auto;position:relative;display:block;opacity:1;padding:10px 20px 20px}ul.nav-menu>li.hasdrop>.sub-menu{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;list-style-type:none;align-content:flex-start;padding-right:35%;background:rgba(0,0,0,.4);overflow-y:auto}ul.nav-menu>li.active>.sub-menu{left:0;z-index:-1;background:#fff}ul.nav-menu>li.hasdrop>ul:after,ul.nav-menu>li.hasdrop>ul:before{content:"";display:block;width:32%;background:rgba(0,0,0,.13);background:#1A2128 url() center/cover no-repeat;height:100%;z-index:0;position:fixed;top:0;right:-36%;transition:all ease-in .45s}ul.nav-menu>li.hasdrop>ul:after{background:#161c21;transition:all ease-in-out .95s;border:none;opacity:.6;mix-blend-mode:multiply}ul.nav-menu>li.hasdrop.active>ul:after,ul.nav-menu>li.hasdrop.active>ul:before{right:0}ul.nav-menu>li.hasdrop>.sub-menu>li>a{}ul.nav-menu>li.hasdrop>.sub-menu .closeframe{display:block;padding:5px 0;position:fixed;top:-100%;right:4%;z-index:50;transition:.6s top ease-in-out .4s,.6s opacity ease-in-out 1s;margin:0;opacity:.2}ul.nav-menu>li.hasdrop>.sub-menu .close{line-height:40px;text-align:center}ul.nav-menu>li.hasdrop>.sub-menu .close:after{content:"Datadial";display:block;text-align:left;transform:rotate(90deg);transform-origin:center center;font-size:.68vw;line-height:1.4vw;margin-top:30px;text-transform:uppercase;font-weight:400;white-space:nowrap;color:#fff;position:relative;right:0;letter-spacing:8px;word-spacing:10px}ul.nav-menu>li.hasdrop.active>.sub-menu .closeframe{top:200px;opacity:1}ul.nav-menu>li.hasdrop>.sub-menu>li.title>a{padding:0;display:block;min-height:40px;font-size:1.8vw;line-height:1.8vw;border:none;font-weight:300}ul.nav-menu>li.hasdrop>.sub-menu>li.title>a:hover{color:#df5a18}ul.nav-menu>li.hasdrop>.sub-menu .close{background:#fff;color:#1a2128;vertical-align:middle;display:block;width:40px;text-align:center;line-height:44px;height:40px;cursor:pointer;position:relative;top:5px;margin:0 auto;border-radius:4px}ul.nav-menu>li.hasdrop>.sub-menu .close:hover{background:#a5adb6;color:#fff}ul.nav-menu>li.hasdrop>.sub-menu .close:hover:after{color:#a5adb6}ul.nav-menu>li.hasdrop>.sub-menu>li{width:30%;margin:0 0 10px;padding:0}ul.nav-menu>li.hasdrop>.sub-menu>li{margin:0 3% 20px 0;padding:0;display:block;position:relative;line-height:60px;width:30%}ul.nav-menu>li.hasdrop>.sub-menu>li a{padding:0;font-size:.9vw;line-height:1.6vw}ul.nav-menu>li.hasdrop>.sub-menu>li a:hover{color:#df5a18}ul.nav-menu>li.hasdrop>.sub-menu>li>a:hover{color:#df5a18}ul.nav-menu>li.hasdrop>.sub-menu>li>a{display:block;width:100%;font-size:1vw;line-height:1.6vw;padding:0 0 5px;min-height:40px;color:#3a424a}ul.nav-menu .sub-menu>li.current-menu-item>a,ul.nav-menu .sub-menu>li.current-page-ancestor>a,ul.nav-menu .sub-menu>li.current_page_item>a,ul.nav-menu .sub-menu>li.current_page_parent>a{color:#df5a18}ul.nav-menu>li.hasdrop>.sub-menu .sub-menu{padding:10px 0 20px}ul.nav-menu>li.hasdrop>.sub-menu .sub-menu>li{display:block}#offcanvas ul.nav-menu>li.current-menu-parent>a,#offcanvas ul.nav-menu>li .sub-menu>li.current-menu-parent>a,#offcanvas ul.nav-menu li.current-menu-item>a,#offcanvas ul.nav-menu>li.current-page-ancestor>a,#offcanvas ul.nav-menu li.current_page_item>a,#offcanvas ul.nav-menu li.current_page_parent>a{color:#df5a18}ul.nav-menu>li.work>.sub-menu{}ul.nav-menu>li.work>ul:before{background-image:url(../img/00_work.jpg)}ul.nav-menu>li.work>.sub-menu>li{margin:0 5% 10px 0;padding:0;width:45%;display:block}ul.nav-menu>li.work>.sub-menu>li.title{width:100%;margin:0 5% 40px 0}ul.nav-menu>li.work>.sub-menu>li>a{font-size:1.1vw;line-height:1.6vw;white-space:nowrap;font-weight:300}ul.nav-menu>li.work>.sub-menu li a:hover{color:#df5a18}ul.nav-menu>li.work>.sub-menu>li:not(.title):not(.clientlink) a:before{content:"";background:0 0;width:1px;height:2px;line-height:10px;display:inline-block;vertical-align:middle;margin-right:0;transition:all ease-in-out .2s}ul.nav-menu>li.work>.sub-menu li a:not(.title):not(.clientlink):hover:before{background:#df5a18;width:30px;margin-right:10px}ul.nav-menu>li.work>.sub-menu .close:after{content:"Our Work"}ul.nav-menu>li.development>.sub-menu{}ul.nav-menu>li.development>ul:before{background-image:url(../img/00_development.jpg)}ul.nav-menu>li.development>.sub-menu>li.title{width:100%;margin:0 5% 40px 0}ul.nav-menu>li.development>.sub-menu .close:after{content:"Web Development"}ul.nav-menu>li.development>.sub-menu>li>a{border-bottom:1px solid #a5adb6}ul.nav-menu>li.marketing>.sub-menu{}ul.nav-menu>li.marketing>ul:before{background-image:url(../img/00_marketing.jpg)}ul.nav-menu>li.marketing>.sub-menu .close:after{content:"Online Marketing"}ul.nav-menu>li.marketing>.sub-menu>li.title{width:100%;margin:0 5% 40px 0}ul.nav-menu>li.marketing>.sub-menu>li>a{border-bottom:1px solid #a5adb6}ul.nav-menu>li.about>.sub-menu{}ul.nav-menu>li.about>ul:before{background-image:url(../img/00_datadial.jpg)}ul.nav-menu>li.about>.sub-menu>li{width:100%}ul.nav-menu>li.about>.sub-menu>li.title{width:100%;margin:0 5% 40px 0}ul.nav-menu>li.about>.sub-menu li a{font-size:1.1vw;line-height:1.6vw}.single-post ul.nav-menu>li.about>a,ul.nav-menu>li.about>.sub-menu>li>a:hover{color:#df5a18}ul.nav-menu>li.about>.sub-menu>li:not(.title) a:before{content:"";background:0 0;width:1px;height:2px;line-height:10px;display:inline-block;vertical-align:middle;margin-right:0;transition:all ease-in-out .2s}ul.nav-menu>li.about>.sub-menu li a:not(.title):hover:before{background:#df5a18;width:30px;margin-right:10px}#enquirybox .close{display:inline-block;vertical-align:middle;width:40px;text-align:center;line-height:44px;height:40px;cursor:pointer;position:absolute;top:-40px;right:-40px;background:rgba(255,255,255,.4)}#enquirybox .close:hover{background:#fff;color:#1a2128}.pageintro{padding:180px 0 0;margin-top:-180px;min-height:95vh;display:flex;flex-wrap:wrap;align-content:flex-end}#Client .pageintro{min-height:95vh}#Client .pageintro .scroll{padding:0 4% 20px;text-align:right;width:100%}.pageintro.short{min-height:70vh}.pageintro h1 span{display:block;font-size:20px;line-height:30px;word-spacing:2px;margin:10px 0 0;font-weight:200}.pageintro .scroll{width:100%;margin:0}#Contact .pageintro .scroll{text-align:center;margin-top:20px}.pageintro h3.alt-font a{vertical-align:middle;margin-right:10px}#About{}.timeline{position:relative;margin:0 auto;padding:100px 0}.timeline::after{content:'';position:absolute;width:4px;background-color:#fff;top:0;bottom:0;left:50%;margin-left:-2px;display:block}.container{padding:10px 40px;position:relative;width:50%;margin:0 0 100px}.container::after{content:'';position:absolute;width:25px;height:25px;right:-13px;background-color:#fff;border:4px solid #a5adb6;top:15px;border-radius:50%;z-index:1}.container:nth-of-type(odd){left:0}.container:nth-of-type(even){left:50%}.container:nth-of-type(odd)::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid #fff;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #fff}.container:nth-of-type(even)::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:transparent #fff transparent transparent}.container:nth-of-type(even)::after{left:-13px}.content{padding:2px;background-color:#fff;position:relative;border-radius:6px}.content .featimg{border-radius:6px 6px 0 0}.content .txtbox{padding:20px 30px}@media only screen and (min-width:768px){.contentpad{padding:60px 0}}@media screen and (min-width:1024px){.introbox h1,.svg-trophy h1{padding:0;font-size:162px;line-height:152px}.svg-trophy h1{min-height:150px}#Contact{min-height:780px}#Contact .entry{width:450px;top:100px;right:0}.flexgrid.pagehead .scroll{position:absolute;display:block;width:100%;text-align:center;bottom:20px;left:0;padding:0}#Client .flexgrid.pagehead .scroll{text-align:right}.flexgrid.pagehead .scroll a.next{position:relative}}@media screen and (min-width:1280px){section.main-section{padding:180px 0 0}#ourwork{margin-top:-180px}#Contact .enquiry form .pad-20-r{padding:0 50px 0 0}#Contact .enquiry form .pad-20-l{padding:0 0 0 50px}}@media only screen and (min-width:1680px){.innerframe{max-width:1360px}#offcanvas.menu-active #logo,#logo{left:3.2%}#offcanvas.active #enq_icon,#enq_icon{right:4%}.site-title{right:7%}#navframe ul.nav-menu{left:16.5%;padding:60px 0 20px}ul.nav-menu>li.tel{left:0}ul.nav-menu>li>ul{padding:230px 3.8% 30px}a#gotop{right:4%}#Home #first{animation-delay:.5s;padding:1px;height:755px}#Home #first p.scroll{top:auto;bottom:20px;right:4%;left:4%}#Home h1.alt{font-size:2.6vw;line-height:2.8vw}#Client #profile{display:block;padding:0 0 100px}#Client #profile .leftbox{padding-right:30px}#Client #profile .rightbox{padding-left:40px}body.tax-sector .svg-trophy{min-height:450px}.flexgrid.home-intro{padding:50px 0}h1,.h1{font-size:3.6vw;line-height:3.6vw}h1.alt-font,.h2,h2{font-size:1.8vw;line-height:2.2vw;letter-spacing:-.5px}h3{font-size:1.4vw;line-height:1.6vw}blockquote cite,h4{font-size:1.2vw;line-height:1.5vw}blockquote p,h5{font-size:.9vw;line-height:1.2vw}h6{font-size:.88vw;line-height:1.2vw}p{font-size:.88vw;line-height:1.3vw;margin:20px 0;font-weight:300}body,div,dl,dt,dd,ul,ol,li,pre,form,p,blockquote,th,td{font-size:.88vw}.rte p+h2,.rte p+h3,.rte p+h4{margin-top:40px}#blogframe.homepage .paging{padding:0}}@media only screen and (max-width:1679px){h1,.h1{font-size:4.2vw;line-height:4.2vw;letter-spacing:-.5px}h1.alt-font,#enquirybox h2,.h2,h2{font-size:2.2vw;line-height:2.6vw;letter-spacing:-.5px}.alt-font,h3{font-size:1.8vw;line-height:2.2vw}blockquote cite,h4{font-size:1.6vw;line-height:2.2vw}blockquote p,h5{font-size:1.36vw;line-height:1.9vw}h6{font-size:1.12vw;line-height:1.8vw;text-transform:uppercase}body,div,dl,dt,dd,ul,ol,li,pre,form,p,blockquote,th,td{font-size:1.12vw}p{font-size:1.12vw;line-height:1.8vw}#offcanvas.active #enq_icon{right:30px}#offcanvas #navframe::before{height:101px}.site-title{max-width:300px;font-size:1vw;line-height:1.4vw;padding:0;top:25px}#logo{left:20px;width:140px}#offcanvas.docked:not(.menu-active):not(.active) #logo{height:85px;padding-top:85px}#navframe ul.nav-menu{left:180px;padding:55px 20px 10px}ul.nav-menu>li{margin:0 20px 0 0}ul.nav-menu>li>a:first-of-type{font-size:1.8vw;line-height:2vw}ul.nav-menu>li.work>.sub-menu>li>a{font-size:2.4vw;line-height:2.6vw;min-height:initial}ul.nav-menu>li.hasdrop>.sub-menu{padding:200px 33% 30px 2%}ul.nav-menu>li.hasdrop>ul::after,ul.nav-menu>li.hasdrop>ul::before{width:32%;right:-36%}ul.nav-menu>li.hasdrop>.sub-menu>li a{font-size:1vw;line-height:2vw}ul.nav-menu>li.hasdrop>.sub-menu>li>a{font-size:1.6vw;line-height:1.8vw;min-height:50px}ul.nav-menu>li.hasdrop>.sub-menu .closeframe{right:30px}ul.nav-menu>li.hasdrop.active>.sub-menu .closeframe{top:150px}ul.nav-menu>li.hasdrop>.sub-menu .close::after{font-size:.88vw;line-height:1.4vw}ul.nav-menu>li.hasdrop>.sub-menu>li.title>a{font-size:2.8vw;line-height:2.8vw}ul.nav-menu>li.work>.sub-menu>li>a{font-size:2.4vw;line-height:2.8vw}ul.nav-menu>li.about>.sub-menu>li.title a,ul.nav-menu>li.about>.sub-menu>li>a{font-size:3.4vw;line-height:4vw;width:100%}ul.nav-menu>li.hasdrop>.sub-menu{padding:160px 33% 30px 2%}ul.nav-menu>li>a:first-of-type{font-size:1.6vw;line-height:1.8vw}ul.nav-menu li.active.hasdrop::after{visibility:visible;opacity:1;left:0}ul.nav-menu>li.hasdrop>.sub-menu>li.title>a{font-size:2.2vw;line-height:2.4vw}ul.nav-menu>li.hasdrop>.sub-menu>li{margin:0 3% 15px 0}ul.nav-menu>li.development>.sub-menu>li.title{margin:0 5% 20px 0}ul.nav-menu>li.hasdrop>.sub-menu>li>a{font-size:1.4vw;line-height:1.6vw}ul.nav-menu>li.development>.sub-menu>li>a{min-height:55px}ul.nav-menu>li.about>.sub-menu>li>a,ul.nav-menu>li.work>.sub-menu>li>a{min-height:30px}.menu-active #sharebox{right:30px}.bandimg blockquote,.textband blockquote,.bandimg .txtbox,.textband .txtbox{max-width:780px}.wideband.featimg .textband h2:first-of-type{font-size:2.8vw;line-height:3vw}#sharebox{bottom:20px}.pageintro,section.main-section{padding-top:140px}.pageintro,#ourwork{margin-top:-140px}.home ul.sectors li a,ul.sectors li a{font-size:1.4vw;line-height:2vw}#footer{padding:15px 100px 30px 20px;background-size:auto 300px}a#gotop{top:30px}.featurebox .flexgrid.feature .rte ol li,.featurebox .flexgrid.feature .rte ul li{width:100%}#Client .flexgrid.pagehead .cta{width:100%}.flexgrid.home-intro .txtbox2{padding:30px 0 30px 30px}.flexgrid.home-intro ul{display:block;text-align:left;width:100%;margin:20px auto 0;padding:0}#Contact #mainpage{background-position:center 103%;background-size:90% auto}#Contact .flexgrid.contact{padding:0 0 30px}#blogframe.homepage #sidepanel{max-width:1200px;padding:0}.flexgrid.postpage #postframe{width:70%;padding:0 0 0 20px}.flexgrid.postpage #sidepanel{width:30%;padding:250px 20px 50px;margin:0}#postframe .post{padding:40px 5%}.flexgrid.posthead .txtbox h1{font-size:2.5vw;line-height:2.8vw}#Home #block_first{min-height:100vh;padding:160px 0 0;margin:-160px 0 0}#Home p.scroll{bottom:0;margin:10px 0}.home h1::before{font-size:30px}#Home h1.alt{font-size:3.2vw}.flexgrid.home-intro .txtbox2 p:last-of-type{margin:20px 0 0}.flexgrid.home-intro .txtbox2{}#MainEnquiry{padding:100px 20px 1px}.cs-content blockquote p,.cs-content blockquote cite,#Home #block_fifth blockquote cite,#Client .wideband blockquote cite,#Home #block_fifth blockquote p,#Client .wideband blockquote p{font-size:1.8vw;line-height:2.2vw}.introbox h1,.svg-trophy h1{font-size:142px;line-height:142px}#sector .categorylist section{padding:60px 0 0}#sector .categorylist section h2{font-size:6.6vw;line-height:6.6vw;margin-top:0}#sector .categorylist section .flexgrid a{width:14%;height:120px}#Client .pageintro .scroll{position:absolute;z-index:0;padding:0 30px 20px}#Client .flexgrid.pagehead{padding:0 0 20px;z-index:10}}@media only screen and (max-width:1279px){h1,.h1{font-size:5.6vw;line-height:5.6vw}h1.alt-font,.h2,h2{font-size:2.6vw;line-height:3vw;letter-spacing:-.5px}h3{font-size:2.1vw;line-height:2.6vw}blockquote cite,h4{font-size:1.8vw;line-height:2.4vw}blockquote p,h5{font-size:1.6vw;line-height:2.1vw}h6{font-size:1.4vw;line-height:1.8vw;text-transform:uppercase}body,div,dl,dt,dd,ul,ol,li,pre,form,p,blockquote,th,td{font-size:1.4vw}p{font-size:1.4vw;line-height:1.8vw}section.main-section{padding-top:120px}.pageintro,#ourwork{margin-top:-120px}.pageintro{padding:120px 20px 0}#navframe.active #logo,#logo{left:15px;width:110px;height:100px;padding-top:100px}#offcanvas.menu-active #logo::after,#offcanvas.docked:not(.active) #logo::after{top:15px;height:55%}.site-title{font-size:1.2vw;line-height:1.8vw;max-width:210px;top:15px;right:80px}#enq_icon{top:15px;right:20px}#offcanvas.active #enq_icon{right:20px}#navframe ul.nav-menu{left:0;padding:50px 20px 20px 150px}ul.nav-menu>li.hasdrop>ul::after,ul.nav-menu>li.hasdrop>ul::before{width:30%}ul.nav-menu>li.tel{left:150px}ul.nav-menu>li{margin:0 15px 0 0}ul.nav-menu>li>a:first-of-type{font-size:1.7vw;line-height:2vw}ul.nav-menu>li.hasdrop>.sub-menu>li{margin:0 4% 20px 0;width:29%}ul.nav-menu>li.hasdrop>.sub-menu>li a{font-size:1.3vw;line-height:2vw;padding-bottom:5px}ul.nav-menu>li.hasdrop>.sub-menu>li>a{font-size:1.8vw;line-height:2.2vw}ul.nav-menu>li.hasdrop>.sub-menu>li.title>a{font-size:2.6vw;line-height:2.8vw}ul.nav-menu>li.hasdrop>.sub-menu{padding:160px 30% 30px 20px}ul.nav-menu>li.hasdrop>.sub-menu .sub-menu{padding:10px 0}ul.nav-menu>li.hasdrop>.sub-menu .closeframe{right:20px}ul.nav-menu>li.hasdrop.active>.sub-menu .closeframe{top:180px}ul.nav-menu>li.hasdrop>.sub-menu .close::after{font-size:1.2vw;line-height:1.4vw}ul.nav-menu>li.work>.sub-menu>li{}ul.nav-menu>li.work>.sub-menu>li{margin:0 5% 5px 0;width:45%}ul.nav-menu>li.about>.sub-menu>li{width:94%}#Home h1.alt{font-size:3.6vw;line-height:4vw}#Home #block_first{padding:180px 20px 0;margin:-120px 0 0}.flexgrid.home-intro .txtbox1>div{background-size:90% auto}.flexgrid.home-intro .txtbox2{display:block;padding:20px 25px}.flexgrid.home-intro ul{width:100%;margin:25px auto 5px;padding:0}#Home ul.servicelist .txtbox .txt{padding:0}.cs-content blockquote p,.cs-content blockquote cite,#Home #block_fifth blockquote cite,#Client .wideband blockquote cite,#Home #block_fifth blockquote p,#Client .wideband blockquote p{font-size:2.6vw;line-height:3.2vw}.bandimg blockquote,.textband blockquote,.bandimg .txtbox,.textband .txtbox{max-width:initial;width:80%}.wideband.featimg .textband h2:first-of-type{font-size:3vw;line-height:3.2vw}.alt-font{font-size:2.6vw;line-height:3.2vw}.textband{padding:50px 0}.home ul.sectors li a,ul.sectors li a{font-size:1.6vw;line-height:2vw}ul.affiliates{margin:0 50px 10px 0}ul.affiliates li{min-width:145px;width:32%}.featurebox .flexgrid.feature .txtbox{padding:30px 5%;min-height:350px}.flexgrid.txtblocks.even{padding:50px 20px}.flexgrid.txtblocks.even .leftbox,.flexgrid.txtblocks.even .rightbox{width:48%}#ServicePage .cs-frame{padding:50px 20px}.flexgrid.txtblocks{padding:40px 20px}.flexgrid.txtblocks.even{min-height:400px;max-width:80%;margin:0 auto;padding:40px 0}.videobox{width:80%;margin:40px auto}.videobox .txtbox{padding:30px 0}.home ul.sectors li,ul.sectors li{width:25%}.home ul.sectors li:hover a{transform:none}.bandimg.fixed{background-size:auto 100vh;background-attachment:scroll}.bandimg .txtframe{background:rgba(0,0,0,.6)}.flexgrid.threeblocks .middlebox,.flexgrid.threeblocks .rightbox,.flexgrid.threeblocks .leftbox{width:80%;margin:0 auto}#ServicePage .flexgrid.pagehead .leftbox h3.alt-font{padding-right:50px}.cs-frame{padding:50px 20px}#Contact .flexgrid.contact .RightSide{width:25%}#Contact .flexgrid.contact .Mid{width:35%}#Contact #directions{padding:40px 50px}#Contact #svgmap{height:600px}#Contact .enquiry{padding:40px 20px}#ourwork{}#sector .categorylist section .flexgrid a{width:17%;height:100px}#sector .categorylist section .flexgrid a{height:90px}.flexgrid.sectorlist .clientlogo{height:160px;background-size:contain}.flexgrid.careers{padding:50px 20px 0}#BasicPage .midtext{max-width:80%}#blogframe.homepage #sidepanel,#blogframe.homepage #postlist{padding:0 20px}.flexgrid.posthead .txtbox h1{}.partners{padding:20px 20px 20px 0}ul.affiliates{margin:0 0 10px 20px}}@media only screen and (max-width:1023px){h1,.h1{font-size:7.8vw;line-height:7.8vw}h1.alt-font,#enquirybox h2,.h2,h2{font-size:3.4vw;line-height:3.9vw;letter-spacing:-.5px}h3{font-size:3.1vw;line-height:4vw}blockquote cite,h4{font-size:2.1vw;line-height:2.6vw}blockquote p,h5{font-size:1.9vw;line-height:3vw}h6{font-size:1.9vw;line-height:3vw;text-transform:uppercase}body,div,dl,dt,dd,ul,ol,li,pre,form,p,blockquote,th,td{font-size:1.9vw}p{font-size:1.9vw;line-height:3vw}#menu_icon{display:block}#navframe.active #logo,#logo{left:15px;background-position:0 0}#offcanvas.docked #logo{width:100px;background-position:0 0}#offcanvas.docked .menu-icon span{background-color:#3a424a}#offcanvas.docked .menu-icon.active span{background-color:#df5a18}#logo:after{display:none}#offcanvas #navframe::before{height:100px}.menu-main-menu-container{z-index:0}mainenquiry{z-index:100}#offcanvas.active #enq_icon,#enq_icon{right:100px;top:28px}.site-title{font-size:1.8vw;line-height:2.2vw;max-width:300px;right:180px;top:30px}#navframe.zindex #menu_icon,#navframe.zindex #enq_icon,#navframe.zindex #logo,#navframe.zindex .site-title{top:-120px;opacity:0;transition:all ease-in-out .6s}#navframe.active .site-title{color:#a5adb6}#navframe.active #logo{background:url(../img/dd_badge.svg) right 0/contain no-repeat}#navframe.active #enq_icon{opacity:.2}#navframe ul.nav-menu::before{display:none}#navframe ul.nav-menu{padding:150px 30px 50px;background-color:#fff;height:100vh;position:fixed;left:100%;transition:all ease-in-out .8s}#navframe.active ul.nav-menu{left:0}ul.nav-menu>li{display:block;margin:0 0 15px}ul.nav-menu>li.tel{position:relative;top:auto;left:auto}ul.nav-menu>li>a:first-of-type{font-size:8vw;line-height:10vw;color:#3a424a}ul.nav-menu li.hasdrop>a:after{display:none}ul.nav-menu li.hasdrop>a:focus{color:#df5a18}ul.nav-menu>li.hasdrop>ul::after,ul.nav-menu>li.hasdrop>ul::before{width:33%}ul.nav-menu>li.hasdrop>.sub-menu>li a{font-size:1.8vw;line-height:2.8vw}ul.nav-menu>li.hasdrop>.sub-menu>li>a{font-size:2.8vw;line-height:3vw}#navframe ul.nav-menu>li>.sub-menu{z-index:1}ul.nav-menu>li.hasdrop.active>.sub-menu .closeframe{top:50px}ul.nav-menu>li.hasdrop>.sub-menu{padding:50px 40% 20px 5%}ul.nav-menu>li.hasdrop>.sub-menu>li{margin:0 0 20px;width:100%}ul.nav-menu>li.hasdrop>.sub-menu>li.title>a{padding:2px 0;display:block;width:100%;letter-spacing:2px;font-size:6vw;line-height:6.6vw;margin-bottom:40px}ul.nav-menu>li.hasdrop>.sub-menu .close::after{font-size:6vw;line-height:6.6vw;right:0}ul.nav-menu>li.work>.sub-menu>li.title,ul.nav-menu>li.about>.sub-menu>li.title{width:100%;position:relative;left:initial;top:initial;margin:0 0 40px}ul.nav-menu>li.hasdrop>.sub-menu{min-height:100vh;transition:left ease-in-out .6s,background ease-in-out .8s}#offcanvas ul.nav-menu>li>ul:after,#offcanvas ul.nav-menu>li>ul:before{height:100vh}ul.nav-menu>li.work>ul::before{background-position:30%}ul.nav-menu>li.development>ul::before{background-position:50%}ul.nav-menu>li.marketing>ul::before{background-position:60%}ul.nav-menu>li.about>ul::before{background-position:40%}ul.nav-menu>li.hasdrop>.sub-menu>li>a{min-height:40px}#footer{padding:30px 20px}#footer_content>h5{margin:0 100px 30px 0}#social li{margin:0 15px 15px 0}#footer_content .partners{width:28.5%;margin:0}ul.affiliates{margin:0;padding:0 0 0 20px;width:70%}ul.affiliates li{width:32%;min-width:initial;background-size:contain}.footer-menu{width:60%}#ddVideo{}#Home h1.alt{font-size:4.6vw;line-height:5vw;margin-bottom:15px}#Home #block_first{padding:50vh 20px 50px}#Home #block_first .scroll{display:none}.flexgrid.home-intro .txtbox1,.flexgrid.home-intro .txtbox2{width:100%;border:none;padding:0 50px}.flexgrid.home-intro .txtbox1{}.flexgrid.home-intro .txtbox1>div{background-size:contain}.flexgrid.home-intro .txtbox1 h5{margin-bottom:0}.flexgrid.home-intro .txtbox1 p{margin:0}.flexgrid.home-intro .txtbox1 .boxline{margin:0 auto 15px}.flexgrid.home-intro .txtbox2{padding-top:30px}.flexgrid.home-intro .txtbox2 h1{width:80%;margin:0 auto;display:block}.flexgrid.home-intro ul{width:100%;margin:25px auto 5px;padding:0}.flexgrid.event .featimg,.flexgrid.event .txtbox{width:100%}.flexgrid.event .txtbox{padding:30px 0}.flexgrid.servicelist li{width:48.5%}.flexgrid.event dl+p{text-align:center}#Home ul.flexgrid.quotes li{width:48.5%;margin:0 0 50px}#Home #block_sixth{padding:60px 0 0}.home #sector ul.sectors{padding:0}.home ul.sectors li a,.home ul.sectors li a{font-size:2.6vw;line-height:3vw;height:150px}.menu-icon{position:relative;width:48px;height:40px;display:inline-block}.menu-icon span{position:absolute;height:calc(48px/16);width:100%;background-color:#fff;transition:all 250ms ease-in-out;transform:rotate(0deg)}.menu-icon span:nth-child(1){top:calc(48px/32)}.menu-icon span:nth-child(2),.menu-icon span:nth-child(3){top:calc(48px/3.2)}.menu-icon span:nth-child(4){top:calc(48px * 0.625)}.menu-icon.active span{background:#df5a18}.menu-icon.active span:nth-child(1),.menu-icon.active span:nth-child(4){opacity:0}.menu-icon.active span:nth-child(2){transform:rotate(45deg)}.menu-icon.active span:nth-child(3){top:calc(48px/3.2);transform:rotate(-45deg)}.menu-active #sharebox{right:20px}.wideband.featimg .textband h2:first-of-type{font-size:4vw;line-height:4.2vw}.cs-content blockquote p,.cs-content blockquote cite,#Home #block_fifth blockquote cite,#Client .wideband blockquote cite,#Home #block_fifth blockquote p,#Client .wideband blockquote p,.alt-font{font-size:3.4vw;line-height:4.2vw}#ServicePage .flexgrid.pagehead{padding:0 0 30px}.flexgrid.pagehead .leftbox,.flexgrid.pagehead .rightbox{width:80%;margin:0 auto;position:unset}.flexgrid.pagehead .scroll{display:block;width:100%;padding:0}.flexgrid.pagehead .leftbox .scroll a.next{position:absolute;right:0;top:auto;bottom:20px}.pageintro{padding:0 20px}#Client .flexgrid.pagehead .leftbox,#Client .flexgrid.pagehead .rightbox{padding:0;width:90%}#Client .flexgrid.pagehead .leftbox{display:flex;min-height:100vh;flex-wrap:wrap;padding:120px 0 0;align-content:flex-end}#Client .flexgrid.pagehead .leftbox h3,#Client .flexgrid.pagehead .leftbox p{margin-top:0}#Client .flexgrid.pagehead .rightbox{display:flex;justify-content:space-between;padding:20px 0}#Client .flexgrid.pagehead .rightbox .clientlogo{width:45%;margin-right:5%;background-size:auto}#Client .flexgrid.pagehead .rightbox .services{width:49%}.flexgrid.pagehead .scroll{display:none}#ServicePage .flexgrid.pagehead .leftbox .alt-font{margin:0;position:relative;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.3)}#ServicePage #sector{padding:80px 0 50px}.featurebox .flexgrid.feature:nth-of-type(2n){flex-direction:row}.featurebox .flexgrid.feature>div{width:100%}.featurebox .flexgrid.feature .txtbox{padding:30px 10%;min-height:initial}.bandimg blockquote,.textband blockquote,.bandimg .txtbox,.textband .txtbox{width:80%}#sector{padding:50px 20px 100px}#sector>h3{max-width:80%}ul.sectors{padding:0 5%}.home ul.sectors li,ul.sectors li{width:46.5%}.home ul.sectors li a,ul.sectors li a{font-size:2.2vw;line-height:4.2vw;height:auto;border-radius:0}.pageintro.short,#BasicPage .pageintro{min-height:100vh}#service .midtext.contentpad{padding:50px 20px}.wideband{min-height:400px}.textband,.textband.featimg.bandimg{min-height:450px;padding:30px 10%}.flexgrid.txtblocks .rightbox,.flexgrid.txtblocks .leftbox{width:100%;margin:0}.flexgrid.txtblocks .rightbox{margin-top:-15px}.flexgrid.txtblocks.even{max-width:100%;padding:0}.flexgrid.txtblocks.even .leftbox,.flexgrid.txtblocks.even .rightbox{width:100%;padding:20px 10%}.videobox{width:100%;padding:0 20px}.flexgrid.threeblocks{padding:50px 0}#Contact .flexgrid.contact .RightSide,#Contact .flexgrid.contact .Mid,#Contact .flexgrid.contact .LeftSide{margin:0;padding:0;border-right:none}#Contact .flexgrid.contact .LeftSide{width:100%;border-bottom:1px solid rgba(255,255,255,.13);padding:0 0 20px;margin:0 0 30px}#Contact .flexgrid.contact .Mid{width:60%}#Contact .flexgrid.contact .RightSide{width:40%}#Contact .flexgrid.contact .scroll{display:none}#Contact #directions{padding:40px 0}#Contact #directions>div{padding:0 20px}#Contact #mainpage{background-position:center 102%;background-size:96% auto}#sector .categorylist section .txtbox{padding:0 50px 20px}#sector .categorylist section .flexgrid a{width:31%;margin:10px 1%;height:120px}.introbox,.svg-trophy{width:100%}.introbox h1,.svg-trophy h1{font-size:110px;line-height:130px}#BasicPage .midtext{padding:50px 20px;max-width:100%}.flexgrid.careers>div{width:100%;margin:0 0 20px}.flexgrid.careers>div a{min-height:60px}.flexgrid.careers h2 a:hover{padding-left:0}.flexgrid.articles .postwrap{width:48.5%;margin:0 0 20px}#blogframe.homepage #sidepanel #sidebar ul li{width:33.33%}#blogframe.homepage #sidebar #search-2{padding:0}.flexgrid.postpage #postframe{width:94%;padding:0 20px}.flexgrid.postpage #sidepanel{width:75%;padding:0 20px 30px;margin:0 auto}.flexgrid.posthead .txtbox h1{font-size:4.4vw;line-height:4.8vw}#dd-blog h1,#dd-blog h2{font-size:4.4vw;line-height:4.4vw}.flexgrid.posthead{padding:30vh 0 0;flex-wrap:wrap-reverse}.flexgrid.posthead .featimg{width:100%}.flexgrid.posthead .txtbox{width:100%;padding:20px 0}#dd-blog h1,#dd-blog h2{font-size:5.4vw;line-height:5.4vw}#MainEnquiry{padding:130px 20px 1px}#enquirybox form div[class*=box-]{width:100%;padding:0 10%;float:none}.timeline .content .txtbox{padding:20px}.timeline .container{padding:10px 30px}.timeline .container:nth-of-type(odd)::before{right:20px}.timeline .container:nth-of-type(even)::before{left:20px}.timeline .content .txtbox ul li,.timeline .content .txtbox ol li{width:100%}}@media only screen and (max-width:767px){h1,.h1{font-size:9.4vw;line-height:9.9vw}h1.alt-font,.h2,h2{font-size:4.4vw;line-height:5.4vw;letter-spacing:-.5px}h3{font-size:3.6vw;line-height:4.8vw}blockquote cite,h4{font-size:3vw;line-height:3.8vw}blockquote p,h5{font-size:2.8vw;line-height:3.6vw}h6{font-size:2.6vw;line-height:3.8vw;text-transform:uppercase}body,div,dl,dt,dd,ul,ol,li,pre,form,p,blockquote,th,td{font-size:2.6vw}p{font-size:2.6vw;line-height:3.8vw}.rte ol li,.rte ul li{width:100%}.site-title{font-size:2.4vw;line-height:3.4vw;max-width:250px;right:180px}ul.nav-menu>li.hasdrop>.sub-menu>li a{font-size:2.2vw;line-height:3.8vw}ul.nav-menu>li.hasdrop>.sub-menu>li>a{font-size:3.6vw;line-height:3.8vw}a#gotop{right:20px}#MainEnquiry{display:block;padding:150px 50px 50px;overflow-y:auto}#enquirybox form{}#enquirybox form div[class*=box-]{width:100%;padding:0;float:none}.footer-menu{width:100%}ul.affiliates{margin:0}.wideband.featimg .textband h2:first-of-type{font-size:5vw;line-height:5.2vw}.cs-content blockquote p,.cs-content blockquote cite,#Home #block_fifth blockquote cite,#Client .wideband blockquote cite,#Home #block_fifth blockquote p,#Client .wideband blockquote p,.alt-font{font-size:4.4vw;line-height:5.2vw}.menu-active #sharebox a span{display:none}#ddVideo{right:0}#Home h1.alt{font-size:6.6vw;line-height:7vw}.introbox h1,.svg-trophy h1{font-size:90px;line-height:110px}.flexgrid.home-intro .txtbox1,.flexgrid.home-intro .txtbox2{padding:0}.flexgrid.pagehead .leftbox,.flexgrid.pagehead .rightbox{width:90%}#Client .flexgrid.pagehead .rightbox .clientlogo{width:35%;margin-right:5%;background-size:contain;height:150px}#Client .flexgrid.pagehead .rightbox .services{width:59%;padding:0}#Client .flexgrid.pagehead{padding:0}#Client .flexgrid.pagehead .leftbox{display:block;min-height:initial;flex-wrap:none;padding:60vh 0 0;align-content:flex-end}#Client .pageintro .scroll{position:relative;z-index:0;padding:0 0 20px;margin:0;text-align:center}.flexgrid.pagehead .rightbox ul.services{padding:15px 0 0}#sector{padding:50px 20px 80px}#sector>h3{max-width:90%}.home ul.sectors li,ul.sectors li{width:46%;margin:0 1.5% 15px}.home ul.sectors li a,ul.sectors li a{font-size:3vw;line-height:4.2vw}.flexgrid.sectorlist li{width:100%}.textband .txtbox{width:100%;padding:0 20px}.textband blockquote{width:100%;padding:0 5%}ul.sectors{padding:0}.home ul.sectors li a,ul.sectors li a{padding:10px}.flexgrid.servicelist li{width:100%}.flexgrid.servicelist .txtbox{padding:30px 0 0}.flexgrid.servicelist .txtbox .title{margin:0;min-height:initial;padding:0 0 20px}#Home ul.servicelist .txtbox .txt{padding:0 30px}.flexgrid.clients li{width:100%;margin:0 0 1px;position:relative}#Home ul.flexgrid.quotes li{width:100%;margin:0 30px 30px}#Contact #mainpage{background-position:center 101%}#Contact #directions>div{width:100%}#Contact #svgmap{height:300px;margin-bottom:30px}#Contact .enquiry{padding:30px}#Contact .enquiry form>div{width:100%;margin:0;padding:0}#sector .categorylist section .txtbox{padding:0 20px 20px}#sector .categorylist section .flexgrid a{width:31%;margin:10px 1%}.flexgrid.sectorlist .clientlogo{height:140px}#blogframe.homepage #sidepanel #sidebar ul li{width:50%}#blogframe.homepage #sidebar #archives-2,#blogframe.homepage #sidebar #search-2{width:100%;margin:0}.introbox,.svg-trophy{padding:80px 20px 50px}.flexgrid.postpage #postframe{width:100%}.flexgrid.posthead .txtbox h1{font-size:5.8vw;line-height:6.2vw}.casestudy h2.cs-title{padding:20px 50px 20px 20px;font-weight:200}.casestudy .cs-brand{height:180px}.casestudy h2.cs-title{min-height:180px}.casestudy .cs-content{padding:15px 30px 30px}.textband,.textband.featimg.bandimg{padding:30px 3%}.timeline .content .txtbox{padding:15px}.timeline .container{padding:10px 20px}.timeline .container:after{top:20px}.timeline .container:nth-of-type(odd)::before{right:10px}.timeline .container:nth-of-type(even)::before{left:10px}}@media only screen and (max-width:599px){.timeline::after{left:15px}.timeline .container{padding:10px 20px 10px 40px;width:100%}.timeline .container:nth-of-type(n)::before{left:30px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:transparent #fff transparent transparent}.container:nth-of-type(odd)::after,.container:nth-of-type(even)::after{left:2px}.container:nth-of-type(even){left:0%}}@media only screen and (max-width:479px){h1,.h1{font-size:10.4vw;line-height:12vw}h1.alt-font,.h2,h2{font-size:6vw;line-height:7vw;letter-spacing:initial}h3{font-size:5.4vw;line-height:6.2vw}blockquote cite,h4{font-size:4.4vw;line-height:5.2vw}blockquote p,h5{font-size:4.2vw;line-height:4.8vw}h6{font-size:4vw;line-height:5vw;text-transform:uppercase}body,div,dl,dt,dd,ul,ol,li,pre,form,p,blockquote,th,td{font-size:4vw}p{font-size:4vw;line-height:5.6vw}#menu_icon{top:20px}#offcanvas.active #enq_icon,#enq_icon{right:80px;top:18px}.site-title{font-size:3.4vw;line-height:3.8vw;max-width:200px;right:20px;top:70px}#footer{padding:30px 20px;background-size:auto 130px}#footer_content>h5{margin:0 60px 30px 0}#footer_content .partners{width:100%;padding:0;border:none;margin:20px 0 0}ul.affiliates{margin:0;padding:0;width:100%}ul.affiliates li{min-width:135px;width:48%;background-size:auto}#social li{width:100%}#social a{padding:0 10px 0 60px}#footer_content .footer-menu li a{font-size:11px}#offcanvas #navframe::before{height:110px;transition:all ease-in-out .3s}ul.nav-menu>li.hasdrop>.sub-menu>li a{font-size:3.2vw;line-height:5.8vw}ul.nav-menu>li.hasdrop>.sub-menu>li>a{font-size:4.5vw;line-height:5.8vw}ul.nav-menu>li.hasdrop>.sub-menu>li{margin:0 0 5px}ul.nav-menu>li.about>.sub-menu>li>a,ul.nav-menu>li.work>.sub-menu>li>a{font-size:5vw;line-height:5.8vw;white-space:initial}#sharebox{bottom:30px}section.main-section{padding-top:120px}.pageintro,#ourwork{margin-top:-120px}.introbox h1,.svg-trophy h1{font-size:60px;line-height:70px}.flexgrid.pagehead{padding:0 0 20px;height:100vh}.flexgrid.home-intro .txtbox2 h1{width:100%}.flexgrid.home-intro .txtbox1{padding-bottom:10px}.flexgrid.home-intro .txtbox1>div{padding:0}.wideband.featimg .textband h2:first-of-type{font-size:6.4vw;line-height:6.6vw}.cs-content blockquote p,.cs-content blockquote cite,#Home #block_fifth blockquote cite,#Client .wideband blockquote cite,#Home #block_fifth blockquote p,#Client .wideband blockquote p,.alt-font{font-size:5.8vw;line-height:6.6vw}#Home ul.flexgrid.quotes li{margin:0 10px 30px;min-height:250px}.flexgrid.pagehead .leftbox,.flexgrid.pagehead .rightbox{width:96%}.flexgrid.pagehead .leftbox{display:block;min-height:initial;flex-wrap:none;padding:0;align-content:flex-end}#Client .flexgrid.pagehead .leftbox{display:block;min-height:initial;flex-wrap:none;align-content:flex-end;width:96%}.home ul.sectors li,ul.sectors li{width:100%;margin:0 0 15px}.home ul.sectors li a,ul.sectors li a{font-size:4.8vw;line-height:5.2vw}#ServicePage .flexgrid.pagehead .leftbox,#ServicePage .flexgrid.pagehead .rightbox,.flexgrid.pagehead .leftbox,.flexgrid.pagehead .rightbox{width:100%}.flexgrid.txtblocks.even .leftbox,.flexgrid.txtblocks.even .rightbox{padding:20px}ul.sectors li{width:90%;margin:0 auto 10px}ul.sectors li a{font-size:4.4vw;line-height:5.2vw}.flexgrid.home-intro ul{padding:0 20px}.flexgrid.home-intro ul li{width:100%}#Client .flexgrid.pagehead .rightbox{display:block}#Client .flexgrid.pagehead .rightbox .clientlogo{width:100%;max-width:300px;margin:0 auto;background-size:contain;height:200px}#Client .flexgrid.pagehead .rightbox .services{width:100%;margin:20px auto 0}.featurebox .flexgrid.feature .txtbox{padding:15px 20px 30px}#Contact .flexgrid.contact{padding:60vh 0 20px}#Contact .flexgrid.contact .LeftSide{padding:0;margin:0 0 10px}#Contact .flexgrid.contact .RightSide,#Contact .flexgrid.contact .Mid,#Contact .flexgrid.contact .LeftSide{width:100%}#Contact .flexgrid.contact h1{margin-bottom:10px}#Contact #mainpage{background-position:center 101%}#Contact .enquiry{padding:20px}#sector .categorylist section{padding:20vh 0 10vh;height:auto;min-height:100vh;border-bottom:1px solid rgba(255,255,255,.13)}#sector .categorylist section h2{font-size:14.6vw;line-height:14.6vw;margin-top:0}#sector .categorylist section .scroll{display:none}#sector .categorylist section .flexgrid a{width:48%}#sector .categorylist section.blank .svg-trophy{width:90%;padding:60px 0 50px}#sector .categorylist section.blank .svg-trophy:before{background-size:contain}#BasicPage .midtext{padding:30px 20px 50px}.casestudy h2.cs-title{min-height:160px;padding:30px 20px}#blogframe{padding:0}#blogframe.homepage #sidepanel #sidebar ul li,.flexgrid.articles .postwrap{width:100%}.flexgrid.postpage #sidepanel{width:100%;padding:0 20px 30px}#dd-blog h1,#dd-blog h2{font-size:7.2vw;line-height:7.2vw}}@media only screen and (max-width:359px){.site-title{max-width:50%}}.animated{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.fadeUpSlow{-webkit-animation-name:fadeUpSlow;animation-name:fadeUpSlow;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-count:1;animation-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fadeDownSlow{-webkit-animation-name:fadeDownSlow;animation-name:fadeDownSlow;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-count:1;animation-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fadeLeftSlow{-webkit-animation-name:fadeLeftSlow;animation-name:fadeLeftSlow;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-count:1;animation-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fadeRightSlow{-webkit-animation-name:fadeRightSlow;animation-name:fadeRightSlow;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-count:1;animation-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.delay1{-webkit-animation-delay:.8s;animation-delay:.8s}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeInBlack{-webkit-animation-name:fadeInBlack;animation-name:fadeInBlack;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeInBlack{0%{background-color:#090c0e}100%{background-color:rgba(9,12,14,.35)}}@keyframes fadeInBlack{0%{background-color:#090c0e}100%{background-color:rgba(9,12,14,.35)}}@-webkit-keyframes fadeUpSlow{0%{opacity:0;-webkit-transform:translate3d(0,15%,0);transform:translate3d(0,15%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeUpSlow{0%{opacity:0;-webkit-transform:translate3d(0,15%,0);-ms-transform:translate3d(0,15%,0);transform:translate3d(0,15%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeDownSlow{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeDownSlow{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeLeftSlow{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeLeftSlow{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeRightSlow{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeRightSlow{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}