a.btn-arrow{
	margin:0;
	font-size:18px;
}
.seo-case-studies-header{overflow: hidden;position: relative;}
.seo-case-studies-header-in {
	background-image: url("../../img2/seo-client-hdr.png");
	background-position: center bottom;
	padding: 25px 0;
	background-repeat: no-repeat;
	height:calc(100vh - 70px);
	overflow: hidden;
	position: relative;
	background-size:100%;
	z-index:2;
}


.seo-case-studies-header:after{background-color: #0ba4e7;-webkit-animation: backgroundScroll 1000s linear infinite;animation: backgroundScroll 1000s linear infinite;background-image: url("../../img2/seo-client-stars.png");background-position: center top;background-repeat: repeat-y;width: 100%;height:100%;content:"";position: absolute;left:0;top:0;}

@-webkit-keyframes backgroundScroll {
	0 {background-position:0 0;}
	100% {background-position:0 10000%;}
}
 @keyframes backgroundScroll {
	from {background-position:0 0;}
	to {background-position:0 10000%;}
}


/*ROCKET CSS*/
.rocket {top: 163px;margin: 0 auto;position: absolute; text-align: center;width: 398px;right: 10%;z-index:3;}
.rocket .rocket-body {position: absolute;top: 0;z-index: 1;margin: 0 auto;right: 0;left: 0;}
/*.swing{animation:swing 20s infinite;}*/
.fire {left: 0;position: absolute;right: 0;top: 268px;}
.rocket .rocket-tail {z-index:0;width: 225px;height:480px;left:0;right:0;margin:0 auto;text-align:center;
	position: relative;-webkit-animation: mymove 2s infinite;animation: mymove 2s infinite;}
 @-webkit-keyframes mymove {
	0% {top: 0px;}
	10% {top:5px;}
	20% {top: 10px;}
	30% {top: 15px;}
	40% {top: 20px;}
	50% {top: 25px;}
	60% {top: 20px;}
	70% {top: 15px;}
	80% {top: 10px;}
	90% {top:5px;}
	100% {top: 0px;}
}
 @keyframes mymove {
 	0% {top: 0px;}
	10% {top:5px;}
	20% {top: 10px;}
	30% {top: 15px;}
	40% {top: 20px;}
	50% {top: 25px;}
	60% {top: 20px;}
	70% {top: 15px;}
	80% {top: 10px;}
	90% {top:5px;}
	100% {top: 0px;}
}


/* ROCKET CSS END */



/*CLOUD CSS START HERE*/

.clouds {bottom: 0;height: 220px;left: -10px;position: absolute;width: 110%;z-index:4;}
.cloud  {height: 184px;width: 100%;position: absolute;bottom: -70px;background-repeat: repeat-x;}


.x-3{background-image: url("../../img2/seo-client-cloud-3.png");}
.x-2{background-image: url("../../img2/seo-client-cloud-2.png"); bottom: -25px;}
.x-1{background-image: url("../../img2/seo-client-cloud-1.png"); bottom: 25px;}


@-webkit-keyframes animate-Cloud {
    0% {background-position:0 0;}
	100% {background-position:10000% 0;}
}
@keyframes animate-Cloud {
    0% {background-position:0 0;}
	100% {background-position:10000% 0;}
}

.x-1 {-webkit-animation: animate-Cloud 12s linear infinite;animation: animate-Cloud 1200s linear infinite;}
.x-2 {-webkit-animation: animate-Cloud 15s linear infinite;animation: animate-Cloud 1500s linear infinite;}
.x-3 {-webkit-animation: animate-Cloud 18s linear infinite;animation: animate-Cloud 1800s linear infinite;}


/*CLOUD CSS END HERE*/





.page-title {
	color: #ffffff;
	font-size: 72px;
	font-weight: 700;
	line-height: 1;
	padding-bottom: 20px;
	font-size: 100px;
}

.banner-text > p {
	color: #ffffff;
	font-size: 24px;
}
.banner-text {
	max-width: 48%;
	padding-top:250px;
	position:relative;
	z-index:2;
}
.text-block{
	position: relative;
}
.text-block p {
	font-size: 18px;
	line-height:1.7;
	color: #313131;
	text-align: center;
}
.tb-space {
	padding: 50px 0;
}
.black-bg {
	background-color: #393f40;
}
.ylow-bg {
	background-color: #fce829;
}
.seo-srvs{
	padding:100px 0 180px;
	position:relative;
	overflow: hidden;
}
.crcle-img{
	width:600px;
	height:600px;
	border:110px solid #f4f5f5;
	position: absolute;
	left:-320px;
	top:200px;
	border-radius:50%;
}
.crcle-img::after {
  border: 30px solid #f4f5f5;
  border-radius: 50%;
  content: "";
  height: 170px;
  left: 90%;
  position: absolute;
  top: 120%;
  width: 170px;
}
.crcle-img.right-side {
  right: -230px;
  left: auto;
	top:260px;
}
.crcle-img.right-side:after {
  left: auto;
  top: auto;
  bottom: 140%;
}
.center_content {
	width: 100%;
	margin:50px auto 0;
	text-align: center;
	position: relative;
}
.section_title {
	font-size: 55px;
	color: #222;
	margin: 0 auto;
	display: inline-block;
	padding: 20px 0;
	
	text-align: center;
	font-weight:600;
	position:relative;
}
.section_title:after{
	content:"";
	left:0;
	top:0;
	height:100%;
	width:80%;
	margin:0 auto;
	right:0;
	border-top: 1px solid #ede9e9;
	border-bottom: 1px solid #ede9e9;
	position: absolute;
}
.listing-cols {
	margin: 60px 0;
	display:table;
	width: 100%;
}
.listing-cols li {
  display: table-cell;
  height: 100%;
  padding: 0 10px;
  vertical-align: top;
  width: 25%;
  animation-delay:.3s;
  -webkit-animation-delay:.3s;
}
.listing-cols li:nth-child(2){
	animation-delay:.9s;
	-webkit-animation-delay:.9s;
}
.listing-cols li:nth-child(3){
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
/*.listing-cols li:nth-child(4){
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
}*/
.block {
  background-color: #28a9e1;
  border-radius: 10px;
  padding: 30px 10px;
  position:relative;
}
.img-block{
	height:200px;
}
.img-block img{
	max-width: 100%;
	position: relative;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.block-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}
.bg-blue {
	background: #53bae7;
}
.bg-ylow {
	background: #edc939;
}
.bg-pink {
	background: #f54f69;
}
.cta-block {
	display: table;
	width: 100%;
}
.cta-block .grid {
	display: table-cell;
	vertical-align: middle;
}
.cta-block .grid:last-child {
	text-align: right;
}
.cta-block h2 {
	color: #ffffff;
	font-size: 28px;
	padding-right: 15px;
	line-height:1.2;
}
a.btn-arrow.btn--red:hover{background-color:#000;}
.ylow-bg .cta-block h2 {color: #000;}

/*work css start here*/
.section-head{padding-bottom:60px;text-align: center}
.section-head h2{font-size:55px;color:#000;padding-bottom:5px;}
.section-head p{font-size:18px;}
.our-work {background: #393f40;padding: 40px 0 0px 0;}
.fatbit-works {padding:50px 0 0 10px;}
.msrItems {position: relative;max-width: 100%;width: 100%;}
.msrItems .itm1 {width: 500px;}
.msrItems .itm2 {width: 500px;}
.msrItems .itm3 {width: 1000px;}
.msrItems .msrItem {position: absolute;margin: 0 auto;}
.snip-effects {overflow: hidden;}

.snip-effects * {-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.snip-effects img {max-width: 100%;opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;width: auto}

.snip-effects:after {background: rgba(0, 0, 0,0.9);width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';opacity: 0.75;-webkit-transform: skew(0deg) scaleX(0);transform: skew(0deg) scaleX(0);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.snip-effects figcaption {position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 2;padding: 0 10px;text-align: center;}
.snip-effects .btn-arrow, .snip-effects p {opacity: 0;}
.snip-effects p {text-align: center;font-size: 28px;color: #fff;display: block;text-transform: uppercase;position: relative;margin-bottom: 35px;}
.snip-effects p:after {content: "";background: #fff;width: 120px;height: 3px;position: absolute;bottom: -10px;display: block;margin: 0 auto;left: 0;right: 0;}
.snip-effects:hover:after, .snip-effects.hover:after {-webkit-transform: skew(0deg) scaleX(1);transform: skew(0deg) scaleX(1);transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}
}
.snip-effects:hover figcaption .btn-arrow, .snip-effects.hover figcaption .btn-arrow, .snip-effects:hover figcaption p, .snip-effects.hover figcaption p {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.snip-effects:hover figcaption .btn-arrow, .snip-effects.hover figcaption .btn-arrow {opacity: 1;}
.snip-effects:hover figcaption p, .snip-effects.hover figcaption p {opacity: 0.7;}
.pro-logo {width: 600px;height: 600px;padding: 50px;}
.pro-logo svg {display: block;height: 380px;margin: 0 auto;padding: 0;width: 380px;top: 50%;position: relative;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}



/*Responsive css start here*/

 @media screen and (max-width: 1024px) {
	 
.rocket {
  top: 50px;
  width: 228px;
  transform: scale(.6);
  -webkit-transform: scale(.6);
}
	 
.page-title {font-size: 55px;}
.banner-text > p {font-size: 18px;}	
.banner-text {padding-top: 40px;}
.seo-case-studies-header-in {background-size: 100%;height:540px;padding:100px 0;}
.snip-effects p {font-size: 16px;margin-bottom: 20px;}
.cta-block .grid:last-child {text-align: center;padding-top: 20px;}
.cta-block .grid {display: block;text-align: center;}
.block-title {font-size: 16px;}
.x-1{display:none}

}
 @media screen and (max-width: 990px) {
.seo-case-studies-header-in{height:auto;padding:70px 0 180px}

.section_title {font-size: 45px;}
.text-block p {font-size: 16px;}
.tb-space {padding: 30px 0;}
.text-block p {font-size: 16px;line-height: 24px;}
.crcle-img {display: none;}
.listing-cols li {display: inline-block;padding: 10px;width: 49%;}
a.btn-arrow {font-size: 13px;padding: 8px 20px 8px 15px;}
a.btn-arrow i.svg {left: 5px;}
a.btn-arrow:hover i.svg {left: 10px;}
}
 @media screen and (max-width:767px) {
.rocket{display:none;}
.seo-case-studies-header-in{background-image:none;}
.seo-case-studies-header-in{height:auto;padding:0px 0}
.banner-text{padding:10px 0}
.page-title {font-size: 32px;}
.banner-text > p {font-size: 16px;}	
.banner-text {max-width: 100%;}
.seo-case-studies-header {background-image: none;padding: 40px 0;}
.listing-cols {padding:20px 0;margin:0}
.listing-cols li {padding: 15px;width: 49%;}
.msrItems .itm1, .msrItems .itm2 {max-width: 100%;width: 100%;}
.msrItems .msrItem {position: relative;}
.fatbit-works {padding: 10px;}
.section_title {font-size: 24px;}
.cta-block h2{font-size:20px;}
.section-head h2 {font-size: 32px;}
.clouds{display:none}
}
 @media screen and (max-width:480px) {
.listing-cols li {width: 100%;padding:10px;}
}