/*-- Fonts --*/ 
/*@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700'*/  

@font-face {font-family: 'Dosis';font-style: normal;font-weight:300;
  src: local('Dosis Light'), local('Dosis-Light'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHDKeCFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {font-family: 'Dosis';font-style: normal;font-weight:400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v7/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {font-family: 'Dosis';font-style: normal;font-weight:500;
  src: local('Dosis Medium'), local('Dosis-Medium'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzGbKOCFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {font-family: 'Dosis';font-style: normal;font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzG3L-CFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*-- Dosis 700 is used only in get started section in bottom... if it removed from the pages... then comment this font   --*/
@font-face {font-family: 'Dosis';font-style: normal;font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHTLuCFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*-- end Dosis 700 --*/

/*@font-face {font-family: 'Dosis';font-style: normal;font-weight: 800;
  src: local('Dosis ExtraBold'), local('Dosis-ExtraBold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHPLeCFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
  */
/*started-Open Sans*/
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/*=====*/
/*@font-face {
    font-family: 'BastardusSans Regular';
    src: url('../fonts/bastardussans.eot');
    src: url('../fonts/bastardussans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bastardussans.woff2') format('woff2'),
         url('../fonts/bastardussans.woff') format('woff'),
         url('../fonts/bastardussans.ttf') format('truetype'),
         url('../fonts/bastardussans.svg#BastardusSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url(https://fonts.gstatic.com/s/oxygen/v7/2sDcZG1Wl4LcnbuCNWgzaGW5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media screen{
/*-- Reset --*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}.alignright{text-align:right}
a{color:#5c5c5c;outline:none;border:none;text-decoration:none}
a:visited{color:#5c5c5c}
a:hover{text-decoration:none;color:#0198d1}
a:active{color:#000}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none}
p{font-size:15px;padding:8px 0;line-height:25px}
textarea{font:12px Arial, Helvetica, sans-serif}
.input-group{position:relative}
.form-control{background:#fff;border:solid 1px #e3e3e3;font-size:16px;color:#808080;width:100%;height:50px;padding:8px 15px;box-sizing:border-box}
.form-control::-moz-placeholder{color: #6c6c6c;opacity: 1}
.form-control:-ms-input-placeholder{color: #6c6c6c}
.form-control::-webkit-input-placeholder{color: #6c6c6c} 
textarea.form-control{height:240px}
.block{display:inline-block;width:100%}
.button{display:inline-block;background-color:transparent;color:#fff;font-size:18px;border:solid 1px #dbdbdb;padding:10px 18px;border-radius:5px;text-align:center;vertical-align: middle;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.submit .button{font-size:20px;background:#58bd1e;padding:16px 18px;min-width:207px;text-transform:uppercase;margin-top:10px;outline:none}
.block{width:100%;display:inline-block}
.img-block{max-width:100%;height:auto;display:block}
/*======================*/

/*-- Body --*/
html{/*background:#fff;*/height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font:100% Arial, Helvetica, sans-serif;color:#434e65;min-height:100%/*--;height:100%;this height is added for video bg on home page--*/}
/*-- Skip Links --*/
#skip-link{width:0;height:0;font-size:.75em}
#skip-link li{width:70%;text-indent:0}
#skip-link a,#skip-link a:link{display:inline-block;position:absolute;top:-556px;color:#fff;cursor:help;margin:0;padding:4px;line-height:1em;font-weight:bold;text-decoration:underline;z-index:999999}
#skip-link a:visited{top:-556px;color:#fff;cursor:help;text-decoration:underline}
#skip-link a:active,#skip-link a:focus{top:4px;left:4px;color:#fff;cursor:help;text-decoration:underline}


/*-- Fetch Fonts --*/
.contact-us h2,.contact-us h3{font-family: 'Dosis', Arial, sans-serif;font-weight:400}
h1,h2,h3,h4,h5,h6,#services .detail span,.growth-holder h2{font-family: 'Dosis', Arial, sans-serif;font-weight:500}
.home .intro p,.case-studies li .name{font-family: 'Dosis', Arial, sans-serif;font-weight:600}
.home .intro h1,#get-started .left,.growth-holder h2 strong,.work-withus h3{font-family: 'Dosis', Arial, sans-serif;font-weight:700}
#nav ul li{font-family:Oxygen, Arial, Helvetica, sans-serif;font-weight:700}

.ticker1 li{font-family: 'Open Sans', Arial, sans-serif;font-weight:400}
#nav .submenu li,.button,.our-services .detail span,.testimonial .info span,.web-design .web-info span,.creative-services .detail span,.services .left h3,.services .right h3,.specialisms ul li span,.auto-counter label,.our-team li h3{font-family: 'Open Sans', Arial, sans-serif;font-weight:600}
.content-development .content span{font-family: 'Open Sans', Arial, sans-serif;font-weight:700}

/*-- Container --*/
.container{max-width:72.5em;margin:0 auto;position:relative;padding:0 15px}

/*-- Heading --*/
.heading{color:#36455d;font-size:3.1em;padding:0 0 20px;line-height:1.1em} 
.heading span{display:block}
.hd-h1{color:#fff;font-size:70px;margin:0 0 18px;font-weight:500}/*-- Used in all Inner pages Intro Section h1 --*/
.hd-h2{}/*not in use*/
.tag-line{display:block;color:#fff;font-size:23px;margin:0 0 15px/*;font-weight:500;*/}

/*-- Content --*/
#content{display:inline-block;width:100%;min-height:300px;padding-top:64px}
.content-title{height:440px;display:table;width:100%}
.content-title .intro{display:table-cell;vertical-align:bottom;padding-bottom:41px}


/*#nav ul li a,#nav ul li span{font-family: 'BastardusSans Regular', Arial, sans-serif}*/
/*-- Common Transition --*/
.services .right li,.specialisms li,.sponsors li,.sponsors li figure,.latest-blog ul li,.sponsors li img,.latest-blog li img/*,.latest-blog ul li figure:after*/{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}



/*-- Header --*/
.header{background-color:rgba(0,0,0,0.24);padding:18px 0;min-height:80px;position:absolute;top:0;z-index:100; /**/width:100%;/*-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;*/}
.home .header{background:none}
#logo{position:absolute;left:15px;top:8px;width:218px;/*min-height:71px;*/z-index:10}#logo img{cursor:pointer;max-width:100%;height:auto}
.home .top{background:url(../images/intro-bg.png) no-repeat center 0;padding-top:115px;background-size:auto}
.top{position:relative;min-height:440px;background-size:cover !important;/*margin-top:-115px;min-height:738px;*/}

.header-semantic{position:absolute;top:-50px/*95px*/;right:0;width:100%;height:auto;z-index:100;/*;-webkit-transition:all 800ms ease 0s;transition:all 800ms ease 0s;*/}
.top-aside{float:right;position:relative;top:85px/*-60px;display:inline-block;width:100%;*/;min-height:44px}
/*.top-aside .get-started{float:right}*/
.top-aside .get-started{/*float:right;*/position:absolute;right:0;top:0}
.get-started a.button{background:#ffd800;color:#000;font-size:18px;border:0;border-radius:4px}
.get-started a.button:hover{background:#5f64d6;color:#fff}


/*.top-aside .call-us{background: url(../images/phone.png) no-repeat left 1px;color:#fff;font-size:15px;font-weight:bold;height:18px;width:18px;min-width:15%;padding:0px 0 5px 31px;display:inline-block;vertical-align:middle;margin:10px 0 0 34px}*/
/*-- Main Navigation --*/
.slide-down{position:relative;}	
@media (min-width:992px){
#nav{float:right;min-height:40px;padding-right:151px;/*padding-right:24px*/}
#nav ul{margin:5px 15px 0 0;padding-right:9px}
#nav > ul{border-right:1px solid #fff}
#nav ul li{font-size:15px;display:inline-block;position:relative}
/*#nav ul li,#nav ul li a,#nav ul li span{vertical-align:middle;transition: all 800ms ease 0s}*/
#nav ul li a,#nav ul li span{display:block;color:#fff;padding:9px 5px;margin:0 13px;/*padding:9px 18px;*/font-weight:normal}
#nav > ul > li:hover > a,#nav > ul > li:hover > span,#nav > ul > li.active > a,#nav > ul > li.active > span{color:#ffd800; border-bottom:1px solid #ffd800}

#nav ul li,#nav ul li a,#nav ul li span,.header-semantic,#logo,.logo-shrink{-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;transition: all 500ms ease 0s}
header{-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;transition: all 500ms ease 0s}

/*====shrink-css====*/

header.shrink{background-color:rgba(0,0,0,0.94);padding:0;position:fixed;top:0;display:block;left:0}
.home header.shrink{background:rgba(0, 0, 0, 0.8)}
header #logo.logo-shrink{width:180px;height:59px;margin-top:3px}
#logo,.logo-shrink{-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;transition: all 500ms ease 0s}
.shrink-semantic{position:fixed;top:-100px/*18px*/}
.shrink-semantic .top-aside{top:118px}
#nav,#nav .submenu{display: block !important;}
.show_hide{display:none !important;}

/*#nav .submenu{display:block;visibility:hidden;opacity:0;position:absolute;left:18px;top:15px;width:660px;z-index:9999;padding-top:51px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;transition:all 0.2s ease-in}*/
#nav .submenu{/*display:none;*/visibility:hidden;opacity:0;position:absolute;left:auto;top:50px;width:612px;z-index:9999;/*padding-top:51px;*/left:0;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;transition:all 0.2s ease-in}

#nav li:hover .submenu{/*display:block;*/visibility:visible;opacity:1;top:45px}
/*.home #nav li:hover .submenu{top:0}*/
#nav .submenu ul{background:#fff;padding:20px 0 35px;border-top:4px solid #ffd800;box-shadow:0 0 1px #ddd}
#nav .submenu ul li{width:43%;padding-left:4%;margin-left:3%;margin-right:-4px;background:url(../images/sprite.png) no-repeat 0 6px}
#nav .submenu ul li a,#nav .submenu ul li span{color:#3e3e3e;padding:12px 18px}
#nav .submenu ul li a:hover,#nav .submenu ul li span{color:#58bd1e}
/*#nav .submenu ul li.icon1{}*/
#nav .submenu ul li.icon2{background-position:7px -44px}
#nav .submenu ul li.icon3{background-position:4px -92px}
#nav .submenu ul li.icon4{background-position:0 -139px}
#nav .submenu ul li.icon5{background-position:0 -188px}
#nav .submenu ul li.icon6{background-position:0 -234px}
/*#nav .submenu ul li.icon2,#nav .submenu ul li.icon4,#nav .submenu ul li.icon6{width:230px}*/
.shrink-semantic #nav .submenu{padding-top:7px}
#nav li .filter-title,#nav li .filter-title a{position: relative;height: 0;width: 0;padding: 0;border: 0;margin:0;}
#nav .submenu ul li.icon2 a,#nav .submenu ul li.icon4 a,#nav .submenu ul li.icon6 a{margin-right:0;}


}

@media (max-width:991px){
/*  .top-aside .get-started{position:absolute;right:150px;top:43px;}*/

.top-aside .get-started{top:42px}
.slide_container {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 999;
}
.header-semantic {
	position: absolute;
	top: 0px;
}

#nav {
  padding-top:115px;
  /*border-bottom: solid 10px #262626;
  background: #333;*/
  /*background-color: rgba(51,51,51,0.85);*/
  display: none;
}

#nav ul {
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  max-width: 400px;
  width: 100%;
}

#nav li {
	float: none;
	padding: 0;
	width: 100%;
	list-style: none;
	position:relative;
}

#nav li a,#nav li span {
  display: block;
/*  margin: 0 20%;*/
  padding: 18px 0;
  border: solid 1px #333;
  border-width:1px 1px 0 1px;
  background: #212121;
  color: #b6b6b6;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
}
#nav li ul li a,#nav li ul li span {
  border: solid 1px #333;
  border-width:0 1px 1px 1px;
  background: #262626;
  color: #b6b6b6;
  font-size: 14px;
  padding: 15px 0;
}
#nav li:last-child a,#nav li:last-child span{border-bottom:solid 1px #333;}
#nav li ul li:last-child a,#nav li ul li:last-child span{border-bottom:none;}

#nav li a:hover,#nav li span:hover {
  /*border-bottom: solid 1px #12a1c6;*/
  color: #fed804;
}

#nav li a:active,#nav li span:active {
  /*border-bottom: solid 1px #0e7b97;*/
  color: #0e7b97;
}
#btn {
  background: #1b1b1b url(../images/menu-button.png) no-repeat center center;	
  margin: 0 auto;
  width: 60px;
  height: 45px;
  border-radius:5px;
  /*background: #ff725d;*/
  cursor: pointer;
  position: absolute;
  top: 41px;
  right:145px;
  z-index:100;
}

#btn span {
  position: relative;
  top: 12px;
  left: 50%;
  display: block;
  margin-left: -25px;
  width: 50px;
  height: 5px;
  border-radius: 5px;
  background: #fff;
  /*box-shadow: inset 1px 1px 2px #ddd;*/
}
.layer {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
 /* background-color: #1b1b1b;*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
 /* opacity: 0.5;*/
  /*z-index: 10000;*/
}

/*.slidingDiv {
height:300px;
background-color: #99CCFF;
padding:20px;
margin-top:10px;
border-bottom:5px solid #3399FF;
}*/

.filter-title a:hover {
  text-decoration: none;
}

.hide {
  display: none;
}
#nav li .filter-title {
	position: absolute;
	right: 15px;
	top: 10px;
	height: 26px;
	width: 25px;
	padding: 5px;
	border: solid 1px #333;
}
#nav li .filter-title a{
	display: block;
	padding: 0;
	border: none;
	margin: 0;
	height: 25px;
	width: 25px;
}


/*.show_hide {
display:none;
}*/
.filter-title i{cursor:pointer;height:45px;position:absolute;right:0;top:0;width:60px}
.filter-title .icon-plus-sign{background:url("../images/arrow-menu.png") no-repeat scroll 78% 12px;}
.filter-title .icon-minus-sign{background:url("../images/arrow-menu.png") no-repeat;background-position:78% -28px;}

}
@media (max-width:639px){
	#nav{padding-top:170px}
}

.intro-wrapper{max-width:1374px;margin:0 auto;padding-top:112px;min-height:470px/*;min-height:512px;*/}
.intro{width:100%}
.home .intro{margin:-49px 20% 0 0;position: relative;z-index:24;/*;text-align:center*/}
.home .intro h1{color:#fff;font-size:86px/*;margin:0 0 26px*/}/*-- Used in Home pages Intro Section h1 --*/
/*.intro h1 .md,.intro h1 .lg,.intro h1 .sm{display:block;font-weight:400}
.intro h1 .md{font-size:48px}
.intro h1 .lg{font-size:55px}
.intro h1 .sm{font-size:37px}*/
.home .intro p{color:#fff;font-size:30px;padding:15px 0 27px;line-height:40px}
.home .intro p span{display:block;margin-top:14px}
.intro .button{width:215px;font-size:23px;border:0;/*background:#ffd800;border:2px solid #dbdbdb;*/color:#000;font-weight:500;border-radius:6px;/*-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;*/padding:0;position:relative;border: none;}
.intro .button.white{/*background:#fff;border-color:#c0c0c2;*/margin-left:24px;/*;color:#000*/}
.intro .button span{display:block;position:relative;padding:15px 18px;z-index:10}

/*====btn-border====*/
.btn-border{color: rgba(255,255,255,1);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;	position: relative;}
.btn-border span{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn-border span{/*color: rgba(51,51,51,1);*/text-decoration: none;display: block;}
.btn-border::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;
border-top-color: rgba(255,216,0,0.8);border-bottom-color: rgba(255,216,0,0.8);-webkit-transform: scale(0.1, 1);transform: scale(0.1, 1);}
.intro .button:hover{background:none;color:#ffd800;}
.btn-border:hover span{letter-spacing: 2px;}
.btn-border:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.btn-border::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;
-o-transition: all 0.3s;transition: all 0.3s;background-color: #ffd800;border-radius:6px;}
.btn-border.button.white::after{background-color: #fff;border-radius:6px;}
.btn-border:hover::after{opacity: 0;-webkit-transform: scale(0.1, 1);transform: scale(0.1, 1);}

/*.intro .button span:hover{border:1px solid #0f0}*/
/*-- Intro Tickers --*/
.ticker1{padding:4px 0;margin:3px 0 30px}
.ticker1 li{color:#fff;font:17px "Open Sans",Arial,sans-serif;line-height:30px;overflow:hidden;height:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:10px}
.ticker1 li{display:none\9}

/*-- Button Hovers --*/
.btn-hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;position:relative;overflow:hidden}/*--Not in use --*/
.btn-hover span{display: block;position:relative;padding:15px 18px;z-index:10}
.btn-hover::before, .btn-hover::after{content: '';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,0.65);
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;color:#282828;
-webkit-transform:translate(-28%,-224%) rotate(-45deg);transform:translate(-28%,-224%) rotate(-45deg);
-webkit-transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1)}
.btn-hover::after{-webkit-transition-delay:0.2s; /* Safari */transition-delay:0.2s}
.btn-hover:hover::before, .btn-hover:hover::after{-webkit-transform:translate(0,0);transform:translate(0,0)}
.btn-hover:hover,.btn-hover:focus{/*border-color:#a1a1a2;*/color:#282828}
.button.white.btn-hover::before, .button.white.btn-hover::after{background-color:rgba(199,33,119,0.65)}
.button.white.btn-hover:hover,.button.white.btn-hover:focus{/*border-color:#3c8c30;*/color:#fff}


/*-- Canvas Css : particles.js container --*/
/*canvas{display: block;vertical-align: bottom}
#particles-js{position: absolute;top:0;left: 0;right: 0;z-index: 0;width: 100%;height: 100%;background-color: transparent;background-image: url("");
  background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
.count-particles{background: #000022;position: absolute;top: 48px;left: 0;width: 80px;color: #13e8e9;font-size: 0.8em;text-align: left;text-indent: 4px;
  line-height: 14px;padding-bottom: 2px;font-family: Helvetica, Arial, sans-serif;font-weight: bold;opacity: 0}
.js-count-particles{font-size: 1.1em}
#stats,.count-particles {-webkit-user-select: none;margin-top: 5px;margin-left: 5px}
#stats{border-radius: 3px 3px 0 0;overflow: hidden}
.count-particles{border-radius: 0 0 3px 3px}*/
/*-- Canvas Css end--*/


/*-- Our Services --*/
.our-services{padding:0 0 65px}
.our-services ul{/*margin:24px -10px 0;*/margin:24px -0.8% 0;padding:0;width:101.8%}
.our-services ul li{/*float:left;width:371px;margin:0 8px 18px;*/display:inline-block;vertical-align:top;width:31.96%;margin:0 0.4% 18px}
.our-services ul li a{display:block;color:#787878;padding:15px 6px 8px 6px;position:relative;z-index:10}
.our-services ul li a:before{content:"";background:#fff;border-radius:3px;position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index:-1;
-webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.15); box-shadow:0px 0px 40px 0px rgba(0,0,0,0.15)}
.our-services ul li:hover a:before{opacity:1;visibility:visible;-ms-transform: scale(1.04,1.08);-webkit-transform: scale(1.04,1.08);transform: scale(1.04,1.08)}
.our-services .detail span{display:block;color:#36455d;font-size:17px;vertical-align:top;text-transform:uppercase}
.our-services figure{float:left;width:80px;height:74px;/*margin-right:10px;*/position:relative;overflow:hidden}
.our-services .detail{margin-left:96px;min-height:89px}
.our-services figure img{position:absolute;top:0;left:0}
.our-services li.brand-design img{clip: rect(0, 80px, 74px, 0)}
.our-services li.ppc-marketing img{clip: rect(74px, 80px, 148px, 0);top:-74px}
.our-services li.seo img{clip: rect(148px, 80px, 222px, 0);top:-148px}
.our-services li.content-marketing img{clip: rect(222px, 80px, 296px, 0);top:-222px}
.our-services li.social-media-marketing img{clip: rect(296px, 80px, 370px, 0);top:-296px}
.our-services li.website-design img{clip: rect(370px, 80px, 444px, 0);top:-370px}

/*-- About Infodreamz --*/
/*====linear-gradient-animated=====*/
.about-infodreamz{width:100%;height:100%;color:#fff;padding:60px 0 0;background:#00118b;
background: -webkit-linear-gradient(to bottom right, #07188d 10%, #013f94, #028da3, #03b2a8, #026f9c);
background: -moz-linear-gradient(to bottom right, #07188d 10%, #013f94, #028da3, #03b2a8, #026f9c);
background:linear-gradient(to bottom right, #07188d 10%, #013f94, #028da3, #03b2a8, #026f9c);
background-size: 250% 250%;
-webkit-animation: Gradient 10s ease infinite running;
-moz-animation: Gradient 10s ease infinite running;
animation: Gradient 10s ease infinite running;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00118b', endColorstr='#03b2a8',GradientType=1 )}
@-webkit-keyframes Gradient {0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}
@-moz-keyframes Gradient {0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}
@keyframes Gradient {0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}

.about-infodreamz .container{background:url(../images/marketing-agency.png) no-repeat 15px bottom;min-height:435px}
.about-infodreamz .info{padding:18px 0 0 546px;min-height:418px;padding-bottom:24px}
.about-infodreamz .heading{color:#fff;/*margin-top:44px*/}
.about-infodreamz .heading span{display:block;font-size:25px;color:#fff;margin-bottom:6px}
.about-infodreamz p{font-size:16px;color:#fff;padding:0 0 10px}

/*-- Web Design --*/
.web-design{/*background:url(../images/special-vector.png) no-repeat left top;*/}
.web-design{background:url(../images/gray-bg.gif) no-repeat 0 0;background-size: 31% 100%}
.web-design .web-bg{background:url(../images/special-vector.png) no-repeat -15% 35%;max-width: 1604px;margin:0 auto;padding:90px 0;min-height:584px}
.web-design .heading span,.web-design .heading{text-align:center}
.web-design .heading span{display:block;color:#adb1b9;padding:8px 0 10px;font-size:23px}
.web-design .container{background:url(../images/web-design.png) no-repeat 15px 60%;min-height:584px}
.web-design ul{padding-left:575px;float:left;margin-top:45px}
.web-design ul li:hover{color:#d9d9d9;-webkit-box-shadow:3px 3px 4px 3px rgba(0,0,0,0.05);box-shadow:3px 3px 4px 3px rgba(0,0,0,0.05)}

/*.web-design ul li:before{left:-2px;top:-2px}
.web-design ul li:after{bottom:0;right:0}
.web-design ul li:hover{color: #d9d9d9}
.web-design ul li:hover:before,.web-design ul li:hover:after{width:100%;height:100%}
.web-design ul li:hover:before{border-top-color: #d9d9d9;border-right-color: #d9d9d9;transition: width 0.25s ease-out, height 0.25s ease-out 0.25s}
.web-design ul li:hover:after{border-bottom-color: #d9d9d9;border-left-color: #d9d9d9;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s}*/

/*-- Border Animation --*/
.border-anim{padding:20px 15px 20px 31px;margin-bottom:15px;border-radius:6px;position:relative}
.border-anim:before,.border-anim:after{content:"";position:absolute;height:0;width:0;border:1px solid transparent;border-radius:6px}
.border-anim,.border-anim::before,.border-anim::after{transition: -webkit-transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s}
.border-anim::before,.border-anim::after{top:0;left:0;height:100%;width:100%;-webkit-transform-origin:center;transform-origin:center}
.border-anim::before{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1)}
.border-anim::after{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;-webkit-transform:scale3d(1, 0, 1);transform: scale3d(1, 0, 1)}
.border-anim:hover::before,.border-anim:hover::after{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}

.web-design .web-info{margin-left:100px;position:relative;z-index:100}
.web-design .web-info span{display:block;font-size:18px;color:#36455d;text-transform:uppercase}
.web-design .web-info p{color: #636c80;/*padding:8px 0;text-align:left*/}
.web-design figure{position:relative;overflow:hidden;float:left;width:76px;height:82px}/*-- Web Design Image Clips--*/
.web-design figure img{position:absolute;top:0;left:-81px}
.web-design li.creative figure img{clip: rect(0, 203px, 82px, 81px);/*top:4px;*/}
.web-design li.digital figure img{clip: rect(82px, 203px, 164px, 81px);top:-82px}
.web-design li.strategy figure img{clip: rect(164px, 203px, 246px, 81px);top:-164px}
.web-design li.creative .web-info span{padding-top:3px}

/*-- Testimonial --*/
#testimonials{background-color:#f3f4fb;padding:86px 0 126px}
/*.client-info{width:512px;float:left;margin-right:18px}*/
.client-info{float:left;width:41%;margin-right:4.48%}
.client-info h3{color:#36455d;font-size:50px;font-weight:500;margin:0 0 16px;padding:0 0 21px;position:relative}
.client-info h3:after{content:"";position:absolute;left:0;bottom:0;height:5px;width:162px;background-color:#ec3a48}
.client-info p{color:#131313;font-size:16px}
#testimonial-slider{/*width:628px;*/width:49.74%;float:left;position:relative;background-color:#fff;border:solid 1px #e1ddec;padding:0 1.2% 0 3%;
-webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.15); box-shadow:0px 0px 40px 0px rgba(0,0,0,0.15)}
#testimonial-slider:after{content:"";background:url(../images/qoute.png) no-repeat;position:absolute;left:78px;top:35px;width:49px;height:40px}
.testimonial{padding:95px 0 8px 0}
.testimonial figure{float:left;max-width:100px;max-height:108px}
.testimonial .info{margin:0 0 0 124px;position:relative}
.testimonial .info span{display:block;font-size:20px;color:#ec3a48;margin-top:-5px}
.testimonial .info em{display:block;font-size:14px;color:#939393;font-weight:normal}
.testimonial .info p{color:#5c5c5c;padding:3px 24px 8px 0}
#testimonials .owl-theme .owl-controls .owl-page span{width:40px;height:5px;background:#3b3662;box-sizing:content-box}/*-- Overwrite carousel.css--*/
#testimonials .owl-theme .owl-controls .owl-page.active span{background:#ec3a48}
#testimonials .owl-controls{margin:0 0 0 -38px;text-align:left;position:relative;bottom:-48px}

/*-- Client Section --*/
.clients{background:url(../images/client-bg.jpg) no-repeat top center;padding:105px 0 78px;background-size:cover}
.clients .container{overflow:hidden}
.clients ul{display: inline-block;width: 48%;margin:4px -1% 0;/*margin:28px -1% 0;*/}
.clients ul li{display: inline-block;width: 27.3%;margin:0 2.5% 34px}
.clients .details{float: right;width:48.5%}
.clients .details h3{font-size: 44px;color: #fff;font-weight:500;margin:0 24px 15px 0}
.clients .details span{font-size:31px;color:#fff}
.clients .details p{color:#fff;font-size:16px}

/*-- Newsletter --*/
/*.newsletter{background:#f3f4fb;padding:71px 0 80px}
.newsletter p{color: #6f7989;font-size: 16px;width:80%;margin:0 auto}
.newsletter form{width:75%;margin:0 auto}
.newsletter .input-group{margin-top:44px}
.newsletter .input-group-btn{position:absolute;right:0;top:0}
.newsletter .form-control{width:94%;height:44px;border-color:#dbd9e1;border-radius:5px}
.newsletter .button{background-color:#58bd1d;font-size: 20px;border-color:#58bd1d;padding:10px 41px;border-radius:0 5px 5px 0;text-transform: uppercase;height:61px;cursor:pointer}
.newsletter .button:hover{background-color:#dd2410;border-color:#dd2410}*/

/*==== Inner Pages ====*/
/*-- Content Marketing --*/
/*.content-marketing-top{background:url(../images/content-marketing-top.jpg) no-repeat center 0}*/
.welcome p{font-size:16px}
.creative-services{background:#013091;padding:60px 0 21px;margin-top:53px}
.creative-services .heading{color:#fff;text-align:center}
.creative-services ul{width:101%;margin:34px -6px 0}
.creative-services ul li{display:inline-block;vertical-align:top;width:375px;margin:0 6px 40px}
.creative-services figure{float:left;position:relative;overflow:hidden;width:71px;height:82px}
.creative-services figure img{position:absolute;top:0;left:-220px}
.creative-services .detail{margin:0 0 0 90px}
.creative-services .detail span{display:block;color:#fff;font-size:17px;vertical-align:top;text-transform:uppercase}
.creative-services .detail p{color:#fff}

.creative-services li.content-marketing img{clip:rect(0, 291px, 82px, 220px);top:3px}
.creative-services li.editorial-content img{clip:rect(82px, 291px, 195px, 220px);top:-110px}
.creative-services li.creative-content img{clip:rect(195px, 291px, 308px, 220px);top:-223px}
.creative-services li.ideation img{clip:rect(308px, 291px, 420px, 220px);top:-334px} 
.creative-services li.promotion-distribution img{clip:rect(420px, 291px, 534px, 220px);top:-448px}
.creative-services li.measurement img{clip:rect(534px, 291px, 648px, 220px);top:-564px}

.content-development{padding:60px 0 76px}
.content-development h3{color:#36455d;font-size:50px;font-weight:500;margin:0 0 50px}
.content-development h3 span{display:block;font-size:39px;font-weight:300}
.content-development ul{margin-top:66px}
.content-development figure{position:relative;float:left;overflow:hidden;height:112px;width:112px}
.content-development figure img{position:absolute;top:0;left:-308px}
.content-development .content{margin:0 0 0 166px;min-height:184px;border-left: 2px solid #36455d;padding:0 0 12px 65px;position:relative}
.content-development .content:after{content:"";position:absolute;left:-19px;top:41px;height:35px;width:35px;background:url(../images/circle.png) no-repeat}
.content-development .content span{display:block;color:#36455d;font-size:20px;vertical-align:top;margin:0 0 5px;text-transform:uppercase}

.content-development li.client-results img{clip:rect(0, 418px, 90px, 308px);top:24px}
.content-development li.our-people img{clip:rect(90px, 418px, 226px, 308px);top:-112px}
.content-development li.our-proven-methodology img{clip:rect(226px, 418px, 334px, 308px);top:-203px}

/*-- Social Media Marketing --*/
/*.social-media-marketing-top{background:url(../images/social-media-marketing-topbg.jpg) no-repeat center 0}*/
.services{background:url(../images/psmm-services-bg.png) no-repeat -38% 100%;padding-bottom:60px}
.services .heading{margin:0 0 33px}
.services p{color:#434e65;font-size:16px}
.services .left{width:66%;margin-top:40px}
.services .left li{margin-bottom:22px;padding:15px 15px 10px}
.services .left .info{margin-left:110px}
.services .left h3{color:#36455d;font-size:20px;text-transform:uppercase;margin:0}
.services .left p{color:#9197a4}
.services figure{float:left;width:76px;height:76px;position:relative;margin-top:8px}/*-- Social Media Marketing Image Clips--*/
.services figure img{position:absolute;top:-246px;left:-81px}
.services .expert-advice figure img{clip: rect(246px, 157px, 322px, 81px)}
.services .create-brand-awareness figure img{clip: rect(322px, 157px, 402px, 81px);top:-322px}
.services .proper-analytics figure img{clip: rect(402px, 157px, 478px, 81px);top:-402px}
/*.services .sm-monitoring figure img{clip: rect(478px, 157px, 554px, 81px);top:-478px}*/
.services .seo-research figure img{clip: rect(560px, 157px, 637px, 81px);top:-560px}
.services .efficient-strategy figure{height:82px}
.services .efficient-strategy figure img{clip: rect(640px, 157px, 722px, 81px);top:-640px}
/*-- 3 images with different locations--*/
.services .sustainable-growth img{clip: rect(444px, 76px, 520px, 0);top:-444px;left:0}
.services .honesty-is-our-usp img{clip: rect(520px, 76px, 596px, 0);top:-520px;left:0}
/*.services .seo-agency img{clip: rect(596px, 76px, 672px, 0);top:-596px;left:0}*//*need to remove this img from sprite*/
/*-- PPC Marketing Serices images with different locations--*/
.services .strategy-led-ppc-ms figure{height:90px}
.services .strategy-led-ppc-ms img{clip: rect(0, 237px, 90px, 161px);top:0;left:-161px}
.services .professional-ppc-cs img{clip: rect(90px, 237px, 166px, 161px);top:-90px;left:-161px}
.services .ads-grab-attention img{clip: rect(166px, 237px, 242px, 161px);top:-166px;left:-161px}
.services .optimised-ppp-mgmt img{clip: rect(242px, 237px, 318px, 161px);top:-242px;left:-161px}

.services .right{width:26.88%;margin-top:47px}
.services .right h3{color:#36455d;font-size:20px;border-bottom:solid 1px #bfbfbf;margin:0 0 21px;padding:0 0 18px 15px;text-transform:uppercase;position:relative}
.services .right h3:after{content:"";height:27px;background-color:#58bd1e;width:4px;position:absolute;left:0;top:2px}
.services .right ul{display:block;margin-bottom:40px}
.services .right li{border-bottom:solid 1px #e0e0e0;padding-bottom:15px;margin-bottom:15px}


.services .right li:last-child{border-bottom:none;padding-bottom:0;margin:0}
/*.services .right li a*/ul.styled li{color:#434e65;font-size:15px;font-weight:bold;display:block;background:url(../images/double-arrow.png) no-repeat left 3px;padding-left:24px}
/*.services .right li*/.services .right li:hover{/*color:#434e65;*/-webkit-transform:translate(10px,0px);-moz-transform:translate(10px,0px);transform:translate(10px,0px)}
ul.styled li a{color:#434e65}
.testimonials p{background-color:#f1f2f4;color:#474f5e;font-size:15px;margin-bottom:12px;padding:24px 18px 18px 25px;position:relative}
.testimonials p span{padding-left:38px}
.testimonials p:before{content:"";background:url(../images/inverted-commas.png) no-repeat;width:33px;height:25px;position:absolute;left:18px;top:19px}
.testimonials p:after{content:"";background:url(../images/triangle-area.png) no-repeat;width:54px;height:36px;position:absolute;left:24px;bottom:-36px}
.testimonials .author{color:#58bd1e;font-size:15px;display:block;padding-left:90px}
.testimonials .author em{color:#474f5e;font-size:13px;display:block;font-style:normal}

.specialisms{padding:44px 0 56px}/*-- Specialisms --*/
.heading.white{color:#fff;margin-bottom:44px}
.specialisms li{width:48.6%;margin-bottom:30px;color:#fff;box-sizing:border-box}
.specialisms li span{display:block;font-size:18px;text-transform:uppercase}
.specialisms li figure{float:left}
.specialisms li .description{margin-left:88px}
.specialisms.smm-special li .description{min-height:215px}
.specialisms.smm-special figure img{position:static}
.specialisms.smm-special li{border:1px solid #ccc;padding:15px 18px;border-radius:3px;}
.specialisms.smm-special li:hover{border-color:#03b2a8}
.specialisms p.bottom-text{color:#fff;font-size:1.1em;line-height:1.7em;padding-top:25px;text-align:center}

#online-marketing{padding-top:5.4%}/*-- Online Marketing --*/
.online-marketing{background:url(../images/social-tree.jpg) no-repeat left 100%;background-size:44% auto;min-height:451px;padding-left:49%}
.online-marketing h2{font-size:29px;color:#363636;padding-top:9%}
.online-marketing h2 span{font-size:73px;display:block}
.online-marketing p{font-size: 16px;padding: 18px 0 24px;color: #363636}
#online-marketing #get-started{background:#0ebb81;padding:6% 0 8%;position:relative}
#online-marketing #get-started:before{content: " ";background: url(../images/grass.png) repeat-x;position: absolute;left: 0;top: -60px;height: 66px;width: 100%}
/*.bottom-holder{background:#0ebb81;padding:68px 0;position:relative}
.bottom-holder::before{content: " ";background: url(../images/grass.png) repeat-x;position: absolute;left: 0;top: -60px;height: 66px;width: 100%}

.grow{background:url(../images/grow.png) no-repeat left center;min-height:76px;padding-left:390px}
.grow h2{font-size:29px;color:#363636;padding-top: 53px}
.grow h2 span{font-size:73px;display:block}
.grow p{font-size: 16px;color: #fff} */

.sponsors{background:#f5f5f5;padding:35px 0 46px;}/*-- Sponsors --*/
.sponsors .heading{color:#36455d;margin-bottom:35px;position:relative;}
.sponsors .heading span{background:#f5f5f5;padding:0 18px;position: relative;display: inline-block;}
.sponsors .heading:before{content:" ";border-bottom:solid 1px #bbb;width:100%;position:absolute;left:0;right:0;top:31px;}
.sponsors ul{display:inline-block;width:100%;text-align:center;}
.sponsors li{/*float:left;*/width:16%;display:inline-block;margin:0 1.53% 20px;}
.sponsors li figure{background:#fff;border:solid 1px #e6e6e6;padding:28px 20px;border-radius:6px;cursor:pointer}
.sponsors li img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.sponsors li:hover figure{border-color:#c5c5c5}
.sponsors li:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}

.latest-blog{padding:51px 0}/*-- Latest Blogs --*/
.gray-bg{background:#f8f8f8}
.latest-blog ul{display:inline-block;width:102.6%;margin:35px -1.26% 0}
.latest-blog li{float:left;width:30.76%;margin:0 1.26%;border:solid 1px #c8c8c8;box-sizing:border-box;padding-bottom:35px}
.latest-blog figure{max-width:366px;max-height:247px;margin:-1px -1px 0o;position:relative}
.latest-blog figure img{max-width:100%;height:aut}
.latest-blog .details{padding:35px 24px 0;position:relative}
.latest-blog h3{display:block;font-size:18px}
.latest-blog .details a{color:#262626}
.latest-blog .details p{padding: 15px 0;color: #585858}
.latest-blog .details .date{display:inline-block;color:#585858;font-size:14px;font-weight:normal}
.latest-blog .details .share{position: absolute;right: 35px;bottom: -5px}
.latest-blog li:hover{border-color:#e4e4e4;box-shadow:0 0 15px #ddd inset}
.latest-blog li:hover img{-webkit-filter:sepia(60%);filter:sepia(60%)}
/*.latest-blog li:hover img{-webkit-filter: grayscale(70%);filter: grayscale(70%);}
.latest-blog li:hover img{-webkit-filter:contrast(120%);filter:contrast(120%);}
.latest-blog li:hover img{-webkit-filter:hue-rotate(300deg);;filter:hue-rotate(300deg);}
.latest-blog li:hover img{-webkit-filter:invert(125%);filter:invert(125%);}
.latest-blog li:hover img{-webkit-filter:saturate(25%);filter:saturate(25%);}
.latest-blog li:hover img{-webkit-filter:sepia(60%);filter:sepia(60%);}
.latest-blog li:hover img{-webkit-filter:sepia(60%) brightness(75%);filter:sepia(60%) brightness(75%)}-- Multiple filters-- */
/*.latest-blog li figure:after{content:"";width:100%;height:100%;background:rgba(0,0,0,0.15);position:absolute;top:0;left:0;opacity:0}
.latest-blog li:hover figure:after{opacity:1}*/

/*-- Search Engine Optimisation --*/
.specialisms/*,.specialisms.branding-services*/{background:#00568b}
.specialisms figure/*,.branding-services figure*/{position:relative;width:60px;height:68px;margin-top:5px}
.specialisms figure img/*,.branding-services figure img*/{position:absolute;top:-672px;left:0}
.specialisms li.onpage-seo-optimisation img{clip: rect(672px, 60px, 740px, 0)}
.specialisms li.local-seo img{clip: rect(740px, 60px, 808px, 0);top:-740px}
.specialisms li.writing-seo-blogs img{clip: rect(722px, 140px, 790px, 80px);left:-80px;top:-722px}/*-- 2 images with different locations--*/
.specialisms li.keyword-research img{clip: rect(793px, 140px, 861px, 80px);left:-80px;top:-793px}

.our-seo-client{background:#fff url(../images/our-seo-client-bg.jpg) no-repeat center 0;min-height:285px;padding:45px 0 55px}/*-- Our Seo Client --*/
.our-seo-client .heading{padding-bottom:0}
.our-seo-client .owl-theme .owl-controls{margin-top:30px}/*-- Overwrite carousel.css--*/
.our-seo-client .owl-theme .owl-controls .owl-page span{background:#d5d5d5;width:71px;height:7px}
.our-seo-client .owl-theme .owl-controls .owl-page.active span{background:#03b2a8}

#get-started{color:#fff;padding:50px 0 55px;background:#03b250;
background: -webkit-linear-gradient(to right, #03b250 10%, #029f6f, #019195, #006d8f , #00568b);
background: -moz-linear-gradient(to right, #03b250 10%, #029f6f, #019195, #006d8f, #00568b);
background:linear-gradient(to right, #03b250 10%, #029f6f, #019195, #006d8f, #00568b);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03b250', endColorstr='#00568b',GradientType=1 );}/*-- Get Started --*/
#get-started img{margin-right:70px}
#get-started a{color:#fff}

#get-started .left{color:#fff;font-size:86px;margin:0 9.5% 50px 0}
#get-started .button{background:#dd2410 url(../images/arrow-white.png) no-repeat 90% center;color:#fff;border:0;padding:15px 46px 15px 30px;margin-top:15px}
#get-started .button:hover{background-color:#00568b}

/*-- Brand Design --*/
.specialisms.three-cols li{float:left;width:32%;margin-right:2%}
.specialisms.three-cols li:nth-child(3n+3){margin-right:0}
.specialisms li.logo-design img{clip: rect(654px, 222px, 722px, 162px);top:-654px;left:-162px}
.specialisms li.brand-identity img{clip: rect(722px, 222px, 790px, 162px);top:-722px;left:-162px}
.specialisms li.website-design img{clip: rect(790px, 222px, 858px, 162px);top:-790px;left:-162px}

.content-with-img/*.complete-branding-solution,.brand-design-with-meaning*/{max-width:1900px;margin:65px auto 10px}
/*.complete-branding-solution .left,.complete-branding-solution .right,.brand-design-with-meaning .left,.brand-design-with-meaning .right{width:50%}*/
.content-with-img .block{padding-bottom:56px}
.content-with-img .left{width:50%}
.content-with-img .right{float:left;width:39%;margin-left:7.2%}
.content-with-img .row-alter .left{float:right;width:42.6%;margin-right:6.3%}
.content-with-img .row-alter .right{float:right;width:48%;margin-left:0}

.content-with-img h2{font-size:1.9em;text-transform:uppercase;font-weight:600;padding:5% 0 3%}

.column-list{padding:58px 0 40px}
.column-list ul.styled{padding:15px 0 30px}
.column-list ul.styled li{float:left;width:29.5%;margin:12px 2% 12px 0}
.column-list ul.styled li:nth-child(3n+3){margin-right:0}

/*-- PPC Marketing --*/
.specialisms.ppc-mktg li .description{margin-left:93px;min-height:200px}
.specialisms.ppc-mktg li:nth-child(2n+1){clear:both}
.specialisms.ppc-mktg figure{width:70px}
.specialisms li.google-adwords-mgmt img{clip: rect(382px, 232px, 450px, 162px);top:-382px;left:-162px}
.specialisms li.fb-insta-advertising img{clip: rect(450px, 232px, 518px, 162px);top:-450px;left:-162px}
.specialisms li.whatsapp-advertising img{clip: rect(518px, 232px, 586px, 162px);top:-518px;left:-162px}
.specialisms li.ppc-mktg-landing-page img{clip: rect(586px, 232px, 654px, 162px);top:-586px;left:-162px}

/*-- Website Design --*/
.specialisms li.sm-page-design figure{width:78px;height:70px}
.specialisms li.sm-page-design img{clip: rect(652px, 316px, 722px, 238px);top:-652px;left:-248px}/*--left is 10px more to shift img to the left by 10px --*/
.specialisms li.mobile-app-design figure{height:70px; }
.specialisms li.mobile-app-design img{clip: rect(728px, 306px, 798px, 238px);top:-728px;left:-238px}

.specialisms li.graphic-design figure{width:65px}
.specialisms li.graphic-design img{clip: rect(798px, 306px, 858px, 238px);top:-797px;left:-238px}
.red-text{color:#dd2410}

/*-- Content Marketing --*/

.services .cm-powerful-results img{clip: rect(0, 314px, 76px, 238px);top:0;left:-238px}
.services .content-mktg-agency figure{height:86px}
.services .content-mktg-agency img{clip: rect(76px, 314px, 162px, 238px);top:-76px;left:-238px}

.specialisms li.seo-blog-writing img{clip: rect(375px, 306px, 443px, 238px);top:-375px;left:-238px}
.specialisms li.social-media-content img{clip: rect(443px, 306px, 511px, 238px);top:-443px;left:-238px}
.specialisms li.commercial-photography img{clip: rect(511px, 306px, 579px, 238px);top:-511px;left:-238px}
.specialisms li.video-production img{clip: rect(579px, 306px, 647px, 238px);top:-579px;left:-238px}


/*-- About US --*/
.about-us h2{font-size:2.8em}
.about-us .left{width:44%}
.about-us .right{width:49.5%;/*background:url(../images/signature.jpg) no-repeat 100% 100%;padding-bottom:20px*/}
.about-us .right p{font-size:16px}
/*.co-founder{padding-top:40px}*/

.about-us-bottom .left,.about-us-bottom .right{width:47%}
.about-us-bottom{border-top:1px solid #d5d5d5;padding-top:30px;margin-top:50px;clear:both}
.about-us-bottom h3{font-size:40px; padding-bottom:15px}
.about-us-bottom p{font-size:16px}

.auto-counter{padding:77px 0 23px;text-align:center;margin-top:80px;background:#00498b;
background: -webkit-linear-gradient(to left, #03b25f 10%, #02a36f, #019b8e, #00588e , #00498b);
background: -moz-linear-gradient(to left, #03b25f 10%, #02a36f, #019b8e, #00588e, #00568b);
background:linear-gradient(to left, #03b25f 10%, #02a36f, #019b8e, #00588e, #00498b);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03b25f', endColorstr='#00498b',GradientType=1 );}
.auto-counter li{float:left;width:25%;color:#fff;margin-bottom:35px;background:url(../images/counter-sprite.png) no-repeat center 0;padding-top:134px}
.auto-counter li.happy-clients{background-position:center -220px}
.auto-counter li.years-experience{background-position:center -440px}
.auto-counter li.awards{background-position:center -660px;margin-top:-17px;padding-top:152px}
.auto-counter li span{font-size:20px;display:block}
.auto-counter label,.auto-counter li em{display:inline-block;font-size:35px;vertical-align:middle}
.auto-counter li em{font-style:normal;margin-top:5px}


/*-- Our Team --*/
.our-team{padding:70px 0;text-align:center}
.our-team li{float:left;width:20%;margin:30px 5% 0 0}
.our-team li:last-child{margin-right:0}
.our-team li h3{font-size:18px;color:#36455d;text-transform:uppercase;padding:23px 0 7px}
.our-team .social-icons a{display:inline-block;width:33px;height:29px;border:1px solid #5d6e8b;padding-top:4px;margin:10px 2px 0;border-radius:50px;}


/*-- Contact Us --*/
.contact-us{background:#fff url(../images/google-map.jpg) no-repeat center 100%;padding-bottom:480px;margin-top:-20px}
.top-text{font-size:17px;padding-bottom:30px}
.contact-us h2,.contact-us h3{font-size:40px}
.contact-us h3{padding-bottom:13px}
.cform{float:left;width:730px}
.cform ul{margin-top:25px}
.cform li{margin-bottom:23px}
.cform li.left,.cform li.right{width:48%}
.contact-info{float:right;width:350px}
.contact-info h4{color:#36455d;font-size:22px;font-weight:600;background:url(../images/hsep.gif) repeat-x 0 15px;margin:28px 0 10px}
.contact-info h4 span{background:#fff;display:inline-block;padding-right:20px}
.contact-info address{padding-left:56px;line-height:25px;position:relative}
.contact-info address:before,.contact-info p:before{content:'';position:absolute;left:0;top:13px;width:27px;height:39px;background:url(../images/sprite.png) no-repeat 0 -345px}
.contact-info p{font-size:16px;color:#434e65;font-weight:600;padding:8px 0 13px 56px;position:relative}
.contact-info p.phone:before{background-position:-38px -347px;top:2px;width:35px;height:34px}
.contact-info p.email:before{background-position:-80px -354px;top:10px;width:31px;height:20px}
span.error{background:#fef6f6;border:1px solid #fedfdf;display:block;color:#b75757;font-size:14px;padding:5px;margin-top:10px}
.get-started span.error{position:absolute;left:0;top:37px;box-sizing:border-box;width:100%}
.alert-success{background:#f3fff3;border:1px solid #8ed793;padding:0 10px;margin-top:25px;border-radius:5px}


/*-- Get Started Page--*/
.get-started form{width:650px;padding:53px 100px 70px;margin:60px auto 80px;box-shadow:0 0 17px #eaeaea}
/* form starting stylings ------------------------------- */

/*-- Material Design form --*/
.get-started form .group{width:47%;position:relative;margin-bottom:57px}
.get-started .comments{width:100%;margin:50px 0 20px}
.get-started .group input{font:16px Arial, Helvetica, sans-serif;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid #e6dee2;box-sizing:border-box}
.get-started .group input:focus{outline:none}


.get-started .group label{color:#434e65;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}

.get-started .group label{top:-15px\9}
.get-started .group input:focus ~ label,.get-started .group input:valid ~ label{top:-20px;font-size:14px;color:#d50303}/*-- Active state --*/
.bar{position:relative;display:block;width:100%}/*-- Bottom Bars--*/
.bar:before,.bar:after{content:'';height:1px;width:0;bottom:0;position:absolute;background:#d50303;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}
.bar:before{left:50%}
.bar:after{right:50%}
input:focus ~ .bar:before,input:focus ~ .bar:after{width:50%}/*-- Active state --*/
.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}/*-- Highlighter --*/
input:focus ~ .highlight{-webkit-animation:inputHighlighter .3s ease;-moz-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}/*-- Active state --*/
/*-- Animation --*/
@-webkit-keyframes inputHighlighter {
from{background:#f4f4f5}
to{width:0;background:transparent}
}
@-moz-keyframes inputHighlighter {
from{background:#f4f4f5}
to{width:0;background:transparent}
}
@keyframes inputHighlighter {
from{background:#f4f4f5}
to{width:0;background:transparent}
}
.checkbox span{float:left;display:block;width:50%;margin-top:12px}
.checkbox label{font-size:14px;margin-left:15px}
.comments textarea{width:100%;height:70px;border-bottom:2px solid #7c8696;margin-top:20px;resize:none}
.get-started li.checkbox{margin-bottom:22px}

/*-- Portfolio --*/
.case-studies{text-align:center;margin-top:50px}
.case-studies li{float:left;width:366px;margin:0 30px 60px 0}
.case-studies li:nth-child(3n+3){margin-right:0}
.case-studies li .name{color:36455d;font-size:26px;display:block;margin-top:20px}
.case-studies li .name em{font-style:normal;font-size:15px;display:block;margin-top:5px}


/*-- Parallax Background --*/
.parallax2{z-index:10;position:relative;height:400px;min-height:200px;overflow:hidden;align-items:center;vertical-align:top;justify-content:top;display:flex}
.scrolling-img{background-image:url(../images/specialisms-bg.jpg);background-repeat:no-repeat;background-size:cover;position:absolute}

.parallax{background-position:center top;background-attachment:fixed;background-size:cover}
.parallax.sm-marketing-top{background-image:url(../images/sm-marketing-top-bg.jpg)}
.parallax.seo-top{background-image:url(../images/seo-top-bg.jpg)}
.parallax.brand-design-top{background-image:url(../images/brand-design-top-bg.jpg)}
.parallax.ppc-marketing-top{background-image:url(../images/ppc-marketing-top-bg.jpg)}
.parallax.website-design-top{background-image:url(../images/website-design-top-bg.jpg)}
.parallax.content-marketing-top{background-image:url(../images/content-marketing-top-bg.jpg)}
.parallax.contact-us-top{background-image:url(../images/contact-us-top-bg.jpg)}
.parallax.about-top{background-image:url(../images/about-top-bg.jpg)}
.parallax.case-studies-top{background-image:url(../images/portfolio-top-bg.jpg)}
.parallax.blog-top{background-image:url(../images/blog-top-bg.jpg)}
.parallax.services-top{background-image:url(../images/services-top-bg.jpg)}
/*.parallax.specialisms{background-image:url(../images/specialisms-bg.jpg);background-position:center top}*/

/*-- Blog --*/
.main{float:left;width:798px;margin-left:-3.2%/*38px*/}
.main .post{float:left;width:45.2%/*361px*/;margin:0 0 5%/*50px*/ 38px}
/*.main .post:nth-child(2n+2){margin-right:0}*/
.main .post h2{color:#36455d;font-size:30px;padding:8px 0}
/*.entry-meta{padding-bottom:5px}*/
.entry-meta .author a{font-weight:600;}
.entry-meta .author em{font-style:normal}
.main .post p{padding:13px 20px 8px 0}
.post-bottom{font-size:15px;border-top:1px solid #c2c7ce;padding:17px 0 10px;margin-top:7px}
.post-bottom .comment-count{float:right;margin-right:22px}
.post-bottom .cat-links:before,.post-bottom .comment-count:before{content:"";width:17px;height:16px;background:url(../images/sprite.png) no-repeat -145px -356px;display:inline-block;margin-right:13px;vertical-align:top}
.post-bottom .comment-count:before{background:url(../images/sprite.png) no-repeat -120px -355px}
.sidebar{float:right;width:350px;border:1px solid #f00}

/*-- services --*/
#services{}
#services .heading{margin: 0 0 10px;}
#services p{color: #434e65;font-size: 16px;}
#services ul{padding:66px 0 0 0;}
#services li{width:47.24%;margin-bottom:60px;cursor:pointer;position: relative;padding:10px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
#services li.right{}
#services figure{float: left;width: 74px;height: 74px;position: relative;overflow: hidden;}
#services .detail{margin-left: 96px;min-height: 89px;}
#services .detail span{display: block;color: #36455d;font-size: 24px;text-transform: uppercase;}
#services li .readmore{background: url(../images/readmore.png) no-repeat 100% center;color:#027e9d;font-size:14px;padding: 6px 24px 6px 0;display:inline-block;}
#services li:nth-child(2n+1){clear:both;}

#services ul li:before{content:"";background:#fff;border-radius:3px;position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index:-1;
-webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.15); box-shadow:0px 0px 40px 0px rgba(0,0,0,0.15)}
#services ul li:hover:before{opacity:1;visibility:visible;-ms-transform: scale(1.04,1.08);-webkit-transform: scale(1.04,1.08);transform: scale(1.04,1.08)}
/**/
.growth-holder{padding:100px 0;text-align:center;background-color:#f3f4fb;}
.growth-holder h2{font-size:45px;color:#36455d;}
.growth-holder h2 strong{color:#cd1f80;font-size:100px;display:block;}

/**/
#get-started.work-withus{text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a90f8+0,4e49c8+28,6b109d+59,d2217f+100 */
background: #3a90f8; /* Old browsers */
background: -moz-linear-gradient(left, #3a90f8 0%, #4e49c8 28%, #6b109d 59%, #d2217f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3a90f8 0%,#4e49c8 28%,#6b109d 59%,#d2217f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3a90f8 0%,#4e49c8 28%,#6b109d 59%,#d2217f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a90f8', endColorstr='#d2217f',GradientType=1 ); /* IE6-9 */}
.work-withus h3{text-align:center;font-size:60px;color:#fff;}


/*-- Footer --*/
.footer{background:#262426;padding-top:80px;clear:both}
.footer h4{font-size:24px;color:#fff;font-weight:500;margin-bottom:20px}
.col{float:left;position:relative;padding-bottom:60px}
.col.col-1{width:24.55%}
.col.col-2{width:46.36%}
.col.col-2 ul li{float:left;width:50%}
/*.col.col-3{width:23.18%}*/
.col.col-4{width:29%}
.social{padding:26px 0 0 0}
.social li{margin-right:8px;position:relative}
.social li,.social li a,.quick-link li a{display:inline-block;vertical-align:middle}
.social li .social-icon{background-color:transparent;font-size:20px;height:40px;width:40px;display:block;border-radius:50%;color:#fff;line-height:40px;text-align:center;justify-content: center;position: relative;transition: all 0.15s ease}
.social li .facebook{background-color:#4669ad}
.social li .twitter{background-color:#6aa0d5}
/*.social li .google-plus{background-color:#df5839}*/
.social li .instagram{background-color:#517fa6}
.social li .linkedin{background-color:#008dc8}
.social li .fa{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.social li:hover .fa{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}

/*-- Social Media Tooltip --*/
.social-icon:hover .tooltip{visibility:visible;opacity:1;-webkit-transform:translate(-50%,200%);transform:translate(-50%,200%)}
.tooltip{width:75px;height:28px;position:absolute;bottom:18px;left:50%;border-radius:3px;padding:0 15px;font-size:.8rem;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translate(-50%,250%);transform:translate(-50%,250%);transition:all .3s ease;z-index:1;line-height:28px}
.tooltip:after{display:block;position:absolute;top:-16px;left:50%;width:0;height:0;content:"";border-bottom:8px solid #3b5a9b;border-right:8px solid transparent;border-left:8px solid transparent;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}
.facebook .tooltip{background:#3b5a9b}
.facebook .tooltip:after{border-bottom-color:#3b5a9b}
.twitter .tooltip{background:#6aa0d5}
.social .twitter .tooltip:after{border-bottom-color:#6aa0d5}
.instagram .tooltip{background:#517fa6}
.social .instagram .tooltip:after{border-bottom-color:#517fa6}
/*.google-plus .tooltip{background:#df5839}
.social .google-plus .tooltip:after{border-bottom-color:#df5839}*/
.linkedin .tooltip{background:#008dc8}
.social .linkedin .tooltip:after{border-bottom-color:#008dc8}

.quick-link{padding-right: 18px}
.quick-link li{font-size:15px;padding:7px 0;}
.quick-link li a{color:#a5a4a5/*;display:inline-block*/;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} 
.quick-link li:hover a,.quick-link li span,.address span a:hover{color:#03b2a8}
.quick-link li:hover a{-webkit-transform:translate(10px,0px);-moz-transform:translate(10px,0px);transform:translate(10px,0px)}


.address{display:block}
.address p{color:#a6a5a6;padding:0 0 18px 0}
.address strong,.address span{display:block}
/*.address span img{display:inline-block; margin:-3px 8px 0 0;vertical-align:middle}*/
.address span{color:#fff;/*padding-left:32px;*/margin-bottom:15px;/*background:url(../images/sprite.png) no-repeat 0 -288px*/}
.address span:before{content:"";background:url(../images/sprite.png) no-repeat 0 -288px;width:33px;height:18px;display:inline-block}
/*.address .phone{background-position:0 -310px}*/
.address span.phone:before{background-position:0 -310px}
.address .phone em{font-style:normal}
.address span a{color:#fff}

.footer-base{background:#121112;padding:32px 0;text-align:center}
.copyright{color:#c4c4c4}
}



@media (min-width:1366px){
	.services{background-position:-23% 100%}
}
@media (min-width:1600px){
	.services{background-position:-13% 100%;}
}
@media (min-width:2160px){
	.services{background-position:0 100%}
	/*.web-design{background-size: 35% 100%}*/
	/*.client-info{margin-right: 1.45%;}
	.newsletter .button{min-height:64px}*/
}
@media (max-width:1440px){
	/*.services{background-position:-20% 100%}*/
	.web-design .web-bg{background: url(../images/special-vector.png) no-repeat -24% 35%}
}
@media (max-width:1280px){
	.web-design .web-bg{background: url(../images/special-vector.png) no-repeat -39% 38%}
	.web-design{background-size:30% 100%}	
	/*body{border:1px solid #cd002b}*/ 
}
@media (max-width:1199px){
	.img-responsive{display:block;height:auto;max-width:100%}
	.home .intro p{font-size:40px}
	/*/*body{border:1px solid #000}*/*/
}
@media (max-width:1024px){
	img{max-width:100%;height:auto}.our-services figure img,.web-design figure img,.creative-services figure img,.content-development figure img,.services figure img,.specialisms figure img{max-width:inherit}
	.web-design{background-size:0 100%}.web-design .web-bg{background-position:-240px 38%}.web-design .container{ background-size:40% auto}.web-design ul{float:none;padding-left:45%}
	/*-- Inner pages --*/
	.online-marketing{min-height:380px}
	.column-list ul.styled li{width:44.5%}.column-list ul.styled li:nth-child(3n+3){margin-right:2%}.column-list ul.styled li:nth-child(2n+2){margin-right:0}
	
	.col.col-1{float:none;width:auto}/*.col.col-1 figure img{margin:0 auto}*/.col.col-4{width:40%}/*.col.col-2{width:250px;margin-left:17%}.col.col-4{width:330px}*/.col.col-2 ul li{float:none;width:auto}
	/*body{border:1px solid orange}*/
}
@media (max-width:991px){
	.container{max-width:750px}
	.our-services ul{margin:24px -1.2% 0}.our-services ul li{width:47%;margin:0 1.2% 18px}
	.about-infodreamz{padding-top:3%}.about-infodreamz .info{padding:18px 0 60%}.about-infodreamz .container{background-position:center 100%;background-size:62% auto}
	#testimonials{padding:5% 0 90px}.client-info,#testimonial-slider{float:none;width:auto}.client-info{margin:0 0 30px}#testimonials .owl-controls{margin-left:0;text-align:center}.client-info h3{font-size:40px}
	.clients{padding:10% 0 7%}.clients ul,.clients .details,.specialisms.ppc-mktg li{float:none;width:auto}
	/*-- Inner pages --*/
	.services{background:none}.hd-h1{font-size:60px}.services .left,.services .right{float:none;width:auto}.related-services{float:left;width:47%}.testimonials{float:right;width:45%}
	.parallax2{height:auto;background:url(../images/specialisms-bg.jpg) no-repeat center 100%;background-size:cover}.scrolling-img{background-image:none}
	.online-marketing{min-height:330px}.online-marketing h2 span{font-size:50px}
	#get-started .left{font-size:54px}.sponsors li{width:29%}
	.specialisms.ppc-mktg li{min-height:100px}
	.specialisms.ppc-mktg li .description{min-height:100px}
	.content-with-img .row-alter .left{margin-top:-50px}.content-with-img .right{margin-top:-30px}
	.specialisms.three-cols li{width:100%;margin-right:0}
	/*.col.col-2,.col.col-3{width:47%}.col.col-4{float:none;width:auto}*/
	/*body{border:1px solid #f0f} */
}
@media (max-width:800px){ 
	.container{max-width:590px}
	.intro-wrapper{padding-top:70px}.home .intro h1{font-size:66px}
	.our-services ul{margin:24px 0 0}.our-services ul li{float:left;width:auto;margin:0 auto 30px}
	.web-design .web-bg,.web-design .container{background:none}.web-design .web-bg{padding:6% 0}.web-design ul{padding-left:0; margin-top:3%}
	/*-- Inner pages --*/
	.specialisms.smm-special .left,.specialisms.smm-special .right,.specialisms li{float:none;width:auto}
	#get-started .left{min-height:120px}.sponsors li{width:46%}
	.content-with-img .row-alter .left,.content-with-img .right{margin-top:0}.content-with-img .row-alter .left,.content-with-img .left,.content-with-img .right,.content-with-img .row-alter .right{float:none;width:auto; margin:0}.content-with-img .right,.content-with-img .row-alter .left{margin:20px 10% 0}
	.column-list ul.styled li{float:none;width:auto;max-width:300px;margin:12px auto}.column-list ul.styled li:nth-child(2n+2),.column-list ul.styled li:nth-child(3n+3){margin-right:auto}
	.col.col-2{margin-left:0}.col.col-4{width:48%}
	/*body{border:1px solid #f00}*/
}
@media (max-width:639px){
	.container{max-width:455px}
	/*.header{padding-top:10px}*/#logo{position:static;display:block;width:100%}#logo img{margin:0 auto}
	.col.col-2,.col.col-4{float:none;width:auto}
	/*.slide-down{width:205px;height:89px;margin:80px auto 0}*/#btn{margin:0 auto;left:0;right:145px;top:115px}.top-aside .get-started{right:0;left:80px;top:115px;margin:0 auto; text-align:center}
	.intro-wrapper{padding:120px 0 40px}.home .intro p{font-size:30px}.home .intro h1{font-size:55px}.intro .button{font-size:20px;width:160px}
	/*-- Inner pages --*/
	.hd-h1{font-size:50px}.tag-line{font-size:20px}
	.services figure{float:none;margin:0 auto 20px}.services .left .info{margin-left:0;text-align:center}
	.related-services,.testimonials{float:none;width:auto}.specialisms.smm-special li figure{margin-right:25px}.specialisms.smm-special li .description{margin-left:0}
	.online-marketing{background:none;padding:0 0 50px}
	#get-started .left{float:none;margin:0 0 30px}.sponsors li figure{padding:18px 10px}
	.content-with-img h2{font-size:1.4em}#get-started .left{min-height:20px;margin-bottom:10px}
	
	/*body{border:1px solid green}*/
}
/*@media (max-width:524px){
	
	body{border:1px solid #0fa5e4}
}*/
@media (max-width:480px){
	html{-webkit-text-size-adjust:none}
	.container{max-width:92%}
	.home .intro p{font-size:25px;line-height:28px}.ticker1 li{font-size:17px;height:130px}.intro .button{width:120px;font-size:16px}.intro .button.white{margin-left:10px}.intro .button span{padding:10px 5px}
    .heading{font-size:2.5em;padding-bottom:0}.about-infodreamz .heading,.web-design .heading{font-size:2.2em}	
	.web-design figure{float:none;margin:0 auto 10px}.web-design .web-info{margin-left:0;text-align:center}
	.client-info h3{font-size:30px}
	#testimonial-slider::after{left:0;right:0; margin:0 auto}.testimonial figure{float:none;margin:0 auto 20px}.testimonial .info{margin-left:0;text-align:center}
	#testimonials .owl-theme .owl-controls .owl-page span{width:35px}
	.clients .details h3{font-size:35px}.clients .details span{display:block}.clients ul li{width:44.2%}
	/*-- Inner pages --*/
	.hd-h1{font-size:45px}#get-started .left{font-size:49px}
	.specialisms li .description{margin-left:70px}
	.specialisms.ppc-mktg figure{float:none;margin:0 auto 30px}.specialisms.ppc-mktg li .description{margin-left:0;text-align:center}
	.content-with-img .right,.content-with-img .row-alter .left{margin:20px 5% 0}
	/*.address .phone em{ display:block}*/
	/*body{border:1px solid lightblue}*/
}
@media (max-width:320px){	
	/*body{border:1px solid pink}*/
	
}

@media print {
* {margin:0;padding:0}
html{font-size:11pt;background:#fff;color:#010101;font-family: Helvetica, Arial, sans-serif}
body{font-size:75%;margin:0 0.5cm;text-align:left;background:#fff;color:#010101}
#skip-link,header,.header-semantic,img,figure,.button,#client,.social-link,.features li em{display:none}
img{display:none !important}

ul{padding:.2cm 0 .4cm;font-size:11pt;line-height:1.6em}
li{margin-left:.5cm}
p{font-size:11pt;line-height:1.5em}
q{margin-top:0.5cm;background:#fff;color:#010101;font-family:Georgia, Times, serif;font-size:14pt;line-height:20pt}
h1{font-size:16pt;margin:.7cm 0 .3cm}
h2{font-size:14pt;margin:.5cm 0 .3cm}
h3{font-size:13pt;margin:.5cm 0 .2cm}
h4{font-size:11pt}
h5{font-size:10pt}
h6{font-size:8pt}
a:link:after, a:visited:after{content: " (" attr(href) ") ";font-size: 90%}
a:link, a:visited{color:#333;background: #fff;font-weight:bold;text-decoration:underline}
a[href^="/"]:after{content: " (http://www.infodreamz.com/" attr(href) ") "}
abbr:after{content:" (" attr(title) ") ";font-size:100%}
.container{padding:0;font-size:11pt}
#intro,.services{font-size:11pt;line-height:1.6em}
.package-box{font-size:13pt}
.features li span{font-size:12pt;font-weight:600;padding:.3cm 0 0;display:block}

#footer{padding:.8cm 0 0;font-size:11pt;line-height:1.5em}
.inner #footer{padding-top:0}
#footer ul{padding:0;line-height:1.5em}
.copyright{text-align:center;border-top:1px solid #d3d3d4;padding-top:.3cm;margin-top:.7cm}
}