@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, ul, li {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight:normal;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

*, *:before, *:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline:none;
  position: relative;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
}

html, body {
	width:100%;
	height:100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
  line-height: 24px;
	font-weight: 300;
	color:#292929;
	padding:0;
	margin:0;
	text-size-adjust: none ;
	-webkit-text-size-adjust:none;
	transition: background-color 1s ease;
}

img {
	display:block;
	max-width:100%;
	margin:0 auto;
}

a{
	color:#292929;
	text-decoration:none;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	position: relative;
}

a:hover{
	color:#0a0a7f;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Poppins', sans-serif;
}

h2{
  font-size:60px;
  line-height:78px;
  font-weight:700;
}

h3{
  font-size:36px;
  line-height:44px;
  font-weight:700;
}

h4{
  font-size:30px;
  line-height:32px;
  font-weight:500;
}

h5{
  font-size:22px;
  font-weight:500;
}

h6{
  font-size:18px;
  font-weight:500;
}

p{
	font-family: 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom:30px;
  font-weight: 300;
}

input[type="text"],
textarea{
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size:14px;
  padding: 10px 15px;
  border-radius:5px;
  background:#ffffff;
  border:1px solid #cbcccf;
  width:100%;
  appearance:none;
  -webkit-appearance:none;
}

textarea{
  height:100px;
  resize:none;
}

/* The container */
.checkbox {
  font-family: 'Poppins', sans-serif;
  font-size:14px;
  display: block;
  position: relative;
  padding-left: 30px;
  margin-top: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #ffffff;
  border-radius:2px;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type="submit"],
.btn{
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size:16px;
  font-weight:500;
  padding:13px 45px;
  border-radius:5px;
  background:#1b1b21;
  color:#ffffff;
  cursor:pointer;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  border:0px;
  appearance:none;
  -webkit-appearance:none;
}

input[type="submit"]:hover,
.btn:hover{
  background:#0a0a7f;
  color:#ffffff;
}

.error-msg{
  font-size: 12px;
  color:#ff0000;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.form-success-msg{
  padding-bottom:20px;
  font-size: 14px;
  color: #0a0a7f;
  font-weight:500;
}

.form-error-msg{
  padding-bottom:20px;
  font-size: 14px;
  color:#ff0000;
  font-weight:500;
}

.btn-loading {
  opacity: 0.8;
}

.btn-loading:hover {
  opacity: 0.8;
}

.loader-hidden {
  display: none;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 18px;
  height: 18px;
}
.loader {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.container{
	width:100%;
	max-width:1180px;
	margin:0 auto;
}

header, footer, .banner, .platform, .keypoints, .stories, .human-story, .process, .audience-platform, .programmatic, .getintouch,
.aboutus, .company-info, .hire-us,
.automation, .media-buying, .technology,
.measure, .measure-keypoints, .results-reports, .analyze,
.workwithus, .team, .roles,
.whatif, .brands, .brands-gallery, .collaboration,
.strategy-banner, .howwedo, .strategy, .solutions, .strategy-msg, .strategy-keypoints{
	float:left;
	width:100%;
}

/* Header */

header{
  position:fixed;
  top:0;
  left:0;
  padding:40px 50px;
  z-index: 10;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

header.scrolled{
  background: #ffffff;
  padding:10px 50px;
}

header.header-light{
  background: #ffffff;
}

.logo img{
  width:80px;
}

nav{
}

nav li{
  display:inline-block;
  margin-left:30px;
}

nav li a{
  display:inline-block;
  text-transform: uppercase;
  padding:12px 0;
}

nav li a:hover{
  color:#0a0a7f;
}

nav li a.btn{
  font-size:14px;
  padding: 8px 25px;
}

nav li a.btn.btn-login{
  color: #292929;
  background:#ffffff;
  position:relative;
  margin-left:10px;
}

nav li a.btn.btn-login:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  border:1px solid rgba(0,0,0,.1);
  border-radius:5px;
}

nav li a.btn.btn-login:hover{
  color:#ffffff;
  background:#0a0a7f;
}

.hamburger {
  padding: 5px 0 0;
  float: right;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  display: none; 
}

.hamburger:hover {
  opacity: 0.7; 
}

.hamburger.is-active:hover {
  opacity: 0.7; 
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000; 
}

.hamburger-box {
  width: 35px;
  height: 24px;
  display: inline-block;
  position: relative; 
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; 
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 35px;
  height: 3px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; 
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; 
}

.hamburger-inner::before {
    top: -10px; 
}

.hamburger-inner::after {
    bottom: -10px; 
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; 
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
    
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; 
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); 
}

/* Banner */

.banner{
  width:100%;
  height:90vh;
  /* background:url(../images/banner.jpg) center no-repeat;
  background-size:cover; */
  display:flex;
  justify-content: center;
  align-items: center;
}

.banner.banner-small{
  height:60vh;
  position:relative;
}

.banner.banner-small:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#f2f3f9;
  opacity:.7;
}

.banner-content{
  max-width:410px;
  position:relative;
  z-index:2;
}

.banner-small .banner-content{
  max-width:100%;
  text-align:center;
  margin:auto;
}

.banner-content span{
  font-size:14px;
  font-weight:400;
  color:#6d6e70;
  text-transform:uppercase;
}

.banner-content h2{
  margin-bottom:15px;
}

.banner.banner-small .banner-content h2{
  margin-top:75px;
}

.banner.banner-small .banner-content h2 span{
  display:block;
  color:#6d6e70;
  line-height: 28px;
}

.banner-content h4{
  margin-bottom:15px;
}

.banner-content p{
  font-size:18px;
  font-weight:400;
  color:#6d6e70;
}

/* Platform */

.platform{
  padding:100px 0 50px;
  text-align:center;
}

.platform span{
  color:#6d6e70;
  text-transform:uppercase;
  display:inline-block;
  margin-bottom:50px;
}

.platform ul{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  max-width:768px;
  margin:0 auto;
}

