/*******************************************************************************/
*, *:before, *:after{box-sizing:border-box;}
.parent-services-area{padding-bottom:4em;}
.main{max-width:1300px;width:auto;margin:0 auto;position:relative;padding-left:1%;padding-right:1%;}
main, nav, aside, article, section, header, footer, video{display:block;}
.parent-services-area nav ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:2em 0 0;}
.parent-services-area nav ul li{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 25%;-ms-flex:1 1 25%;flex:1 1 25%;}
.parent-services-area nav ul li a{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;position:relative;overflow:hidden;background-color:#FFFFFF;padding:8em 3% 4em;border:solid 1px #E6E6E6;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.parent-services-area nav ul li a img{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;top:0;left:0;-webkit-transition:-webkit-transform .5s ease 0s;-moz-transition:-moz-transform .5s ease 0s;-o-transition:-o-transform .5s ease 0s;transition:transform .5s ease 0s;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);}
.parent-services-area nav ul li a:hover img{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.parent-services-area nav ul li a .info{text-align:center;position:relative;-webkit-transition:-webkit-transform .5s ease 0s;-moz-transition:-moz-transform .5s ease 0s;-o-transition:-o-transform .5s ease 0s;transition:transform .5s ease 0s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.parent-services-area nav ul li a:hover .info{-webkit-transform:translateY(0em);-moz-transform:translateY(0em);-o-transform:translateY(0em);transform:translateY(0em);}
.parent-services-area nav ul li a .info icon{display:block;font-size:3em;-webkit-transition:color .5s ease 0s;-moz-transition:color .5s ease 0s;-o-transition:color .5s ease 0s;transition:color .5s ease 0s;}
.parent-services-area nav ul li a:hover .info icon{color:rgba(255,255,255,0.6); }
.parent-services-area nav ul li a .info span{font-size:1.5em;font-weight:400;display:block;padding-top:.4em;-webkit-transition:color .5s ease 0s;-moz-transition:color .5s ease 0s;-o-transition:color .5s ease 0s;transition:color .5s ease 0s;}

.parent-services-area nav ul li a .btn.v1{position:absolute;display:block;width:100%;box-shadow:none;padding:.8em 2% !important;left:0;top:100%;-webkit-transition:-webkit-transform .5s ease 0s;-moz-transition:-moz-transform .5s ease 0s;-o-transition:-o-transform .5s ease 0s;transition:transform .5s ease 0s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.parent-services-area nav ul li a:hover .btn.v1{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);}

body{background:#FFFFFF;margin:0px;font-family:'Open Sans', sans-serif;color:#566A79;line-height:1.6;/*overflow:hidden;*/}

.icon.design:before, .icon.website-design:before{content:'\e822';}
.btn.v1:before{content:' ';display:block;position:absolute;width:100%;height:100%;left:50%;top:0;-webkit-transform:translateX(-50%) scale(0,1);-moz-transform:translateX(-50%) scale(0,1);-o-transform:translateX(-50%) scale(0,1);transform:translateX(-50%) scale(0,1);background-color:#FFFFFF;opacity:0;-webkit-transition:opacity .5s ease 0s, -webkit-transform .5s ease 0s, background-color .5s ease 0s;-moz-transition:opacity .5s ease 0s, -moz-transform .5s ease 0s, background-color .5s ease 0s;-o-transition:opacity .5s ease 0s, -o-transform .5s ease 0s, background-color .5s ease 0s;transition:opacity .5s ease 0s, transform .5s ease 0s, background-color .5s ease 0s;z-index:-1;}

.btn.v1{background-color:#3487C2;box-shadow:0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.35);color:#FFFFFF;z-index:1;display:table;-webkit-transition:background-color .5s ease 0s, padding .5s ease 0s;-moz-transition:background-color .5s ease 0s, padding .5s ease 0s;-o-transition:background-color .5s ease 0s, padding .5s ease 0s;transition:background-color .5s ease 0s, padding .5s ease 0s;margin:0 auto;}

.icon.search-engines:before, .icon.search-engine-optimization:before{content:'\e808';}
.icon.paid-advertising-alt:before, .icon.pay-per-click:before{content:'\e832';}
.btn{display:inline-block;position:relative;text-align:center;cursor:pointer;outline:none;font-weight:600;padding:1em 2em;border-radius:0;font-size:1.111em;text-transform:uppercase;line-height:1.2;overflow:hidden;border:none;}

a{text-decoration:none;color:#3487C2;-webkit-transition:color .5s ease 0s;-moz-transition:color .5s ease 0s;-o-transition:color .5s ease 0s;transition:color .5s ease 0s;}
a:hover{text-decoration:none;color:#fff;}
a[href^=tel]{cursor:default;}


.btn.v1.no-grow{display:inline-block;margin:0;}
.btn.v1:hover, a:hover .btn.v1{background-color:#999999;}
.btn.v1:not(.no-grow):hover, a:hover .btn.v1:not(.no-grow){padding:1em 4em;}

.btn.v1:hover:before, a:hover .btn.v1:before{opacity:1;background-color:#999999;-webkit-transform:translateX(-50%) scale(1,1);-moz-transform:translateX(-50%) scale(1,1);-o-transform:translateX(-50%) scale(1,1);transform:translateX(-50%) scale(1,1);}
.btn.v1 .out{opacity:1;-webkit-transition:opacity .5s ease 0s;-moz-transition:opacity .5s ease 0s;-o-transition:opacity .5s ease 0s;transition:opacity .5s ease 0s;}.btn.v1:hover .out, a:hover .btn.v1 .out{opacity:0;}
.btn.v1 .over{position:absolute;top:0;left:0;min-width:100%;min-height:100%;padding:1em 2em;opacity:0;-webkit-transition:opacity .5s ease 0s;-moz-transition:opacity .5s ease 0s;-o-transition:opacity .5s ease 0s;transition:opacity .5s ease 0s;}
.btn.v1:hover .over, a:hover .btn.v1 .over{opacity:1;}
.btn.v2{background-color:rgba(255,255,255,0);color:#FFFFFF;display:table;-webkit-transition:background-color .5s ease 0s, padding .5s ease 0s, color .5s ease 0s;-moz-transition:background-color .5s ease 0s, padding .5s ease 0s, color .5s ease 0s;-o-transition:background-color .5s ease 0s, padding .5s ease 0s, color .5s ease 0s;transition:background-color .5s ease 0s, padding .5s ease 0s, color .5s ease 0s;margin:0 auto;z-index:1;border:solid .125em #FFFFFF;}
.icon.browser:before, .icon.content-marketing:before{content:'\e81a';}
.icon.social-media:before, .icon.social-media-marketing:before{content:'\e809';}
.icon.advertising:before, .icon.company-updates:before, .icon.blogging-company-updates:before{content:'\e812';}
.icon.branding:before{content:'\e817';}
.icon.reputation-alt:before, .icon.reputation-management:before, .icon.online-reputation-management:before{content:'\e804';}
.icon.digital:before, .icon.video-production:before{ background:url(blank.png) no-repeat; width:50px; height:50px; content:url(fast-track-exit.png); /*content:'\e823';*/}
.icon.digital:before, .icon.video-production1:before{ background:url(blank.png) no-repeat; width:50px; height:50px; content:url(xbrl.png); /*content:'\e823';*/}
.icon.digital:before, .icon.video-production2:before{ background:url(blank.png) no-repeat; width:50px; height:50px; content:url(change-in-director.png); /*content:'\e823';*/}
.icon.digital:before, .icon.video-production3:before{ background:url(blank.png) no-repeat; width:50px; height:50px; content:url(change-in-name.png); /*content:'\e823';*/}
.icon.digital:before, .icon.video-production4:before{ background:url(blank.png) no-repeat; width:50px; height:50px; content:url(change-in-main-objects.png); /*content:'\e823';*/}
.icon.digital:before, .icon.video-production5:before{ background:url(blank.png) no-repeat; width:50px; height:50px; content:url(minutes.png); /*content:'\e823';*/}
.icon.digital:before, .icon.video-production6:before{ background:url(blank.png) no-repeat; width:50px; height:50px; content:url(annual-accounts-itr.png); /*content:'\e823';*/}
.icon.digital:before, .icon.video-production7:before{ background:url(blank.png) no-repeat; width:50px; height:50px; content:url(other-services.png); /*content:'\e823';*/}
/*******************************************************************************/