* {box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; outline:0;}
html,body {min-height:100%; margin:0; padding:0; color:#000;font-family: 'Poppins',Helvetica,sans-serif; font-weight:400; font-size:16px; color:#000;}

/* Firefox */
body {font-size:16px;}
body * {scrollbar-width: auto;scrollbar-color:#ccc #F0F2F5;-webkit-tap-highlight-color: transparent;}
/* Chrome, Edge, and Safari */
body *::-webkit-scrollbar {width:10px;}
body *::-webkit-scrollbar-track {background: #F0F2F5;}
body *::-webkit-scrollbar-thumb {background-color:#ccc;border-radius: 10px;border:3px solid #F0F2F5;}


a, textarea, input[type=text], input[type=password], input[type=button], input[type=submit], input[type=number], input[type=tel], select, option,button {
    outline: 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;
    font-family:'Poppins',Helvetica,sans-serif;
}
.select {position: relative;display:block;}
select {border: 1px solid #ccc; border-radius:4px; background:#fff; padding:11px 20px 11px 10px; width:100%; font-size:16px; color:#343C51}
.select:after {
    content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; cursor: pointer; position: absolute;
    right: 20px; top: 50%; margin-top: -.5em; z-index: 1; pointer-events: none; color:#343C51; font-size:14px;
}
textarea, input[type=text], input[type=password],input[type=number],input[type=tel] {
	width:100%;padding:10px;font-size:16px;display:block;border:1px solid #ccc; border-radius:5px; background:#fff; color:#343C51;
}
textarea:focus, input[type=text]:focus, input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus, select:focus {
	border:1px solid #9132bd
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,
textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,
select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {
  -webkit-text-fill-color: #343C51;-webkit-box-shadow: inset 0 0 0px 9999px #ccc;transition: background-color 5000s ease-in-out 0s;background-color:#fff !important;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

input[type=range] {-webkit-appearance: none;width: 100%;height:8px;background:#ccc;outline:none;border-radius:3px;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width:25px;height:25px;background:#fff; border:2px solid #ccc;cursor: pointer;border-radius:50%;}
input[type=range]::-moz-range-thumb {width:25px;height:25px;background:#fff; border:2px solid #ccc;cursor: pointer;}
input[type=range]:focus {outline: none;}
input[type=range]::-ms-track {width: 100%;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}



p,h1,h2,h3,h4,h5 {margin:0; padding:0 0 10px 0;}
h1 {font-weight:600;}
h2 {font-weight:600;}
h3,h4,h5 {font-weight:500;}
a {
	text-decoration:none; color:#7F1CFE; cursor:pointer; font-weight:500; text-decoration:none; color:#343C51; cursor:pointer;
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; 
}
#scrollTop {position:fixed; bottom:10px; right:10px; z-index:9; font-size:46px; color:#9132bd; cursor:pointer; display:none;}

strong,b {font-weight:600; color:#000;}
.center {text-align:center;}
.overflowHidden {overflow:hidden;}
.sectionContainer {max-width:1680px; margin:0 auto;min-height: 100%;}


.button {
	font-weight: 600;font-size: 16px;line-height: 1;color: #fff;background-color: #9132bd;display: inline-block;padding: 14px 32px;border: 2px solid #9132bd;
	border-radius: 30px;text-align: center; -webkit-transition: 1s;transition: 1s;
}
.button:hover {background: #fff; color:#9132bd;}

.buttonTrans {
	font-weight: 600;font-size: 16px;line-height: 1;color: #9132bd;background-color: #fff;display: inline-block;padding: 14px 32px;border: 2px solid #9132bd;
	border-radius: 30px;text-align: center; -webkit-transition: 1s;transition: 1s;
}
.buttonTrans:hover {background: #9132bd; color:#fff;}



/*#home {background-image: url(/imgs/home_agency_bg1.jpg);background-repeat: no-repeat;background-size: cover;}*/
#home, #socialMedia, #ppc, #video, #content, #remarketing, #ecommerce, #webdesign, #email, #seo {
	background-image: linear-gradient(180deg, rgba(243, 247, 244, 0.5) 0%, #F3F7F4 100%);
}

.generalHeader {background:url(/imgs/header_title_about.png); background-size:cover; height:240px;display:flex; align-items:center; justify-content:center; flex-direction:column;}
.generalHeader i {margin:0 15px; font-size:7px; color:#9132bd; vertical-align:middle;}
.generalHeader a {font-weight:normal; color:#000}


#holding {display:flex;height:100vh; align-items:center; justify-content:center; padding:0 20px;}
#holding > div {width:300px;max-width:100%; text-align:center;}
#holding > div .slogan {font-size:24px; font-weight:600; margin-bottom:10px;}
#holding .bullet {font-size:32px;display: inline-block;vertical-align: middle; color:#7F1CFE; margin:0 5px;}

#scrollPlaceholder {height:100px;display:none;}
#header {position:relative; z-index:999;}
#header.scroll {position:fixed;top:0;left:0;width:100%;background-color: rgba(255, 255, 255, 0.95);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); z-index:999;}
#header.active {background-color:#fff;}
#header > div {display:flex;align-items:center;height:100px;max-width:1680px; margin:0 auto; padding:0 20px;}
#logo {width:200px; margin-left:30px;}
#logo img {display:block;}
#links {text-align:right; flex:1 1 auto;}
#links a,#links > span {display:inline-block; padding:20px 15px; color:#333; font-weight:500; margin:0 20px; cursor:pointer;}
#links > span {position:relative;padding-right:20px;}
#links > span:after {
    content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; cursor: pointer; position: absolute;
    right: 0px; top: 50%; margin-top: -.5em; z-index: 1; pointer-events: none; color:#343C51; font-size:14px;
}
#links > span > span {display:none; position:absolute; top:65px; background:#fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.1); border-radius:10px; text-align:left; padding:20px 0 10px 0;}
#links > span > span:before {
    content: "";position: absolute;top: -18px;left: 15px;z-index: 2;display: block;width: 16px;height: 16px;background: #fff;box-shadow: none;
    border-radius: 3px;-webkit-transform: rotate(-45deg) translateY(1rem);-ms-transform: rotate(-45deg) translateY(1rem);transform: rotate(-45deg) translateY(1rem);
}

#links > span > span a {display:block; white-space:nowrap;padding:0px 50px 10px 20px; margin:0;}
#links > span:hover > span {display:block;}

.hamburgerContainer {text-align:right; flex:1 1 auto; display:none;}
.hamburger {font-size: 30px;display: inline-block;width: 1em;height: 1em;padding: 0;cursor: pointer;vertical-align: bottom;border: 0 none;transition: transform .2s ease-in-out;background: transparent;}
.hamburger::-moz-focus-inner {padding: 0;border: 0 none;}
.hamburger:focus {outline: 0;}
.hamburger:before,.hamburger:after {content: "";}
.hamburger:before,.hamburger .icon,.hamburger:after {display: block;width: 100%;height: .1em;margin: 0 0 .2em;transition: transform .2s ease-in-out;border-radius: .05em;background: #9132bd;}
.hamburger.active:before,.hamburger.active .icon,.hamburger.active:after {background: #9132bd;margin: 0 0 .1em;}
.hamburger.hamburger-vertical.active {transform: rotate(270deg);}
.hamburger.hamburger-cancel.active .icon {transform: scale(0);}
.hamburger.hamburger-cancel.active:before {transform: translateY(.2em) rotate(135deg);}
.hamburger.hamburger-cancel.active:after {transform: translateY(-.2em) rotate(-135deg);}
.hamburger.hamburger-plus.active .icon {transform: scale(0);}
.hamburger.hamburger-plus.active:before {transform: translateY(.2em) rotate(90deg);}
.hamburger.hamburger-plus.active:after {transform: translateY(-.2em) rotate(180deg);}




.homeHeader {display:flex; align-items:center; max-width:1310px; margin:0 auto; padding:100px 20px; position:relative;}
.homeHeader .media {position:relative; width: calc(100% - 500px); padding-left:50px;}
.homeHeader .txt {width:500px; font-size:18px; line-height:1.8em;}

.homeHeader .txt .strapLine {margin-bottom:20px;}
.homeHeader .txt .cd-headline {font-size:82px; font-weight:600; line-height:1.2; white-space:nowrap;}
.homeHeader .txt .cd-headline span {display:inline-block; padding:0 0 10px 0}
.homeHeader .txt .cd-headline .cd-words-wrapper {overflow: hidden;vertical-align: top;padding-right: 20px;}
.homeHeader .txt .cd-headline .cd-words-wrapper::after {content: '';position: absolute;top: 5px;right: 0;width: 2px;height: 80%;background-color: #aebcb9;}
.homeHeader .txt .cd-words-wrapper {display: inline-block;position: relative;text-align: left;}
.homeHeader .txt .cd-words-wrapper b {display: inline-block;position: absolute;white-space: nowrap;left: 0;top: 0; color:#9132bd;}
.homeHeader .txt .cd-words-wrapper b.is-visible {position:relative;}
.homeHeader .txt .cd-words-wrapper b.is-hidden {display:none;}

.homeHeader .media video {display:block;max-width:100%; border-radius:10px;}


.homeHeader .plane {position:absolute; left:-110px; top:330px; z-index:-1;overflow-x: hidden; width:800px;}
.homeHeader .plane i {position:absolute; left:32px; top:-2px; font-size:48px; color:#9132bd;}
.homeHeader .plane svg {/*transform: scale(-1,1);*/}
.homeHeader .plane .plane-path {
    stroke-dasharray: 4;stroke-dashoffset: 350;
    -webkit-animation: tp-line-dash 30s linear forwards infinite;animation: plane-path 30s linear forwards infinite;
}

.homeHeader .ball-1 {width:10px; height:10px; position:absolute; top:80px; left:400px; background:#b887ce; border-radius:50%;animation:hero-shape-anim 1.5s infinite alternate;}
.homeHeader .ball-2 {width:15px; height:15px; position:absolute; top:110px; left:500px; background:#9132bd; border-radius:50%;animation:hero-shape-anim-2 1.2s infinite alternate;}
.homeHeader .ball-3 {width:10px; height:10px; position:absolute; top:540px; left:350px; background:#b887ce; border-radius:50%;animation:hero-shape-anim 1.5s infinite alternate;}
.homeHeader .ball-4 {width:20px; height:20px; position:absolute; top:90px; left:900px; background:#9132bd; border-radius:50%;animation:hero-shape-anim 1.5s infinite alternate;}


.ourStrategy {padding:100px 0 100px;background: url(/imgs/background.png) center no-repeat;}
.strategyContainer {display:flex; align-items:center; text-align:left; max-width:1100px; margin:0 auto; font-size:14px; line-height:1.8;}
.strategyContainer .box1 {width:270px; margin-right:30px;background:#fff; padding:30px 30px 20px 30px; border-radius:5px;}
.strategyContainer .box2 {width:270px; margin-right:70px;display:flex; flex-direction:column;}
.strategyContainer .box2 > div {padding:30px 30px 20px 30px; border-radius:5px;}
.strategyContainer .box2 > div:nth-of-type(1) {margin-bottom:30px; background:#fff;}
.strategyContainer .box2 > div:nth-of-type(2) {background:#fff;}
.strategyContainer .box3 {width:calc(100% - 640px); font-size:16px;}
.strategyContainer .icon {width:100px;}


.ourServices {position:relative; padding-bottom:150px;}
.ourServices:before {
    content: "";width: 100%;height: 191px;position: absolute;bottom: 0;left: 0;background-repeat: repeat;background-position: 0 0;
    background-image: url(/imgs/bg-clouds_bottom.5d8f60b8.png); background-size: auto 100%;
    -webkit-animation: animatedBackground 300s linear infinite; animation: animatedBackground 300s linear infinite;
}

.whyUs {background:#fff;padding:100px 30px;}
.whyUs .whyUsBoxContainer {display:flex; align-items:center; position:relative; z-index:1; max-width:1280px; margin:0 auto;}
.whyUs .whyus-anim {
    -webkit-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;-moz-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
    -webkit-animation: img-border 5s linear infinite alternate;-moz-animation: img-border 5s linear infinite alternate;-o-animation: img-border 5s linear infinite alternate;
    animation: img-border 5s linear infinite alternate;transition: all 0.3s ease-out 0s;
}
.whyUs .media {position:relative; margin-right:150px;}
.whyUs .shape1 {position: absolute;top:-20px;left:-38px;z-index:-1;}
.whyUs .shape2 {position: absolute;top:120px;right:-60px;z-index:-1;}

.whyUsBoxContainer h1 {margin-bottom:20px;}
.whyUsTxtContainer {display:flex; margin-bottom:20px; font-size:14px; padding:20px 30px; border-radius:5px;background-color:#f9f8ff;}
.whyUsTxtContainer:nth-of-type(2) {background-color:#f9f8ff; margin-left:100px;}
.whyUsTxtContainer .img {width:80px; margin-right:30px;}
.whyUsTxtContainer .txt {width:calc(100% - 110px);}


.footerContainer {background-color: #F9F8FF; padding:10px;}
.footerBoxContainer {display:flex; padding:100px 0 50px 0;  border-bottom: 1px solid rgba(12, 19, 56, 0.1); max-width:1024px; margin:0 auto;}
.footerBoxContainer .logo {width:250px; margin-right:50px;}
.footerBoxContainer .logo img {width:150px; display:block; margin-bottom:20px;}
.footerBoxContainer .logo .socialMedia i {
	height:37px;width:37px;line-height:36px;text-align:center;border:1px solid rgba(12, 19, 56, 0.1);border-radius:6px;transition: all 0.3s ease-out 0s;
	cursor:pointer;
}
.footerBoxContainer .logo .followOn {font-size:14px; font-weight:500; margin-top:20px;}
.footerBoxContainer .logo .socialMedia i:hover {color:#fff;background:#9132bd; border-color:#9132bd}
.footerBoxContainer .mainLinks {width:175px; margin-right:50px;}
.footerBoxContainer .serviceLinks {width:calc(100% - 525px);}
.footerBoxContainer .serviceLinks > div {display:flex;}
.footerBoxContainer .serviceLinks > div ul:nth-of-type(1) {margin-right:75px;}

.footerBoxContainer ul {margin:0; padding:0;}
.footerBoxContainer li {list-style: none; margin-bottom:10px;}
.footerBoxContainer > div:not(.logo) a {position: relative;padding-left: 11px; font-size:14px;transition: all 0.3s ease-out 0s;}
.footerBoxContainer > div:not(.logo) a:hover {color:#9132bd}
.footerBoxContainer > div:not(.logo) a:before {position:absolute;content:"";height:3px;width:3px;border-radius:50px;background-color:#000;top:50%;transform:translateY(-50%);left: 0;}
.footerContainer .copyright {text-align:center; font-size:14px; padding:30px 0;}


.seoHeadContainer {background:url(/imgs/swirl.png) no-repeat; background-position:top 120px left -50px; background-size:100% auto;}
.seoHeader {display:flex; align-items:center; justify-content:center; max-width:1310px; margin:0 auto; padding:100px 20px; position:relative;}
.seoHeader .media {position:relative; width: calc(100% - 750px);}
.seoHeader .txt {width:500px; font-size:18px; line-height:1.8em;}

.seoHeader .txt .strapLine {margin-bottom:20px;}
.seoHeader .txt .strapLine span:nth-of-type(1) {font-size:166px; font-weight:700; line-height:.8;display:block;}
.seoHeader .txt .strapLine span:nth-of-type(2) {font-size:26px; font-weight:600; display:block;}


.seoVideoContainer {max-width:900px; margin:0 auto; padding:20px; text-align:center}
.seoVideoContainer {max-width:900px; margin:0 auto; padding:20px;}
.seoVideoContainer video {display:block;max-width:100%; border-radius:10px;}

.seobenefits {max-width:1224px; margin:0 auto; padding:100px 20px; background:url(/imgs/background.png) no-repeat; background-size:auto 100%;}
.seobenefits .flexBox {display:flex; align-items:center;}
.seobenefits .leftSide {width:50%; margin-right:50px;}
.seobenefits .rightSide {width:calc(50% - 50px);}
.seobenefits .rightSide h2 {font-size:32px;}
.seobenefits .rightSide p {line-height:1.8; font-size:18px;}
.seobenefits .boxes {display:flex; flex-wrap:wrap; align-items:center;}
.seobenefits .boxes > div {
	height:250px;transform: skewY(-4deg); margin:15px; width:calc(50% - 30px); display:flex; flex-direction:column; justify-content:center;
	background:#fff; padding:40px;border-radius: 10px 10px 10px 10px; box-shadow: 21px 21px 59px 0px rgba(27.999999999999996, 137.00000000000003, 212, 0.1);
	-webkit-transition: .5s;transition: .5s;
}
.seobenefits .boxes > div:hover {
	background:#000; color:#fff;
}

.seobenefits .boxes > div:nth-of-type(2){margin-top:30px;}
.seobenefits .boxes > div > div {transform: skewY(4deg);}

.seobenefits .boxes > div > div img {max-height:100px; display:block; margin-bottom:20px;}


#socialMedia .seoHeader {padding:0 20px;}
#socialMedia .seoHeader .txt .strapLine span:nth-of-type(1) {font-size:98px;}
#email .seoHeader .txt .strapLine span:nth-of-type(1) {font-size:98px;}
#content .seoHeader .txt .strapLine span:nth-of-type(1) {font-size:98px;}

#ppc .seoHeader .media {width: calc(100% - 650px)}


.circleWord {position: relative; display: inline-block;}
.circleWord svg {
	position: absolute;top: 50%;left: 49%;width: calc(100% + 50px);height: calc(100% + 10px);overflow: visible;pointer-events: none;
    -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); z-index:-1;
}

.circleWord svg path {stroke-width:15px;stroke: #efceff;fill: none; stroke-linecap: round;stroke-linejoin: round;}


.servicesContainer {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:30px auto 50px auto; max-width:1280px; padding:0 20px;}
.servicesContainer > div {
	box-shadow: 8px 8px 43px 0px rgba(8, 50.00000000000008, 79, 0.1); background:#fff; padding:50px 20px; border-radius:20px; width:calc(33.333333333% - 20px); margin-bottom:30px;
	display:flex;align-items: center; flex-direction:column; text-align:center;
}
.servicesContainer > div .icon {width:100px; margin-bottom:30px;}
.servicesContainer > div .txt {text-align:center;}



#termsBox {}
#termsBox b {font-weight:600; color:#000;}
.num1 {display:inline-block; width:40px; vertical-align:top;}
.num1Text {display:inline-block; width:calc(100% - 40px); vertical-align:top;}
.num2 {display:inline-block; width:50px; vertical-align:top;}
.num2Text {display:inline-block; width:calc(100% - 50px); vertical-align:top;}
.num2Text span {display:inline-block; vertical-align:top;}
.num2Text span:first-child {width:150px; font-weight:600; color:#000;}
.num2Text span:last-child {width:calc(100% - 150px);}
.num3 {display:inline-block; width:55px; vertical-align:top;}
.num3Text {display:inline-block; width:calc(100% - 105px); vertical-align:top;}
.num3Text span {display:inline-block; vertical-align:top;}
.num3Text span:first-child {width:50px;}
.num3Text span:last-child {width:calc(100% - 50px);}
#termsBox table {border-collapse: collapse; border:1px solid #ccc; font-size:12px;}
#termsBox tr:nth-of-type(1) {background:#f6f8fb; font-weight:600; color:#000;}
#termsBox td {padding:5px;padding-right:30px;}


.formage {max-width:800px; margin:0 auto;}
.formage label {display:block; margin-bottom:20px;}
.formage input[type=text], .formage textarea {margin-top:10px;}
.formage textarea {min-height:200px;}
.formage input[type=submit] {cursor:pointer;}
.formFlex {display:flex; justify-content: space-between; width:100%;}
.formFlex > div {width:calc(50% - 20px);}
.thankyou {text-align:center; display:none;}
.thankyou i {font-size: 60px; color:#9132bd;}

.dashboard {display:flex; height:100vh; margin-top:-100px;}
.dashboard > div {width:50%;}
.dashboard > div:nth-of-type(1) {display:flex; justify-content:center; align-items:center;}
.dashboard > div:nth-of-type(1) > div {max-width:400px; width:100%; padding:20px;}
.dashboard > div:nth-of-type(1) label {display:block;margin-bottom:20px;}
.dashboard > div:nth-of-type(1) input {margin-top:5px;}
.dashboard > div:nth-of-type(1) input[type=submit] {cursor:pointer;}
.dashboard > div:nth-of-type(2) {background:url(/imgs/dashboard.jpg); background-size:cover;}

@keyframes img-border {
	0% {
	  -webkit-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
	  -moz-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
	  border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
	}
	100% {
	  -webkit-border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
	  -moz-border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
	  border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
	}
}



@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -10000px 0
    }
}

@keyframes animatedBackground {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -10000px 0
    }
}





@keyframes plane-path {
	100%{stroke-dashoffset: 0;}
}

@keyframes hero-shape-anim {
	0% {transform: translateY(0);}
	100% {transform: translateY(-5px);}
}


@keyframes hero-shape-anim-2 {
	0% {transform: translateY(0);}
	100% {transform: translateY(-9px);}
}

@media screen and (max-width:1500px) {
	.homeHeader .plane {display:none;}
	.whyUs {padding:50px 30px;}
	.whyUs .whyUsBoxContainer {max-width:1100px;}
	.whyUs .media {margin-right:100px;}
	.whyUs .whyus-anim {width:400px;}
	.whyUs .shape1 img {width:436px;}
	.whyUs .shape2 img {width:300px;}

}
@media screen and (max-width:1380px) {
	.homeHeader  {max-width:1124px; padding:30px;}
	.homeHeader .txt {width:400px;}
	.homeHeader .txt .cd-headline {font-size:46px;}
	.homeHeader .media {width:calc(100% - 400px);}
}
@media screen and (max-width:1280px) {
	.whyUs .whyUsBoxContainer {flex-direction: column; max-width:600px;}
	.whyUs .whyus-anim {width:500px;}
	.whyUs .media {margin-right:0; margin-bottom:30px;}
	.whyUs .txt {text-align:center;}
	.whyUsTxtContainer {flex-direction:column;align-items:center; font-size:16px;}
	.whyUsTxtContainer .img {width:120px; margin-right:0;}
	.whyUsTxtContainer:nth-of-type(2) {margin-left:0;}
	.whyUsTxtContainer .txt {width:auto;}
	
	.seoHeadContainer {background: url(/imgs/swirl.png) no-repeat;background-position: top 180px left -90px;background-size: 100% auto;}
	.seoHeader .txt {width:400px;}
	.seoHeader .txt .strapLine span:nth-of-type(1) {font-size:120px;}
	.seoHeader .txt .strapLine span:nth-of-type(2) {font-size:18px;}
	.seoHeader .media {width:calc(100% - 600px);}


}
@media screen and (max-width:1180px) {
	.strategyContainer {flex-wrap:wrap;max-width:860px; padding:0 30px; font-size:16px;}
	.strategyContainer .box1 {width:calc(50% - 15px);}
	.strategyContainer .box2 {width:calc(50% - 15px); margin-right:0;}
	.strategyContainer .box2 > div:nth-of-type(2) {margin-bottom:30px;}
	.strategyContainer .box3 {width:100%;padding:30px 30px 20px 30px;border-radius:5px;background:#fff;box-shadow: 8px 8px 43px 0px rgba(8, 50.00000000000008, 79, 0.1);}
	
	.servicesContainer {max-width: 830px;}
	.servicesContainer > div {width: calc(50% - 20px);}
	
	.footerBoxContainer {flex-wrap:wrap;max-width:700px;}
	.footerBoxContainer .logo {width:100%;margin-right:0;margin-bottom:30px;}
    .footerBoxContainer .serviceLinks {width:calc(100% - 225px);}
	
	.homeHeader {flex-direction:column;max-width:900px;}
    .homeHeader .txt {max-width:700px; width:100%; margin:0 auto 30px auto;}
    .homeHeader .txt .cd-headline {font-size:82px;}
    .homeHeader .media {width:100%;padding-left:0;}
    
	.seoHeader .txt {width:350px;}
	.seoHeader .media {max-width:450px; width:100%;}
	.seoHeader .txt .strapLine {margin-bottom:0;}
	
	.seobenefits .flexBox {flex-direction:column;}
	.seobenefits .leftSide {margin-right:0; max-width:900px; width:100%; margin-bottom:50px;}
	.seobenefits .rightSide {max-width:850px; width:100%; padding:0 20px;}
	
	#ppc .seoHeader .media {max-width:550px; width:100%;}


}
@media screen and (max-width:900px) {
	#logo {margin-left:0; }
	.hamburgerContainer {display:block;}
	#links {position:fixed; background-color:#fff; top:70px; left:0; width:100%; height: calc(var(--vh, 1vh) * 100 - 70px); display:none;text-align:left; z-index:10; overflow:auto;}
	#links > span {margin:0; padding:0;}
	#links > span font {display:none;}
	#links > span > span:before {display:none;}
	#links > span:after {display:none;}
	#links a {padding:7px 0; margin:0 20px; font-size:18px; font-weight:500;}
	#links a, #links > span {display: block;}
	#links > span > span {display: block;position: static;background: none;box-shadow: none;padding:0;}
	#links > span > span a {padding:7px 0; margin:0 20px;}
	#header > div {height:70px;}
}

@media screen and (max-width:780px) {
	.strategyContainer {width:100%; max-width:700px;}
	.strategyContainer .box1 {width:100%;margin-right:0; margin-bottom:30px;}
	.strategyContainer .box2 {width:100%;}

	.footerBoxContainer {flex-direction:column;width:100%;max-width:600px;padding:100px 30px 50px 30px;}
	.footerBoxContainer .serviceLinks {width:100%;}
	.footerBoxContainer .serviceLinks > div {flex-direction:column;}
	.footerBoxContainer .serviceLinks > div ul:nth-of-type(1) {margin-right:0;}
	.footerBoxContainer .mainLinks {margin-right:0; margin-bottom:30px;}
	
	.seoHeadContainer {background: url(/imgs/swirl.png) no-repeat;background-position: top 160px right -130px;background-size: 100% auto;}
	.seoHeader {flex-direction:column;}
	.seoHeader .txt {width:100%; max-width:550px; text-align:center; margin-bottom:50px;}
	
	#socialMedia .seoHeader {padding:100px 20px;}
	
	#content .seoHeader .txt .strapLine span:nth-of-type(1) {font-size:68px;}

	.dashboard {flex-direction:column; margin-top:0; align-items:center; justify-content:center; height:calc(100vh - 100px);}
	.dashboard > div {width:100%;}
	.dashboard > div:nth-of-type(1) > div {}
	.dashboard > div:nth-of-type(2) {display:none;}


}
@media screen and (max-width:680px) {
    .homeHeader .txt .cd-headline {font-size:42px;}
    .strategyContainer .box1 {order:2}
    .strategyContainer .box2 {order:3}
    .strategyContainer .box3 {order:1; margin-bottom:30px;}
    
    .servicesContainer > div {width:100%; max-width:500px; margin:0 auto 30px auto;}
	.whyUs {overflow:hidden;}
	.whyUs .whyus-anim {width:350px;}
	.whyUs .shape1 img {width:396px;}
	.whyUs .shape2 img {width:250px;}
	
	.copyright span {display:block;}
	
	.seoHeadContainer {background: none;}
	
	.seobenefits .boxes > div {width:calc(100% - 30px);}

}

@media screen and (max-width:580px) {
	.formFlex {flex-direction:column;}
	.formFlex > div {width:100%;}

}