.platform ul li img{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

/* Keypoints */

.keypoints{
  padding:50px 0 100px;
}

.keypoints h6{
  text-transform: uppercase;
}

.keypoints p{
  margin:0;
}

.keypoints .boxes{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
}

.keypoints .boxes .box{
  width:calc(25% - 30px);
  padding:50px 30px;
  text-align:center;
  background:#f7f8fa;
  border-radius:10px;
}

.keypoints .boxes .box .box-icon{
  width:78px;
  height:78px;
  background:#ffffff;
  border-radius:5px;
  margin:0 auto 30px;
  box-shadow:5px 5px 20px 0px rgba(5,5,0,.05);
  display:flex;
  justify-content:center;
  align-items:center;
}

.keypoints .boxes .box .box-icon img{
  height:38px;
}

/* Stories */

.stories .container{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
}

.stories-left,
.stories-right{
  width:50%;
  padding:100px;
  border-radius:10px;
}

.stories-left{
  background:url(../images/stories-left.jpg) center no-repeat;
  background-size:cover;
}

.stories-left h2{
  color:#ffffff;
  line-height:64px;
  margin-bottom:15px;
}

.stories-left p{
  color:#ffffff;
  max-width:270px;
}

.stories-left .btn{
  padding-left:35px;
  padding-right:55px;
  margin-top:50px;
  color:#292929;
  background:#ffffff url(../images/btn-arrow.svg) calc(100% - 20px) 21px no-repeat;
  background-size:10px auto;
}

.stories-left .btn:hover{
  color:#ffffff;
  background:#0a0a7f url(../images/btn-arrow-white.svg) calc(100% - 20px) 21px no-repeat;
  background-size:10px auto;
}

.stories-right h2{
  line-height:64px;
  margin-bottom:15px;
}

.stories-right p{
  max-width:270px;
  color:#6d6e70;
}

.stories-right h6 {
  text-transform: uppercase;
}

.stories-right .boxes{
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
}

.stories-right .boxes .box{
  text-align:center;
  margin-right:50px;
}

.stories-right .box .box-icon{
  width:78px;
  height:78px;
  background:#f7f8fa;
  border-radius:5px;
  margin:0 auto 20px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.stories-right .box .box-icon img{
  height:38px;
}

.stories-right .btn{
  padding-left:35px;
  padding-right:55px;
  margin-top:38px;
  color:#ffffff;
  background:#292929 url(../images/btn-arrow-white.svg) calc(100% - 20px) 21px no-repeat;
  background-size:10px auto;
}

.stories-right .btn:hover{
  color:#ffffff;
  background:#0a0a7f url(../images/btn-arrow-white.svg) calc(100% - 20px) 21px no-repeat;
  background-size:10px auto;
}

/* Human Story */

.human-story{
  padding:150px 0;
}

.human-story .container{
  max-width: 768px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.human-story-icon{
  width:138px;
  height:138px;
  border-radius:138px;
  background:#49494d;
  display:flex;
  justify-content:center;
  align-items:center;
}

.human-story-icon img{
  height:68px;
}

.human-story h3{
  text-align:left;
  width:calc(100% - 188px);
}

.human-story h3 img{
  margin:0 0 20px 0;
}

/* Process Steps */

.process .container{
  background:#f7f8fa;
  position:relative;
  padding:100px;
  border-radius:10px;
  overflow:hidden;
  z-index:1;
}

.process .container .process-bg{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:url(../images/process-bg.jpg) center no-repeat;
  background-size:cover;
  opacity:.3;
  z-index:-1;
}

.process-step{
  width:800px;
  height:700px;
  margin:0 auto;
  position:relative;
}

.process-logo{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:180px;
  height:180px;
  border-radius:180px;
  background:#000000;
  display:flex;
  justify-content:center;
  align-items:center;
}

.process-logo img{
  width:80px;
}

.process-step1,
.process-step2,
.process-step3,
.process-step4{
  text-align:center;
  padding:40px;
  width:250px;
  height:200px;
  border-radius:10px;
  background:#ffffff;
  box-shadow: 5px 5px 20px 0px rgba(5,5,0,.05);
}

.process-step1{
  position:absolute;
  top:calc(50% - 240px);
  left:50%;
  transform:translate(-50%, -50%);
}

.process-step2{
  position:absolute;
  top:50%;
  left:calc(50% + 265px);
  transform:translate(-50%, -50%);
}

.process-step3{
  position:absolute;
  top:calc(50% + 240px);
  left:50%;
  transform:translate(-50%, -50%);
}

.process-step4{
  position:absolute;
  top:50%;
  left:calc(50% - 265px);
  transform:translate(-50%, -50%);
}

.process-step1 span,
.process-step2 span,
.process-step3 span,
.process-step4 span{
  display:block;
  font-size:30px;
  font-weight:500;
  color:#b8b8b8;
  margin-bottom:20px;
}

.process-step1 h4,
.process-step2 h4,
.process-step3 h4,
.process-step4 h4{
  margin-bottom:10px;
}

.process-step1 p,
.process-step2 p,
.process-step3 p,
.process-step4 p{
  line-height:20px;
  color:#6d6e70;
  margin-bottom:0;
}

/* Audience Platform */

.audience-platform{
  margin:100px 0;
}

.audience-platform .container{
  position:relative;
  padding:100px;
}

.audience-platform .container:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:calc(100% - 200px);
  height:100%;
  background:#1b1b21 url(../images/pattern.png) center repeat;
  border-radius:10px;
  z-index:-1;
}

.audience-platform h2{
  line-height:68px;
  color:#ffffff;
  margin-bottom:20px;
  width:50%;
}

.audience-platform p{
  color:#ffffff;
  margin-bottom:0;
  width:50%;
}

.audience-platform-img{
  float:right;
  width: calc(40% + 50px);
  border-radius:10px;
  overflow:hidden;
  margin-right:-100px;
}

.audience-platform-img img{
  width:100%;
}

/* Programmatic */

.programmatic{
  padding:0 0 100px;
}

.programmatic .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap:wrap;
}

.programmatic-left, .programmatic-right {
  width: calc(50% - 15px);
  padding: 50px;
  border-radius: 10px;
  background:#f7f8fa;
}

.programmatic-left h4, .programmatic-right h4{
  margin-bottom: 15px;
}

.programmatic-left p, .programmatic-right p{
  max-width:80%;
}

.programmatic-left .box-icon, .programmatic-right .box-icon{
  width: 78px;
  height: 78px;
  background: #ffffff;
  border-radius: 5px;
  margin: 0 0 30px;
  box-shadow: 5px 5px 20px 0px rgba(5,5,0,.05);
  display: flex;
  justify-content: center;
  align-items: center;
}

.programmatic-left .box-icon img, .programmatic-right .box-icon img{
  height:38px;
}

/* Get in Touch */

.getintouch{
  padding:150px 0;
  /* background:url(../images/getintouch-bg.jpg) center no-repeat;
  background-size:cover; */
  text-align:center;
}

.getintouch p{
  color: #6d6e70;
  max-width:400px;
  margin:0 auto 30px;
}

/* Footer */

footer{
  padding:100px 0 80px;
}

footer .footer-top,
footer .footer-bottom{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

footer .footer-bottom{
  border-top:1px solid #e2e2e2;
  padding:50px 0 0;
}

footer .footer-block{
  width:25%;
  padding-left:100px;
}

footer .footer-bottom .footer-block{
  width:auto;
  padding-left:0;
}

footer .footer-block.footer-logo{
  width:50%;
  padding-left:0;
  padding-right:100px;
}

footer .footer-block.footer-logo a{
  float:left;
  margin-top:5px;
  margin-right:30px;
}

footer .footer-block.footer-logo a img{
  width:80px;
}

footer .footer-block.footer-logo p{
  margin-top:40px;
  overflow: hidden;
}

footer .footer-title{
  font-size:18px;
  margin-bottom:15px;
}

footer p{
  font-size:14px;
  color:#6d6e70;
}

footer .footer-bottom p{
  margin-bottom:0;
}

footer .footer-social p{
  font-size:12px;
}

footer a{
  color:#6d6e70;
}

footer .footer-social ul{
  margin-bottom:15px;
}

footer .footer-social ul li{
  display:inline-block;
}

footer .footer-social ul li a{
  float:left;
  width:36px;
  height:36px;
  background:#f7f8fa;
  border-radius:5px;
  display:flex;
  justify-content:center;
  align-items:center;
}

footer .footer-social ul li a:hover{
  background:#0a0a7f;
}

footer .footer-social ul li a.facebook{
  background:#f7f8fa url(../images/facebook.svg) center no-repeat;
  background-size:28px auto;
}

footer .footer-social ul li a.facebook:hover{
  background:#0a0a7f url(../images/facebook-white.svg) center no-repeat;
  background-size:28px auto;
}

footer .footer-social ul li a.twitter{
  background:#f7f8fa url(../images/twitter.svg) center no-repeat;
  background-size:28px auto;
}

footer .footer-social ul li a.twitter:hover{
  background:#0a0a7f url(../images/twitter-white.svg) center no-repeat;
  background-size:28px auto;
}

footer .footer-social ul li a.linkedin{
  background:#f7f8fa url(../images/linkedin.svg) center no-repeat;
  background-size:28px auto;
}

footer .footer-social ul li a.linkedin:hover{
  background:#0a0a7f url(../images/linkedin-white.svg) center no-repeat;
  background-size:28px auto;
}

footer .footer-social ul li a.instagram{
  background:#f7f8fa url(../images/instagram.svg) center no-repeat;
  background-size:28px auto;
}

footer .footer-social ul li a.instagram:hover{
  background:#0a0a7f url(../images/instagram-white.svg) center no-repeat;
  background-size:28px auto;
}


footer .footer-social ul li a img{
  height:28px;
}

footer .footer-nav ul li{
  display:inline-block;
  margin-left:30px;
}

footer .footer-nav ul li a{
  color: #292929;
}

footer .footer-nav ul li a:hover{
  color:#0a0a7f;
}

/* About Us */

.aboutus{
  padding:100px 0;
}

.aboutus .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.aboutus-left,
.aboutus-right{
  width:50%;
  padding:80px;
  border-radius:10px;
}

.aboutus-left{
  background:url(../images/stories-left.jpg) center no-repeat;
  background-size:cover;
}

.aboutus-left h3{
  color:#ffffff;
  /* margin-bottom:15px; */
}

.aboutus-right h3{
  margin-bottom:15px;
}

.aboutus-right span {
  display:inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom:15px;
}

.aboutus-right p{
  color:#6d6e70;
}

.aboutus-right h6 {
  text-transform: uppercase;
}

.aboutus-right .boxes{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
}

.aboutus-right .boxes .box{
  width:calc(50% - 25px);
}

.aboutus-right .box p{
  margin:0;
}

.aboutus-right .box .box-icon{
  width:78px;
  height:78px;
  background:#f7f8fa;
  border-radius:5px;
  margin:0 0 20px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.aboutus-right .box .box-icon img{
  height:38px;
}

.company-info{
  padding:100px 0;
  text-align:center;
  background:#f7f8fa;
}

.company-info h3{
  margin-bottom: 50px;
}

.company-info .company-info-details{
  text-align:left;
  padding: 100px;
  position: relative;
  z-index:1;
  
}

.company-info .company-info-details:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 200px);
  height: 100%;
  background: #ffffff;
  border-radius: 10px;
  z-index: -1;
  box-shadow: 5px 5px 20px 0px rgba(5,5,0,.05);

}

.company-info .company-info-details h4 {
  font-weight:700;
  margin-bottom: 20px;
  width: calc(50% - 50px);
}

.company-info .company-info-details p {
  color: #6d6e70;
  width: calc(50% - 50px);
}

.company-info-details-img {
  float: right;
  width: calc(50% + 50px);
  border-radius: 10px;
  overflow: hidden;
  margin-right: -100px;
}

.company-info-details-img img{
  width:100%;
}

.hire-us{
  margin:100px 0;
}

.hire-us .container{
  padding:100px;
  background: #1b1b21 url(../images/pattern.png) center repeat;
  border-radius: 10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.hire-us h3{
  color:#ffffff;
}

.hire-us .btn{
  color:#000000;
  background:#ffffff;
  border-color:#ffffff;
}

.hire-us .btn:hover{
  color:#ffffff;
  background:#0a0a7f;
  border-color:#0a0a7f;
}

/* Technology */

.automation{
  padding:100px 0;
}

.automation .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.automation-left,
.automation-right{
  width:50%;
  padding:0 80px;
  border-radius:10px;
}

.automation-left span {
  display:inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom:15px;
}

.automation-left h3{
  margin-bottom:15px;
}

.automation-left p{
  color:#6d6e70;
}

.automation-left h4{
  margin-bottom:15px;
}

.automation-right{
  padding:0;
  overflow: auto;
}

.automation-right img{
  width:100%;
}

.media-buying .container{
  padding:100px;
  text-align:center;
  background: #1b1b21 url(../images/pattern.png) center repeat;
  border-radius: 10px;
}

.media-buying .container h3{
  color:#ffffff;
  margin-bottom:15px;
}

.media-buying .container p{
  color:#6d6e70;
  max-width:300px;
  margin:0 auto 50px;
}

.media-buying .boxes{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  padding:0 50px;
}

.media-buying .boxes .box{
  width:calc(50% - 20px);
  background:#ffffff;
  border-radius:10px;
  box-shadow: 5px 5px 20px 0px rgba(5,5,0,.05);
  overflow:hidden;
  display:flex;
  padding: 40px;
  margin-bottom:40px;
  text-align:left;
}

.media-buying .boxes .box:nth-child(3),
.media-buying .boxes .box:nth-child(4){
  margin-bottom:0;
}

.media-buying .boxes .box .media-buying-img{
  margin-right:30px;
}

.media-buying .boxes .box .media-buying-img img{
  width:58px;
}

.media-buying .boxes .box .media-buying-details h6{
  margin-bottom:5px;
}

.media-buying .boxes .box .media-buying-details p{
  max-width:100%;
  margin:0;
}

.technology{
  padding:100px 0;
}

.technology .boxes{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.technology .boxes .box{
  width:50%;
  padding: 100px;
  border-radius:10px;
  overflow:hidden;
}

.technology .boxes .box.box-img{
  padding:0;
}

.technology .boxes .box.box-img img{
  width:100%;
}

.technology .boxes .box span {
  display:inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom:15px;
}

.technology .boxes .box h3{
  font-size:40px;
  margin-bottom:15px;
}

.technology .boxes .box p{
  color:#6d6e70;
  margin:0;
}

/* Analyze */

.measure{
  padding:100px 0;
}

.measure .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.measure-left,
.measure-right{
  width:50%;
  padding:0 100px 0 0;
  border-radius:10px;
}

.measure-left span {
  display:inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom:15px;
}

.measure-left h3{
  margin-bottom:15px;
}

.measure-left p{
  color:#6d6e70;
}

.measure-left h4{
  margin-bottom:15px;
}

.measure-right{
  padding:0;
  overflow: auto;
}

.measure-right img{
  width:100%;
}

.measure-keypoints{
  padding:0 0 100px;
}

.measure-keypoints h6{
  text-transform: uppercase;
}

.measure-keypoints p{
  margin:0;
}

.measure-keypoints .boxes{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
}

.measure-keypoints .boxes .box{
  width:25%;
  padding:50px 100px 50px 0;
  text-align:left;
  position: relative;
}

.measure-keypoints .boxes .box:after{
  content:"";
  position:absolute;
  top:50%;
  right:50px;
  width:1px;
  height:60px;
  transform:translate(0, -50%);
  background:#cccccc;
}

.measure-keypoints .boxes .box:nth-child(4){
  width:calc(25% - 100px);
  padding-right:0;
}

.measure-keypoints .boxes .box:nth-child(4):after{
  display:none;
}

.measure-keypoints .boxes .box .box-icon{
  width:78px;
  height:78px;
  background:#f7f8fa;
  border-radius:5px;
  margin:0 0 30px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.measure-keypoints .boxes .box .box-icon img{
  height:38px;
}

.measure-keypoints .boxes .box p{
  color:#6d6e70;
}

.results-reports .container{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap:wrap;
}

.analyze-results{
  width:380px;
  padding:100px 100px 100px 0;
  position:relative;
}

.results-reports:after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:50%;  
  height:100%;
  background: #1b1b21 url(../images/pattern.png) repeat;
  z-index:-1;
}

.analyze-results span{
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.analyze-results h3 {
  margin-bottom: 15px;
}

.analyze-results p {
  color: #6d6e70;
}

.analyze-reports{
  width:calc(100% - 380px);
  padding:100px 0 100px 100px;
  background: #1b1b21 url(../images/pattern.png) center repeat;
  border-radius:10px;
}

.analyze-reports span{
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.analyze-reports h3 {
  color: #ffffff;
  margin-bottom: 15px;
}

.analyze-reports p {
  color: #6d6e70;
}

.analyze-reports .boxes{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  padding:0;
}

.analyze-reports .boxes .box{
  width:calc(50% - 15px);
  background:#ffffff;
  border-radius:10px;
  box-shadow: 5px 5px 20px 0px rgba(5,5,0,.05);
  overflow:hidden;
  display:flex;
  padding: 30px;
  margin-bottom:30px;
  text-align:left;
}

.analyze-reports .boxes .box:nth-child(3),
.analyze-reports .boxes .box:nth-child(4){
  margin-bottom:0;
}

.analyze-reports .boxes .box .media-buying-img{
  margin-right:30px;
}

.analyze-reports .boxes .box .media-buying-img img{
  width:38px;
}

.analyze-reports .boxes .box .media-buying-details{
  width:calc(100% - 68px);
}

.analyze-reports .boxes .box .media-buying-details h6{
  margin-bottom:5px;
}

.analyze-reports .boxes .box .media-buying-details p{
  max-width:100%;
  margin:0;
}

.analyze{
  padding:100px 0;
}

.analyze .boxes{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.analyze .boxes .box{
  width:50%;
  padding: 100px;
  border-radius:10px;
  overflow:hidden;
}

.analyze .boxes .box.box-img{
  padding:0;
}

.analyze .boxes .box.box-img img {
  width: 100%;
}

.analyze .boxes .box span {
  display:inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom:15px;
}

.analyze .boxes .box h3{
  font-size:40px;
  margin-bottom:15px;
}

.analyze .boxes .box p{
  color:#6d6e70;
}

.analyze .boxes:nth-child(1) .box p{
  margin:0;
}

/* Career */

.workwithus{
  padding:100px 0;
}

.workwithus-wrapper{
  max-width:500px;
  margin-bottom:30px;
}

.workwithus-wrapper span{
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.workwithus-wrapper h3{
  margin-bottom: 15px;
}

.workwithus-wrapper p{
  color: #6d6e70;
}

.workwithus .boxes{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap:wrap;
}

.workwithus .boxes .box {
  width: calc(33.33% - 23px);
  padding: 50px 30px;
  text-align: center;
  background: #f7f8fa;
  border-radius: 10px;
}

.workwithus .boxes .box .box-icon {
  width: 78px;
  height: 78px;
  background: #ffffff;
  border-radius: 5px;
  margin: 0 auto 30px;
  box-shadow: 5px 5px 20px 0px rgba(5,5,0,.05);
  display: flex;
  justify-content: center;
  align-items: center;
}

.workwithus .boxes .box .box-icon img {
  height: 38px;
}

.workwithus h6 {
  text-transform: uppercase;
}

.workwithus p {
  color:#6d6e70;
  margin: 0;
}

.team{
  text-align:center;
  padding:100px 0;
  background:#f7f8fa;
}

.team h3{
  margin-bottom:50px;
}

.team .boxes{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap:wrap;
  padding:0 80px;
}

.team .boxes .box{
  width: calc(33.33% - 30px);
  margin:0 15px 30px;
  background:#ffffff;
  border-radius: 10px;
  overflow:hidden;
  box-shadow: 5px 5px 20px 0px rgba(5,5,0,.05);
}

.team .boxes .box img{
  width:100%;
}

.team .boxes .box .team-details{
  text-align:left;
  padding:40px;
}

.team .boxes .box .team-details h6{
  margin-bottom:10px;
}

.team .boxes .box .team-details p{
  color:#6d6e70;
  margin:0;
}

.roles{
  padding:100px 0;
  border-bottom:1px solid #e2e2e2;
}

.roles h3{
  margin-bottom:50px;
}

.table .row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  border-bottom:1px solid #e2e2e2;
  padding:15px 0; 
  margin-bottom:20px;
}

.table .row:last-child{
  border-bottom:0px;
}

.table .row .cols{
  font-size:22px;
  color:#6d6e70;
  text-align:left;
  width:33.33%;
}

.table .row .cols h5{
  color:#1b1b21;
}

.table .row.row-head .cols{
  font-size:16px;
}

/* Brand */

.whatif{
  text-align:center;
  padding:100px 0;
}

.whatif h3{
  margin-bottom:50px;
}

.whatif .boxes{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap:wrap;
  padding:0 200px;
}

.whatif .boxes .box {
  width: calc(50% - 15px);
  padding:40px 50px;
  margin-bottom:30px;
  text-align: center;
  background: #f7f8fa;
  border-radius: 10px;
}

.whatif .boxes .box:nth-child(3),
.whatif .boxes .box:nth-child(4) {
  margin-bottom:0;
}

.whatif .boxes .box .box-icon {
  width: 78px;
  height: 78px;
  background: #ffffff;
  border-radius: 5px;
  margin: 0 auto 30px;
  box-shadow: 5px 5px 20px 0px rgba(5,5,0,.05);
  display: flex;
  justify-content: center;
  align-items: center;
}

.whatif .boxes .box .box-icon img {
  height: 38px;
}

.whatif h6 {
  text-transform: uppercase;
}

.whatif p {
  color:#6d6e70;
  margin: 0;
}

.brands{
  padding:50px 0;
  background:#f7f8fa;
}

.brands .boxes{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.brands .boxes .box{
  width:50%;
  padding: 100px;
  border-radius:10px;
  overflow:hidden;
}

.brands .boxes .box.box-img{
  padding:0;
}

.brands .boxes .box.box-img img{
  width:100%;
}

.brands .boxes .box span {
  display:inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom:15px;
}

.brands .boxes .box h3{
  font-size:40px;
  margin-bottom:15px;
}

.brands .boxes .box p{
  color:#6d6e70;
  margin:0;
}

.brands-gallery{
  padding:100px 0;
}

.brands-gallery-wrapper,
.brand-gallery-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.brand-gallery-box{
  margin-bottom:10px;
}

.brand-gallery-box img{
  width:100%;
}

.brand-gallery-box .brand-gallery-box{
  margin-bottom:0px;
}

.gallery-box-half{
  width:calc(50% - 5px);
}

.collaboration{
  padding:0 0 100px 0;
}

.collaboration .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.collaboration-img{
  width:450px;
  margin-right:100px;
}

.collaboration-details{
  width:calc(100% - 550px);
}

.collaboration-details span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.collaboration-details h3{
  margin-bottom: 15px;
}

.collaboration-details p{
  max-width:320px;
  color: #6d6e70;
}

.collaboration-details .boxes{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}

.collaboration-details .boxes .box{
  width: calc(50% - 15px);
  background: #f7f8fa;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  padding: 30px;
  margin-bottom: 30px;
  text-align: left;
}

.collaboration-details .boxes .box:nth-child(3),
.collaboration-details .boxes .box:nth-child(4){
  margin-bottom:0;
}

.collaboration-details .boxes .box .collaboration-details-left{
  margin-right: 30px;
}

.collaboration-details .boxes .box .collaboration-details-left img{
  width: 38px;
}

.collaboration-details .boxes .box .collaboration-details-right{
  width: calc(100% - 68px);
}

.collaboration-details .boxes .box .collaboration-details-right h6{
  margin-bottom: 5px;
}

.collaboration-details .boxes .box .collaboration-details-right p{
  color: #6d6e70;
  max-width: 100%;
  margin: 0;
}

/* Strategy */

.strategy-banner{
  padding:200px 0 100px;
}

.strategy-banner .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.strategy-banner-left,
.strategy-banner-right{
  width:50%;
  padding:0 200px 0 0;
  border-radius:10px;
}

.strategy-banner-left span {
  display:inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom:10px;
}

.strategy-banner-left h2{
  margin-bottom:15px;
}

.strategy-banner-left p{
  color:#6d6e70;
}

.strategy-banner-left h4{
  margin-bottom:15px;
}

.strategy-banner-right{
  padding:0;
  overflow: auto;
}

.strategy-banner-right img{
  width:100%;
}

.howwedo{
  margin:0 0 100px 0;
}

.howwedo .container{
  padding:100px;
  background: #1b1b21 url(../images/pattern.png) center repeat;
  border-radius: 10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.howwedo-left{
  width:calc(100% - 375px);
}

.howwedo-right{
  width:375px;
}

.howwedo-left span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.howwedo-left h3{
  color:#ffffff;
  margin-bottom:50px;
}

.howwedo-left p{
  display:inline-block;
  color:#ffffff;
  width:calc(50% - 32px);
  margin-right:30px;
  margin-bottom:0;
  vertical-align: top;
}

.strategy{
  padding: 50px 0 0;
  background: #f7f8fa;
}

.strategy .boxes{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.strategy .boxes .box{
  width:50%;
  padding: 100px;
  border-radius:10px;
  overflow:hidden;
}

.strategy .boxes .box.box-img{
  padding:0;
}

.strategy .boxes .box.box-img img{
  width:100%;
}

.strategy .boxes .box span {
  display:inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom:15px;
}

.strategy .boxes .box h3{
  font-size:40px;
  margin-bottom:15px;
}

.strategy .boxes .box p{
  color:#6d6e70;
  margin:0;
}

.strategy .boxes .box .accordian-title{
  color:#6d6e70;
  padding:20px 0 20px 40px;
  border-bottom:1px solid #cbcccf;
  background:url(../images/plus.svg) 0px 21px no-repeat;
}

.strategy .boxes .box .accordian-title.active{
  font-weight:700;
  background:url(../images/minus.svg) 0px 21px no-repeat;
  border-color:transparent;
}

.strategy .boxes .box .accordian-title.accordian-title-last{
  border-bottom:0;
}

.strategy .boxes .box .accordian-content{
  display:none;
  padding:0 0 20px 40px;
  border-bottom:1px solid #cbcccf;
}

.solutions{
  padding:100px 0;
}

.solutions .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap:wrap;
}

.solutions-left,
.solutions-right{
  width:50%;
  padding:0 100px;
}

.solutions-left h3 {
  margin-bottom: 15px;
}

.solutions-left p {
  color: #6d6e70;
}

.solutions-right{
  padding-right:50px;
}

.solutions-right .boxes{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.solutions-right .boxes .box{
  width: calc(50% - 15px);
  margin-bottom: 50px;
}

.solutions-right .boxes .box:nth-child(3),
.solutions-right .boxes .box:nth-child(4){
  margin-bottom: 0;
}

.solutions-right .boxes .box .box-icon{
  width: 78px;
  height: 78px;
  background: #f7f8fa;
  border-radius: 5px;
  margin: 0 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.solutions-right .boxes .box .box-icon img{
  height: 38px;
}

.solutions-right .boxes .box h6{
  padding-right:30px;
}

.strategy-msg .container{
  padding: 100px;
  background: #1b1b21 url(../images/pattern.png) center repeat;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align:center;
}

.strategy-msg h3{
  color:#ffffff;
}

.strategy-keypoints{
  padding:100px 0;
}

.strategy-keypoint{
  padding:30px;
  border-radius:10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.strategy-odd{
  background:#f7f8fa;
}

.strategy-keypoint h5{
  width:30%;
}

.strategy-keypoint p{
  width:70%;
  color: #6d6e70;
  margin-bottom:0;
}

/* Overlay */

.overlay{
  background:rgba(0,0,0,.6);
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  z-index:11;
  display:flex;
  justify-content:center;
  align-items:center;
  display:none;
}

.overlay-wrapper{
  width:100%;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:auto;
}

.overlay-container{
  padding:80px 50px;
  width:100%;
  max-width:900px;
  margin:auto;
  background:#f7f8fa;
  border-radius:10px;
  position:relative;
}

.overlay-close{
  position:absolute;
  top:30px;
  right:30px;
  font-size:14px;
  text-transform:uppercase;
  padding:0 20px 0 0;
  background:url(../images/close.svg) right center no-repeat;
  background-size:14px auto;
  cursor: pointer;
}

.overlay-contactus{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.overlay-contactus-left{
  width:calc(40% - 25px);
}

.overlay-contactus-right{
  width:calc(60% - 25px);
}

.overlay-contactus-left span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6d6e70;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.overlay-contactus-left h4 {
  font-weight:700;
  margin-bottom: 15px;
}

.overlay-contactus-left p {
  color: #6d6e70;
  margin-bottom:0;
}

.overlay-contactus-right h6{
  font-weight:700;
  margin-bottom:10px;
}

.overlay-contactus-right ul{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.overlay-contactus-right ul li{
  width:calc(50% - 5px);
  margin-bottom: 20px;
}

.overlay-contactus-right ul li.full{
  width:100%;
  margin-bottom: 20px;
}

.overlay-contactus-right ul li:last-child{
  margin-bottom:0;
}

.overlay-contactus-right ul li input[type="submit"]{
  font-size: 14px;
  text-transform:uppercase;
  padding: 10px 30px;
  border:1px solid #1b1b21;
}

#overlay-about-company h6 {
  font-weight:500;
  margin-bottom: 15px;
}

#overlay-about-company p:last-child{
  margin-bottom:0;
}

/* Responsive */

@media screen and (max-width:1280px) {
  .container{
    width:90%;
    max-width: calc(100% - 100px);
  }
  .banner{
    height:75vh;
  }
  .banner-content{
    margin-bottom:30px;
  }
  .banner.banner-small{
    height:50vh;
  }
  .platform{
    padding:50px 0 25px;
  }
  .keypoints{
    padding: 25px 0 50px;
  }
  .keypoints .boxes .box{
    width: calc(25% - 15px);
    padding:30px;
  }
  .stories-left, .stories-right{
    padding:50px;
  }
  .human-story{
    padding:75px 0;
  }
  .process .container{
    padding:50px;
  }
  .process-step1, .process-step2, .process-step3, .process-step4{
    padding:30px;
  }
  .audience-platform{
    margin:50px 0;
  }
  .audience-platform .container{
    padding:50px;
  }
  .audience-platform-img{
    margin-right: -50px;
    width:40%;
  }
  .programmatic{
    padding:0 0 50px 0;
  }
  .getintouch{
    padding:75px 0;
  }
  footer{
    padding:50px 0;
  }
  footer .footer-block.footer-logo{
    padding-right:50px;
  }
  footer .footer-block{
    padding-left: 50px;
  }
  footer .footer-bottom{
    padding: 25px 0 0;
  }
  .aboutus{
    padding:50px 0;
  }
  .aboutus-right{
    padding:50px;
  }
  .aboutus-right .boxes .box{
    width: calc(50% - 15px);
  }
  .company-info{
    padding:50px 0;
  }
  .company-info h3{
    margin-bottom:25px;
  }
  .company-info .company-info-details{
    padding:50px;
  }
  .company-info .company-info-details h4,
  .company-info .company-info-details p{
    width:50%;
  }
  .company-info-details-img{
    margin-right: -50px;
    width:calc(40% + 25px);
  }
  .hire-us{
    margin:50px 0;
  }
  .hire-us .container{
    padding:50px;
  }
  .automation{
    padding:50px 0;
  }
  .automation-left{
    padding:0 50px;
  }
  .media-buying .container{
    padding:50px;
  }
  .media-buying .boxes .box{
    padding:30px;
  }
  .technology{
    padding:50px 0;
  }
  .technology .boxes{
    margin-bottom:50px;
  }
  .technology .boxes:last-child{
    margin-bottom:0px;
  }
  .technology .boxes .box{
    padding:50px;
  }
  .measure{
    padding:50px 0;
  }
  .measure-left{
    padding: 0 50px 0 0;
  }
  .measure-keypoints{
    padding: 0 0 50px;
  }
  .measure-keypoints .boxes .box{
    padding: 50px 50px 50px 0;
  }
  .measure-keypoints .boxes .box::after{
    right: 25px;
  }
  .analyze-results{
    padding: 50px 50px 50px 0;
  }
  .analyze-reports{
    padding: 50px 0 50px 50px;
  }
  .analyze{
    padding:50px 0;
  }
  .analyze .boxes{
    margin-bottom:50px;
  }
  .analyze .boxes:last-child{
    margin-bottom:0px;
  }
  .analyze .boxes .box{
    padding: 50px;
  }
  .workwithus{
    padding:50px 0;
  }
  .workwithus .boxes .box{
    width: calc(33.33% - 15px);
    padding:30px;
  }
  .team{
    padding: 50px 0 20px;
  }
  .team h3{
    margin-bottom: 25px;
  }
  .team .boxes{
    padding: 0 50px;
  }
  .team .boxes .box .team-details{
    padding:30px;
  }
  .roles{
    padding:50px 0;
  }
  .roles h3{
    margin-bottom: 25px;
  }
  .table .row{
    margin-bottom: 15px;
  }
  .table .row:last-child{
    margin-bottom: 0px;
  }
  .whatif{
    padding:50px 0;
  }
  .whatif h3 {
    margin-bottom: 25px;
  }
  .whatif .boxes .box{
    padding:30px;
  }
  .brands .boxes{
    margin-bottom:50px;
  }
  .brands .boxes:last-child{
    margin-bottom:0px;
  }
  .brands .boxes .box{
    padding:50px;
  }
  .brands-gallery{
    padding:50px 0;
  }
  .collaboration{
    padding:0 0 50px 0;
  }
  .collaboration-img{
    margin-right:50px;
  }
  .collaboration-details{
    width: calc(100% - 500px);
  }
  .strategy-banner{
    padding: 150px 0 50px;
  }
  .howwedo{
    margin: 0 0 50px 0;
  }
  .howwedo .container{
    padding:50px;
  }
  .howwedo-left h3{
    margin-bottom: 25px;
  }
  .strategy .boxes{
    margin-bottom:50px;
  }
  .strategy .boxes:last-child{
    margin-bottom:0px;
  }
  .strategy .boxes .box{
    padding:50px;
  }
  .solutions{
    padding:50px 0;
  }
  .solutions-left, .solutions-right{
    padding:0 50px;
  }
  .strategy-msg .container{
    padding:50px;
  }
  .strategy-keypoints{
    padding:50px 0;
  }
}

@media screen and (max-width:1180px) {
  h2,
  .stories-left h2,
  .stories-right h2,
  .audience-platform h2{
    font-size: 48px;
    line-height: 58px;
  }
  .technology .boxes .box h3,
  .analyze .boxes .box h3,
  .brands .boxes .box h3,
  .strategy .boxes .box h3{
    font-size: 36px;
  }
}

@media screen and (max-width:1080px) {
  h5,
  .table .row .cols{
    font-size: 18px;
  }
  .aboutus-left{
    padding: 60px;
  }
  .company-info-details-img{
    width:50%;
  }
  .whatif .boxes{
    padding:0 150px;
  }
}

@media screen and (max-width:1036px) {
  h2, .stories-left h2, .stories-right h2, .audience-platform h2 {
    font-size: 42px;
    line-height: 52px;
  }
  header{
    padding:20px 30px;
  }
  header.scrolled{
    padding:10px 30px;
  }
  .container {
    width: 100%;
    max-width: calc(100% - 60px);
  }
  .keypoints .boxes .box{
    padding: 30px 15px;
  }
  .stories-left p,
  .stories-right p{
    max-width:100%;
  }
  .programmatic-left p, .programmatic-right p{
    max-width:100%;
  }
  .analyze-reports .boxes .box,
  .analyze-reports .boxes .box:nth-child(3){
    width:100%;
    margin-bottom:15px;
  }
  .workwithus-wrapper{
    max-width:50%;
  }
  .collaboration-details .boxes .box,
  .collaboration-details .boxes .box:nth-child(3){
    width:100%;
    margin-bottom:15px;
  }
  .howwedo-left p{
    width:100%;
    margin:0 0 15px 0;
  }
  .howwedo-left p:last-child{
    margin:0;
  }
}

@media screen and (orientation: landscape) and (max-width:1024px) {
  .banner, .banner.banner-small{
    height:100vh;
  }
  .banner{
    align-items: flex-end;
  }
  .banner-content{
    max-width:100%;
  }
  .banner.banner-small{
    align-items:center;
  }
}

@media screen and (max-width:980px) {
  nav{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background: rgba(248, 249, 251, .95);
    padding:70px 30px 30px;
  }
  nav li{
    display:block;
    margin:0;
  }
  nav li  a{
    display:block;
  }
  .hamburger{
    display:block;
  }
  .process-step{
    width:100%;
  }
  .whatif .boxes{
    padding: 0 100px;
  }
  .strategy-banner-left{
    padding: 0 100px 0 0;
  }
  .overlay-container{
    width: calc(100% - 60px);
    max-width: 900px;
  }
}

@media screen and (max-width:800px) {
  h2, .stories-left h2, .stories-right h2, .audience-platform h2 {
    font-size: 38px;
    line-height: 46px;
  }
  h3{
    font-size: 28px;
    line-height: 36px;
  }
  h4{
    font-size: 24px;
    line-height: 32px;
  }
  .platform span{
    margin-bottom: 30px;
  }
  .keypoints .boxes .box{
    width: calc(50% - 15px);
    margin-bottom:30px;
  }
  .keypoints .boxes .box:nth-child(3),
  .keypoints .boxes .box:nth-child(4){
    margin-bottom:0;
  }
  .stories-left, .stories-right{
    width:100%;
    padding:30px;
  }
  .stories-right .boxes{
    margin-bottom:30px;
  }
  .stories-left .btn,
  .stories-right .btn{
    margin-top:0px;
  }
  .human-story .container{
    width: 100%;
    max-width: calc(100% - 60px);
  }
  .human-story h3{
    width: calc(100% - 168px);
  }
  .process-step{
    width:100%;
    height: 640px;
  }
  .process-logo{
    width: 160px;
    height: 160px;
  }
  .process-step1, .process-step2, .process-step3, .process-step4{
    width: 200px;
    height: 190px;
  }
  .process-step1{
    top: calc(50% - 220px);
  }
  .process-step2{
    left: calc(50% + 225px);
  }
  .process-step3{
    top: calc(50% + 220px);
  }
  .process-step4{
    left: calc(50% - 225px);
  }
  .audience-platform .container{
    padding:30px;
  }
  .audience-platform h2,
  .audience-platform p{
    width:auto;
  }
  .audience-platform .container::after{
    top:100px;
    width:100%;
    height:calc(100% - 100px);
  }
  .audience-platform-img{
    float:none;
    width:100%;
    margin:0 0 30px 0;
  }
  .programmatic-left, .programmatic-right{
    width:100%;
    padding:30px;
    margin-bottom:30px;
  }
  .programmatic-right{
    margin-bottom:0px;
  }
  footer .footer-block.footer-logo{
    width:100%;
    padding-right:0px;
  }
  footer .footer-block.footer-logo p{
    margin-bottom:0;
  }
  footer .footer-block{
    width:calc(50% - 15px);
    padding-left:0px;
    margin-bottom:25px;
  }
  footer .footer-bottom .footer-block.footer-social{
    margin-bottom:0;
  }
  .aboutus-left, .aboutus-right{
    width:100%;
    padding:30px;
  }
  .aboutus-right{
    padding-bottom:0;
  }
  .company-info h3{
    margin-bottom:0;
  }
  .company-info .company-info-details{
    padding:30px;
  }
  .company-info .company-info-details::after{
    top:100px;
    width:100%;
    height:calc(100% - 100px);
  }
  .company-info .company-info-details h4, .company-info .company-info-details p{
    width:100%;
  }
  .company-info-details-img{
    float:none;
    width:100%;
    margin:0 0 30px 0;
  }
  .automation .container{
    align-items: flex-start;
    flex-direction:column-reverse;
  }
  .automation-left{
    width:100%;
    padding:0
  }
  .automation-left p{
    margin:0;
  }
  .automation-right{
    width:100%;
    margin:0 0 30px 0;
  }
  .media-buying .container{
    padding:30px;
  }
  .media-buying .container p{
    margin: 0 auto 25px;
  }
  .media-buying .boxes{
    padding:0;
  }
  .media-buying .boxes .box, .media-buying .boxes .box:nth-child(3), .media-buying .boxes .box:nth-child(4){
    width:100%;
    margin-bottom:30px;
  }
  .media-buying .boxes .box:nth-child(4){
    margin-bottom:0;
  }
  .technology .boxes{
    align-items: flex-start;
  }
  .technology .boxes:nth-child(1){
    flex-direction:column-reverse;
  }
  .technology .boxes .box{
    width:100%;
    padding:30px 0 0 0;
  }
  .measure-left, .measure-right{
    width:100%;
    padding:0px;
  }
  .measure-keypoints .boxes .box,
  .measure-keypoints .boxes .box:nth-child(4){
    width: 50%;
    padding:0px;
    margin-bottom:30px;
  }
  .measure-keypoints .boxes .box:nth-child(3),
  .measure-keypoints .boxes .box:nth-child(4){
    margin-bottom:0px;
  }
  .measure-keypoints .boxes .box::after{
    display:none;
  }
  .results-reports::after{
    display:none;
  }
  .analyze-results,
  .analyze-reports{
    width:100%;
    padding:0px;
  }
  .analyze-results{
    margin-bottom:30px;
  }
  .analyze-results p{
    margin:0;
  }
  .analyze-reports{
    padding:30px;
  }
  .analyze .boxes:nth-child(1) {
    flex-direction: column-reverse;
  }
  .analyze .boxes .box{
    width: 100%;
    padding: 30px 0 0 0;
  }
  .workwithus-wrapper{
    max-width:100%;
  }
  .workwithus .boxes .box{
    width:100%;
    margin-bottom:30px;
  }
  .workwithus .boxes .box:last-child{
    margin-bottom:0;
  }
  .team .boxes{
    padding:0;
  }
  .team .boxes .box{
    width: calc(50% - 30px);
  }
  .whatif .boxes{
    padding:0;
  }
  .brands .boxes:nth-child(1) {
    flex-direction: column-reverse;
  }
  .brands .boxes .box{
    width:100%;
    padding: 30px 0 0 0;
  }
  .gallery-box-half{
    width:100%;
  }
  .gallery-box-half .gallery-box-half{
    width: calc(50% - 5px);
  }
  .collaboration-img,
  .collaboration-details{
    width:100%;
    margin:0;
  }
  .collaboration-img{
    margin-bottom:30px;
  }
  .strategy-banner-left, .strategy-banner-right{
    width:100%;
  }
  .strategy-banner-left{
    margin-bottom:30px;
  }
  .howwedo .container{
    flex-direction:column-reverse;
    padding:30px;
  }
  .howwedo-left,
  .howwedo-right{
    width:100%;
  }
  .howwedo-right{
    margin-bottom:30px;
  }
  .strategy .boxes:nth-child(1) {
    flex-direction: column-reverse;
  }
  .strategy .boxes .box{
    width:100%;
    padding: 30px 0 0 0;
  }
  .solutions-left, .solutions-right{
    width:100%;
    padding:0;
  }
  .solutions-right .boxes .box{
    margin-bottom:30px;
  }
  .solutions-right .boxes .box h6{
    padding-right:0px;
  }
  .strategy-msg .container{
    padding:30px;
  }
  .overlay-container{
    padding:50px 30px 30px;
  }
  .overlay-contactus-left,
  .overlay-contactus-right{
    width:100%;
  }
  .overlay-contactus-left{
    margin-bottom:30px;
  }
}

@media screen and (max-width:736px) {
  .banner{
    align-items: flex-end;
  }
  .banner-content{
    max-width:100%;
  }
  .banner.banner-small{
    align-items:center;
  }
}

@media screen and (max-width:667px) {
  h2 br, .stories-left h2 br, .stories-right h2 br, .audience-platform h2 br, .hire-us h3 br, .banner-content p br{
    display:none;
  }
  .platform ul{
    justify-content:center;
  }
  .platform ul li{
    width:33.33%;
    padding:15px;
  }
  .keypoints .boxes .box,
  .keypoints .boxes .box:nth-child(3){
    width:100%;
    margin-bottom: 30px;
  }
  .keypoints .boxes .box:nth-child(4){
    margin-bottom: 0px;
  }
  .process-step{
    width:100%;
    height:auto;
  }
  .process .container{
    padding:30px;
  }
  .process-logo,
  .process-step1, .process-step2, .process-step3, .process-step4{
    position:relative;
    top: inherit;
    left: inherit;
    transform: none;
  }
  .process-logo{
    margin:0 auto 15px;
  }
  .process-step1, .process-step2, .process-step3, .process-step4{
    float:left;
    width:100%;
    height:auto;
    margin:0 0 10px 0;
    padding:30px;
  }
  .aboutus-right .boxes .box{
    width:100%;
    margin-bottom:30px;
  }
  .aboutus-right .boxes .box:last-child{
    margin-bottom:0px;
  }
  .hire-us h3{
    width:100%;
    margin-bottom:15px;
  }
  footer{
    padding:30px 0;
  }
  footer .footer-bottom{
    flex-direction:column-reverse;
  }
  footer .footer-nav ul li{
    margin:0 15px 0 0;
  }
  .team .boxes{
    justify-content: space-between;
  }
  .team .boxes .box{
    width: calc(50% - 15px);
    margin:0 0 30px 0;
  }
  .table .row.row-head{
    display:none;
  }
  .table .row .cols{
    width:100%;
    padding:0 0 5px 0;
  }
  .table .row .cols:last-child{
    padding:0;
  }
  .table .row .cols:nth-child(1) h5:before{
    content:"Role: ";
    font-size: 16px;
    font-weight:400;
    color: #6d6e70;
    padding:0 10px 0 0;
  }
  .table .row .cols:nth-child(2):before{
    content:"Team: ";
    font-size: 16px;
    padding:0 10px 0 0;
  }
  .table .row .cols:nth-child(3):before{
    content:"Location: ";
    font-size: 16px;
    padding:0 10px 0 0;
  }
  .whatif .boxes .box, .whatif .boxes .box:nth-child(3){
    width:100%;
    margin-bottom:30px;
  }
  .solutions-right .boxes .box, .solutions-right .boxes .box:nth-child(3){
    width:100%;
    margin-bottom:30px;
  }
  .strategy-keypoint h5, .strategy-keypoint p{
    width:100%;
  }
  .strategy-keypoint h5{
    margin-bottom:15px;
  }
  .overlay-contactus-right ul li{
    width:100%;
  }
}
@media screen and (max-width:480px) {
  h2, .stories-left h2, .stories-right h2, .audience-platform h2 {
    font-size: 30px;
    line-height: 38px;
  }
  h3, .technology .boxes .box h3, .analyze .boxes .box h3, .brands .boxes .box h3, .strategy .boxes .box h3{
    font-size: 24px;
    line-height: 30px;
  }
  input[type="submit"], .btn{
    width:100%;
    padding: 13px 20px;
    text-align:center;
  }
  nav li a.btn.btn-getintouch,
  nav li a.btn.btn-login{
    margin:10px 0 0 0;
  }
  .stories-right{
    padding-left:0;
    padding-right:0;
  }
  .stories-left .btn,
  .stories-right .btn{
    text-align:left;
    background-position:calc(100% - 15px) 20px;
  }
  .human-story{
    padding:30px 0;
  }
  .human-story-icon{
    margin-bottom:30px;
  }
  .human-story h3{
    width:100%;
  }
  .aboutus-right{
    padding-left:0;
    padding-right:0;
  }
  .hire-us .container{
    padding:30px;
  }
  .media-buying .boxes .box{
    flex-wrap:wrap;
  }
  .media-buying .boxes .box .media-buying-img{
    margin-bottom:15px;
  }
  .measure-keypoints .boxes .box, .measure-keypoints .boxes .box:nth-child(4){
    width:100%;
  }
  .measure-keypoints .boxes .box .box-icon, .measure-keypoints .boxes .box:nth-child(3){
    margin-bottom:15px;
  }
  .analyze-reports .boxes .box{
    flex-wrap:wrap;
  }
  .analyze-reports .boxes .box .media-buying-img{
    margin-bottom:15px;
  }
  .analyze-reports .boxes .box .media-buying-details{
    width:100%;
  }
  .team .boxes .box{
    width: 100%;
    margin:0 0 30px 0;
  }
  .gallery-box-half .gallery-box-half{
    width:100%;
    margin-bottom: 10px;
  }
  .gallery-box-half .gallery-box-half:last-child{
    margin-bottom: 0px;
  }
  .strategy-banner-left{
    padding:0;
  }
  footer .footer-block{
    width:100%;
  }
}