@charset "utf-8";



/*****************************************************************************
***************************Global css start **********************************
******************************************************************************/

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}

a:hover {
	text-decoration: none;
}

a:focus,
.btn:focus,
*:focus {
	outline: none !important;
	text-decoration: none;
	box-shadow: none;
}


/* a{ -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;} */


/*****************************************************************************
***************************Global css end ************************************
******************************************************************************/

/******flaticon-start*******/
@font-face {
	font-family: "Flaticon";
	  src: url("../fonts/Flaticon.eot");
	  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
		   url("../fonts/Flaticon.woff") format("woff"),
		   url("../fonts/Flaticon.ttf") format("truetype"),
		   url("../fonts/Flaticon.svg#Flaticon") format("svg");
	  font-weight: normal;
	  font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
		font-family: "Flaticon";
		src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
	  }
  }
  
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: "Flaticon";
		  font-size: 45px;
  font-style: normal;
  color: #000;
 
  }
  
  .flaticon-car:before { content: "\f100"; }
  .flaticon-blockchain:before { content: "\f101"; }
  .flaticon-ball:before { content: "\f102"; }
  .flaticon-growth:before { content: "\f103"; }
  .flaticon-design:before { content: "\f104"; }
  .flaticon-care:before { content: "\f105"; }
  
  /******flaticon-end*******/

  @font-face {
	font-family: "Flaticon1";
	  src: url("../fonts/Flaticon1.eot");
	  src: url("../fonts/Flaticon1.eot?#iefix") format("embedded-opentype"),
		   url("../fonts/Flaticon1.woff") format("woff"),
		   url("../fonts/Flaticon1.ttf") format("truetype"),
		   url("../fonts/Flaticon1.svg#Flaticon") format("svg");
	  font-weight: normal;
	  font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	  font-family: "Flaticon1";
	  src: url("./Flaticon1.svg#Flaticon") format("svg");
	}
  }
  
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: "Flaticon1";
		  font-size: 45px;
  font-style: normal;
  margin:0 auto;
  }
  
  .flaticon-mission:before { content: "\f100"; }
  .flaticon-multiple-users-silhouette:before { content: "\f101"; }
  .flaticon-money:before { content: "\f102"; }
  
    /******flaticon-socail-start*******/
  

  @font-face {
	font-family: "Flaticon2";
	src: url("../fonts/Flaticon2.eot");
	src: url("../fonts/Flaticon2.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/Flaticon2.woff2") format("woff2"),
		 url("../fonts/Flaticon2.woff") format("woff"),
		 url("../fonts/Flaticon2.ttf") format("truetype"),
		 url("../fonts/Flaticon2.svg#Flaticon") format("svg");
	font-weight: normal;
	font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	  font-family: "Flaticon2";
	  src: url("../fonts/Flaticon2.svg#Flaticon") format("svg");
	}
  }
  
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon2;
		  font-size: 30px;
  font-style: normal;

  }
  
  .flaticon-online-shop:before { content: "\f100"; }
  .flaticon-smartphone:before { content: "\f101"; }
  .flaticon-mobile:before { content: "\f102"; }
  .flaticon-smartphone-1:before { content: "\f103"; }
  .flaticon-science:before { content: "\f104"; }
  .flaticon-wallet:before { content: "\f105"; }
  .flaticon-app:before { content: "\f106"; }
  .flaticon-communication:before { content: "\f107"; }
  .flaticon-online-reservation:before { content: "\f108"; }
  .flaticon-smartphone-2:before { content: "\f109"; }
  .flaticon-mobile-1:before { content: "\f10a"; }
  .flaticon-share:before { content: "\f10b"; }
  .flaticon-meeting:before { content: "\f10c"; }
  .flaticon-shopping-cart:before { content: "\f10d"; }
  .flaticon-crowd-of-users:before { content: "\f10e"; }
  
  /******flaticon-end*******/
  


/*****font-family: 'Poppins', sans-serif,light 300,regular 400,medium 500,semi-bold 600,bold 700,extra-bold 800******/


/*****font-family: 'Roboto', sans-serif; light 300,regular 400,medium 500,bold 700,black 900*****/

body {
	font-family: 'Poppins', sans-serif;
	color: #1c1b20;
	overflow-x: hidden !important;
}

img {
	max-width: 100%;
	;
}

.allsec{position: relative;
top: -150px;}

/*****header css start****/

.headerSec {
	position: fixed;
	left: 0;
	width: 100%;
	top: 0;
	padding: 0px 0;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.headerSec .container-fluid {
	padding: 0 15px;
}

.headerSec.stickyHeader {
	background: #fff;
	padding: 0;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
}

.mainNav .navbar-brand img {
	max-width: 200px;
}

.mainNav .navbar-nav.mr-auto {
	width: 100%;
	justify-content: flex-end;
	/* position: relative; */
}

.mainNav .navbar-nav.mr-auto li .nav-link {
	padding-right: 15px;
	padding-left: 15px;
	color: #1c1b20;
	font-size: 14px;
	line-height: 30px;
	font-weight: 500;
	position: relative;
}
.mainNav .megamenu li:last-child a {
	border-bottom: 0px;
}
.mainNav .navbar-nav.mr-auto li .nav-link:hover {
	color: #454545;
}

.stickyHeader .mainNav .navbar-nav.mr-auto li .nav-link:hover {
	color: #454545;
}

.mainNav .navbar-nav li ul.megamenu li a:hover {
	color: #fff;
}


/* .stickyHeader .custom-nav .nav-link::after {
	content: "";
	background: linear-gradient(to right, #31ffe8 0%, #2f94e2 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	transform: scale(0, 0);
	transform-origin: center;
	transition: all 0.3s ease-in 0s;
} */

.stickyHeader .custom-nav .nav-link:hover::after {
	transform: scale(1, 1);
}

.mainNav .navbar-nav.mr-auto li:last-child .nav-link::after {
	content: "";
	background: none;
}

.mainNav .navbar-nav li ul.megamenu {
	background: #1c1b20;
}
.megamenu-bg {
    max-width: 1170px;
    margin: 0 auto;
}

.mainNav .navbar-nav.mr-auto li:last-child .nav-link {
	color: #fff;
	background: #484446;
	font-weight: 400;
	position: relative;
	padding-right: 83px;
}

.mainNav .navbar-nav.mr-auto li:last-child .nav-link:hover {
	box-shadow: -212px 0px 1px #1c1b20 inset;    color: #fff;
}

.mainNav .navbar-nav.mr-auto li:last-child .nav-link i {
	position: absolute;
	background: #1c1b20;
	top: 0;
	right: 0;
	height: 100%;
	width: 45px;
	text-align: center;
	line-height: 44px;
}


/* .mainNav .navbar{padding:0;} */

.header_sec.sticky_header {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 9;
}

.mainNav .navbar-nav li .nav-link {
	color: #373435;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}


/* .mainNav .navbar-nav li:hover .nav-link,.mainNav .navbar-nav li.active .nav-link{color:#2f99e2;} */

.mainNav .navbar-nav {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	width: 100%;
}

.mainNav .navbar-nav li:first-child,
.mainNav .navbar-nav li:nth-child(3) {
	position: relative;
}

.mainNav .navbar-nav li:first-child .megamenu,
.mainNav .navbar-nav li:nth-child(3) .megamenu {
	width: 300px;
}

.mainNav .navbar-nav li:nth-child(2) {
	position: static;
}

.mainNav .navbar-nav li:first-child li,
.mainNav .navbar-nav li:nth-child(3) li {
	display: block;
	width: 100%;
	padding: 0px 40px;
}

.mainNav .navbar-nav li:nth-child(2) li {
	display: inline-block;
	width: 24%;
	padding: 0px 10px;
}

.mainNav .navbar-nav ul li.dropdown_parent:hover>a:after {
	top: 55px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 40, 40, 0);
	border-bottom-color: #2f99e2;
	border-width: 8px;
	margin-left: -8px;
}

.mainNav .navbar-nav li:first-child li a,
.mainNav .navbar-nav li:nth-child(3) li a {
	font-size: 14px;
	padding: 12px 0;
	color: #9b9b9b;
}

.mainNav .megamenu {
	display: none;
	position: absolute;
	left: 0;
	top: 52px;
	width: 100%;
	padding: 24px 0px 24px;
	z-index: 99;
	background: #fff;
	/* box-shadow: 0px 0px 2px #ccc; */
}
.mainNav .navbar-nav li:nth-child(2) ul.megamenu {
    top: 56px;
}
.mainNav .navbar-nav li.nav-item.dropdown:hover a.nav-link::after {
	content: "";
	position: absolute;
	top: 42px;
	left: 50%;
	z-index: 10;
	box-shadow: 0 0 6px #323232;
	transform: rotate(135deg);
	transition: all .5s ease;
	background: #1c1b20;;
	width: 20px;
	height: 20px;
	margin-left: -13px;
}

/* .mainNav .navbar-nav li:nth-child(2) ul.megamenu {
	width: 70%;
} */
.headerSec .container-fluid{
	width: 100%;
}
.mainNav .megamenu li {
	display: inline-block;
	width: 24%;
	padding: 0 10px;
	vertical-align: top;
}

.mainNav .megamenu li a {
	line-height: 20px;
	padding: 15px 0;;
	position: relative;
	font-size: 16px;
	text-align: left;
	color: #fff;
	border-bottom: 1px solid #2d2d2d;
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: -moz-flex;
	-moz-flex-direction: column;
	-moz-justify-content: center;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-justify-content: center;
	font-weight: 500;
}
.headerSec .mainNav .navbar {
    padding: 0 100px;
}

/* .mainNav .megamenu li a:hover{color:#2f99e2;} */

.mainNav .megamenu li .submenu_step2 li {
	padding: 0;
	display: block;
	width: 100%;
	padding: 10px 0;
	position: relative;
}

.mainNav .megamenu li .submenu_step2 li a {
	margin: 0;
	font-size: 14px;
	border: 0;
	padding: 0;
	position: relative;
	font-weight: 500;
	transition: all .5s ease;
	border-bottom: 1px solid transparent;
	width: 100px;
	color: #9b9b9b;
}


/* .mainNav .megamenu li .submenu_step2 li a::before{content:"\f0a4";font-family:fontawesome;position:absolute;left:0;top:0;} */


/* .mainNav .megamenu li .submenu_step2 li a:hover{color:#2f99e2; transform: scale(0.96);} */

.mainNav .navbar-nav li .caret {
	top: -2px;
	position: relative;
	font-size: 10px;
	font-weight: normal;
}

.mainNav .navbar-nav li .caret::before {
	content: "\f078";
	font-family: fontawesome;
}

.mainNav .navbar-nav li:hover a .caret,
.mainNav .navbar-nav li.active a .caret {
	border-top-color: #2f99e2;
}

.sticky_header .mainNav .navbar-nav li .caret::before {
	border-top-color: #000;
}

.mainNav ul li.dropdown_parent:hover>a:after {
	top: 58px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 40, 40, 0);
	border-bottom-color: #ff2828;
	border-width: 8px;
	margin-left: -8px;
}

.stickyHeader .mainNav .navbar-nav li.nav-item.dropdown:hover a.nav-link::after {
	/* background: transparent !important; */
	content: "";
	/* position: static; */
}

.mainNav .navbar-nav li:hover .megamenu {
	display: block;
}

.mainNav .navbar-nav li .caret {
	top: -2px;
	position: relative;
	font-size: 10px;
	font-weight: normal;
}

.mainNav .megamenu li .submenu_step2 li a:hover {
	color: #fff !important;
	transform: scale(0.96);
	border-bottom: 1px solid #fff;
	width: 100px;
}

.mainNav .navbar-nav li .caret::before {
	content: "\f078";
	font-family: fontawesome;
}


/*****header css end******/
/*****side social icon css start******/

.me {
	width: 400px;
	margin: 90px auto;
  }
  .me p,
  .me h1 {
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;
  }
  .me p {
	font-weight: 200;
  }
  .me span {
	font-weight: bold;
  }
  .social {
	position: fixed;
	top: 267px;
	left: 10px;
	width: 0;
  }
  .social ul {
	padding: 0px;
	-webkit-transform: translate(-270px, 0);
	-moz-transform: translate(-270px, 0);
	-ms-transform: translate(-270px, 0);
	-o-transform: translate(-270px, 0);
	transform: translate(-270px, 0);
  }
  .social ul li {
	display: block;
	margin: 5px;
	background: rgba(36, 36, 36, 0.92);
	width: 300px;
	text-align: right;
	padding: 6px;
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 0 30px 30px 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
  }
  .social ul li a{color: #fff;}
  .social ul li:hover {
	-webkit-transform: translate(110px, 0);
	-moz-transform: translate(110px, 0);
	-ms-transform: translate(110px, 0);
	-o-transform: translate(110px, 0);   
	transform: translate(110px, 0);
	background: rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 13px #0000005c;
  }
  .social ul li:hover a {
	color: #000;
	text-align: center;
  }
  .social ul li:hover i {
	color: #fff;
	background: #000;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
  }
  .social ul li i {
	margin-left: 10px;
	color: #000;
	background: #fff;
	padding: 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	font-size: 20px;
	background: #ffffff;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
  }


/*****side social icon css start******/

/*****contant css start******/

.bannerSec {
	position: relative;
	
}

.imageLogos {
	background: url("../images/logos.png");
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
}

.bannerSec>img {
	width: 100%;
}


/***banner-start***/

.bannerIcon {
	position: absolute;
	top: 32%;
	width: 95%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translate(0, -50%);
}

.bannerIcon ul {
	display: inline-block;
	width: 49%;
}

ul.leftIcon {
	padding-right: 14%;
}

ul.rightIcon {
	padding-left: 17%;
}

.bannerIcon li img {
	max-width: 200px;
	position: relative;
}

.bannerIcon li {
	display: inline-block;
	width: 49%;
	text-align: center;
	position: relative;
}

ul.leftIcon li:first-child {
	top: 100px;
}

ul.leftIcon li:nth-child(2) {
	top: 166px;
}

ul.leftIcon li:nth-child(3) {
	top: 231px;
}

ul.leftIcon li:nth-child(4) {
	top: 210px;
}

ul.leftIcon li:nth-child(5) {
	top: 150px;
	text-align: right;
	left: 156px;
}

ul.rightIcon li:first-child {
	top: 77px;
	text-align: left;
	left: -190px;
}

ul.rightIcon li:nth-child(2) {
	text-align: left;
	top: 133px;
	left: -55px;
}

ul.rightIcon li:nth-child(3) {
	top: 32px;
	left: -55px;
}

ul.rightIcon li:nth-child(5) {
	top: 153px;
	text-align: left;
	left: -52px;
}

ul.rightIcon li:nth-child(4) {
	top: 166px;
}

ul.rightIcon li:nth-child(6) {
	text-align: left;
	top: 3px;
	left: -177px;
}

.blinkimg {
	transition: all 0.5s ease;
	animation: blinkImg 2s linear infinite;
}

@keyframes blinkImg {
	25% {
		transform: scale(0.95)
	}
	50% {
		transform: scale(1)
	}
	75% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes blinkImg {
	25% {
		transform: scale(0.95)
	}
	50% {
		transform: scale(1)
	}
	75% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1)
	}
}

.updownImg {
	transition: all 0.5s ease;
	animation: icondown 2s linear infinite;
}

@keyframes icondown {
	25% {
		top: 2px;
	}
	50% {
		top: 0px;
	}
	75% {
		top: -2px;
	}
	100% {
		top: 0px;
	}
}

@-webkit-keyframes icondown {
	25% {
		top: 2px;
	}
	50% {
		top: 0px;
	}
	75% {
		top: -2px;
	}
	100% {
		top: 0px;
	}
}

.iconEffect {
	position: absolute;
	top: 100px;
	z-index: 9;
	width: 90%;
	height: 80%;
	left: 0;
	right: 0;
	margin: 0 auto;
	overflow: visible;
	padding-top: 0;
}


/****banner-end***/

.bannerSec h1 {
	font-size: 34px;
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	top: 50%;
	left: 12%;
	/* transform: translate(0,-50%); */
	margin-top: -95px;
}

.bannerSec h1 span {
	display: block;
	color: #30bbe4;
}

.wedevelop ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.wedevelop ul li {
	flex: 0 0 19%;
	padding-left: 60px;
	position: relative;
	padding-right: 10px;
	height: 100%;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 20px;
	color: #000;
	width: 100%;
	border-radius: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}

.wedevelop ul li img {
	left: 8px;
	position: absolute;
	top: 10px;
	max-width: 45px;
	max-height: 40px;
}

.wedevelop ul li img:last-child {
	display: none;
}

.wedevelop ul li:hover img:first-child {
	display: none;
}

.wedevelop ul li:hover img:last-child {
	display: block;
	left: 15px;
}

.wedevelop ul li:hover {
	background: linear-gradient(135deg, #2f94e2 0%, #31ffe8 100%);
	color: #fff;
	box-shadow: 0px 5px 2px #ddd;
}

.weRaeSec {
	margin-top: -110px;
}

.weRaeSec h3 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 25px;
	padding: 15px;
	position: relative;
	padding-left: 25px;
}

.weRaeSec h3::after {
	content: "";
	position: absolute;
	left: 0;
	height: 100%;
	width: 5px;
	background: #98fff3;
	background: -moz-linear-gradient(top, #98fff3 0%, #97c9f0 100%);
	background: -webkit-linear-gradient(top, #98fff3 0%, #97c9f0 100%);
	background: linear-gradient(to bottom, #98fff3 0%, #97c9f0 100%);
	top: 0;
	border-radius: 10px;
}

.weareBox {
	padding: 40px 28px 35px;
	border: 1px solid rgba(225, 225, 225, 0.5);
	border-radius: 4px;
	height: 100%;
	color: #1c1b20;
	-webkit-transition: box-shadow 0.5s ease;
	transition: box-shadow 0.5s ease;
}

.weRaeSec .col-sm-4 {
	margin-bottom: 40px;
}

.weareBox:hover {
	background: #2ee9dc;
	background: -moz-linear-gradient(-45deg, #2ee9dc 0%, #2f9de1 66%);
	background: -webkit-linear-gradient(-45deg, #2ee9dc 0%, #2f9de1 66%);
	background: linear-gradient(135deg, #2ee9dc 0%, #2f9de1 66%);
	border: 0;
	box-shadow: 8px 11px 22px #2f9de140;
	color: #fff;
	border: 1px solid rgba(225, 225, 225, 0.5);
	transition: box-shadow 0.5s ease;
}
.weareBox:hover i:before{
	color: #fff !important;
}
.weareBox>i {
	/* font-size: 45px; */
	margin-bottom: 20px;
	display: block;
	position: relative;
}
.weareBox>i:before{
	font-family: "Flaticon";
	font-size: 45px;

}
.weareBox h4 {
	padding: 10px 0 5px;
	font-size: 25px;
	font-weight: 600;
	color: #1c1b20;
}

.weareBox:hover h4,
.weareBox:hover a,
.weareBox:hover i {
	color: #fff;
}

.weareBox p {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
	font-family: 'Roboto', sans-serif;
}

.weareBox ul li {
	font-size: 15px;
	padding: 6px 0;
	position: relative;
	font-family: 'Roboto', sans-serif;
	padding-left: 27px;
}

.weareBox ul {
	margin: 15px 0;
}

.weareBox ul li i {
	font-size: 18px;
	color: #32cbe5;
	position: absolute;
	left: 0;
	margin: 0;
	font-size: 20px;
	top: 10px;
}

.weareBox a {
	color: #1c1b20;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

.weareBox a i {
	display: inline-block;
	font-size: 14px;
	padding-left: 5px;
	transition: all 0.3s ease-in 0s;
}

.weareBox:hover a i {
	transform: translateX(10px);
	opacity: 1;
}

.makerSec {
/*	background-image: url('../images/banner2.png');*/
	min-height: 400px;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	position: relative;
}

.makerSec::after {
	content: "";
	position: absolute;
	background-image: url(../images/leftag.png);
	width: 237px;
	height: 100%;
	left: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.makerSec h4 {
	font-size: 35px;
	font-style: italic;
	position: relative;
	padding-left: 15px;
}

.makerSec h4 span {
	display: block;
	font-size: 17px;
}

.makerSec h4::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 4px;
	background: #fff;
	border-radius: 12px;
}

.mobileSec {
	padding:70px 0;
	position: relative;
}

.developTypeCnt h4 {
	color: #1c1b20;
	font-size: 30px;
	margin-bottom: 10px;
}

.developTypeCnt p {
	color: #191919;
	font-size: 14px;
	line-height: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.developTypeCnt ul li h5 {
	font-size: 25px;
	font-weight: 500;
	padding: 10px 0;
}

.developTypeCnt ul {
	padding-top: 30px;
	margin-top: 20px;
	position: relative;
}

.developTypeCnt ul::after {
	content: "";
	position: absolute;
	background: #31f2e8;
	background: -moz-linear-gradient(top, #31f2e8 0%, #30a0e3 100%);
	background: -webkit-linear-gradient(top, #31f2e8 0%, #30a0e3 100%);
	background: linear-gradient(to bottom, #31f2e8 0%, #30a0e3 100%);
	height: 5px;
	width: 120px;
	top: 0;
	left: 0;
	border-radius: 5px;
}

.developTypeCnt ul li {
	position: relative;
	margin-bottom: 15px;
}

.developTypeCnt ul li i {
	height: 50px;
	width: 50px;
	background: #2c83fa;
	position: absolute;
	font-size: 24px;
	text-align: center;
	line-height: 48px;
	border-radius: 50%;
	left: -65px;
	top: 0;
	transition: all 0.5s ease;
	box-shadow: 0px 7px 10px rgba(44, 131, 250, 0.4);
	/* animation: updown 2s linear infinite; */
}

.developTypeCnt ul li:hover i {
	box-shadow: 0px 0px 14px 9px rgba(44, 131, 250, 0.4);
}

@keyframes updown {
	25% {
		top: 5px;
	}
	50% {
		top: 0px;
	}
	75% {
		top: -5px;
	}
	100% {
		top: 0px;
	}
}

@-webkit-keyframes updown {
	25% {
		top: 5px;
	}
	50% {
		top: 0px;
	}
	75% {
		top: -5px;
	}
	100% {
		top: 0px;
	}
}

.webSec .developTypeCnt ul li i {
	background: #faa02c;
	box-shadow: 0px 7px 10px rgba(250, 160, 44, 0.4);
}

.webSec .developTypeCnt ul li:hover i {
	box-shadow: 0px 0px 14px 9px rgba(250, 160, 44, 0.4)
}

.webSec .developTypeCnt ul li:last-child i {
	background: #cb2473;
	box-shadow: 0px 7px 10px rgba(203, 36, 115, 0.4);
}

.webSec .developTypeCnt ul li:last-child:hover i {
	box-shadow: 0px 0px 14px 9px rgba(203, 36, 115, 0.4);
}


.fantasy-sport-cont .comonHead h5 {
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 10px;
    margin-top: 10px;
}
.developTypeCnt ul li:last-child i {
	box-shadow: 0px 7px 10px rgba(36, 203, 137, 0.4);
	background: #24cb89;
}

.developTypeCnt ul li:last-child:hover i {
	box-shadow: 0px 0px 14px 9px rgba(36, 203, 137, 0.4);
}

.developTypeCnt {
	padding-left: 70px;
}

.mobileSec.webSec {
	background: #fafafac2;
	position: relative;
}

.webFullImg {
	position: absolute;
	right: 0;
	top: 0;
	max-width: 45%;
	height: 100%;
	/* transform: translate(0,-50%); */
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.webFullImg img {
	box-shadow: -2px 10px 10px #eee;
	height: 580px;
    width: 100%;
}

.whatWeDo {
	background-image: url('../images/whatweDo.png');
	background-size: cover;
	padding: 30px 0;
}

.whatWeDo .container-fluid {
	/* max-width: 1300px; */
	width: 100%;
	margin: 0 auto;
}

.WhatwedoImg {
	/* background: url('../images/iconImg.png'); */
	height: 400px;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: 50px;
	position: relative;
}

.WhatwedoImg img {
	position: absolute;
	left: 0;
	right: 0;
	max-width: 280px;
	margin: 0 auto;
	top:0px;
	transition: all 0.5s ease;
	animation: blink 2s alternate infinite;
}

@keyframes blink {
	25% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.1)
	}
	75% {
		transform: scale(1)
	}
	100% {
		transform: scale(1.1)
	}
}

@-webkit-keyframes blink {
	25% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.1)
	}
	75% {
		transform: scale(1)
	}
	100% {
		transform: scale(1.1)
	}
}
.what-we-do-left li{ 
	text-align: center;
	margin: 30px 0;    transition: all 0.5s ease;
	position: relative;
    animation: icondown 2s linear infinite;

}
.what-we-do-left li.list1{
	left: 12%;
}
.what-we-do-left li.list2{
	left: 11%;
}
.what-we-do-left li.list3{
	left:0%;
}
.what-we-do-left li.list4{
	left: 7%;
}
.what-we-do-left li.list5{
	left: 15%;
}


.what-we-do-left li.list6{
	right: 12%;
}
.what-we-do-left li.list7{
	right: 11%;
}
.what-we-do-left li.list8{
	right:0%;
}
.what-we-do-left li.list9{
	right: 7%;
}
.what-we-do-left li.list10{
	right: 15%;
}

.what-we-do-left li a {
    background: #fff !important;
    color: #403e3ebf  !important;
    padding: 13px 48px !important;
    margin: 0 10px;    text-transform: capitalize !important;
	box-shadow: 0 0 10px #90909026;
	font-size: 14px;
}
.what-we-do-left li a:hover{
	color: #fff !important;
background: #31ffe8 !important;
    background: -moz-linear-gradient(-45deg, #31ffe8 0%, #2f94e2 100%) !important;

	background: linear-gradient(to right, #31ffe8 0%,#2f94e2 100%) !important;
}
.workLogo {
	padding: 30px 0;
	background: #fff;
	border-bottom: 2px solid rgba(28, 27, 32, 0.1);
}

.workSlide {
	padding: 0 15px;
	text-align: center;
}

.workSlide.slick-slide img {
	max-width: 120px;
	display: inline-block;
}

.portfolioSec {
	padding: 70px 0 40px;
}

.comonHead {
	text-align: center;
}

.comonHead h4 {
	color: #32cbe5;
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
}

.comonHead h5 {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 5px 0;
}

.comonHead p {
	color: #191919;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.05em;
	font-family: 'Roboto', sans-serif;
}

.portfolioBg {
	background: url('../images/portFoliobg.png');
	padding-top: 140px;
	background-size: cover;
	margin-top: 40px;
	border-top: 1px solid #1c1b20;
	border-bottom: 1px solid #1c1b20;
	background-position: 50px 0px;
	overflow: hidden;
	position: relative;
}

.portfolioBg::after {
	content: "";
	position: absolute;
	background: #31f2e8;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #31f2e8 0%, #30a0e3 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #31f2e8 0%, #30a0e3 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #31f2e8 0%, #30a0e3 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	height: 100%;
	width: 161px;
	bottom: -95px;
	right: -75px;
	transform: rotate(22deg);
}

.portFolioLeft {
	color: #fff;
	padding-left: 20px;
	max-width: 39%;
	float: left;padding-top: 6%;

}

.portFolioright {
	float: right;
	width: 47%;
	margin-right: -50px;
}

.portFolioLeft h4 {
	font-size: 50px;
	font-weight: 600;
}

.portFolioLeft h5 {
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 5px 0;
}

.portFolioLeft p {
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.05em;
	font-family: 'Roboto', sans-serif;
}

.portfolioSlider .slick-prev,
.portfolioSlider .slick-next {
	bottom: 32px;
	transform: translate(0);
	top: auto;
}

.portfolioSlider .slick-arrow {
	background: transparent;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	color: #ffff;
	border: 1px solid #fff;
	z-index: 9;
}

.portfolioSlider .slick-next.slick-arrow {
	right: 10px;
}

.portfolioSlider .slick-prev.slick-arrow {
	left: auto;
	right: 69px;
	;
}

.portfolioSlider .slick-arrow::before {
	font-family: fontawesome;
	opacity: 1;
	content: '\f053';
	position: relative;
	left: -1px;
	top: 2px;
	font-size: 15px;
}

.portfolioSlider .slick-next.slick-arrow::before {
	content: '\f054';
	left: auto;
	right: -1px;
}

.portfolioSlider .slick-arrow:hover {
	background: #fff;
	color: #30bfe4;
}

.portfolioSlider .slick-arrow:hover::before {
	color: #30bfe4;
}

.clientSec {
	padding: 40px 0;
}

.clientSecleft h4 {
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 700;
	color: #1c1b20;
}

.clientSecleft h4 span {
	color: #32cbe5;
}

.clientSecleft p,
.clientSlideCnt p {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
	font-family: 'Roboto', sans-serif;
	padding-top: 10px;
}

.clientSlideCnt {
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 57px rgba(207, 216, 220, 0.5);
	position: relative;
	padding-right: 20;
	display: inline-block;
	width: 400px;
	background: #fff;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.clientSlide.swiper-slide.swiper-slide-active {
	padding-left: 15px;
	z-index: 999;
	position: relative;
}

.swiper-slide-active .clientSlideCnt {
	width: 100%;
	padding-right: 220px;
	top: -42px;
}

.clientimgBox {
	position: relative;
	margin-top: 0px;
	padding-left: 70px;
	display: flex;
	align-items: center;
	min-height: 60px;
}

.clientBox {
	position: absolute;
	left: 0;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	overflow: hidden;
}

.clientBox img {
	height: 100%;
	width: 100%;
}

.clientimgBox h4 {
	color: #32cbe5;
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
}

.clientimgBox h4 span {
	display: block;
	color: #1c1b20;
	font-size: 18px;
	font-weight: 400;
}

.clientimgBox .postDate {
	color: rgba(58, 50, 56, 0.5);
	font-size: 14px;
	position: absolute;
	right: 0;
	bottom: 9px;
	height: auto;
	width: auto;
}

.clientView {
	border-radius: 5px;
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0;
	max-width: 200px;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.swiper-slide-active .clientView {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.clientSlider .slick-list.draggable {
	padding: 0 !important;
	min-height: 420px;
}

.clientSlideCnt p {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.swiper-slide-active .clientSlideCnt p {
	height: auto;
	width: auto;
	margin-bottom: 10px;
}

.swiper-slide-active {
	padding-left: 10;
	width: 100% !important;
}

.clientSlide {
	padding-left: 90px;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
}

.blogSec {
	padding: 60px 0;
}

.blogCont h4 {
	font-size: 18px;
	padding: 20px 0 15px;
	font-weight: 400;
}

.blogCont p {
	line-height: 31px;
	letter-spacing: 0.05em;
	color: rgba(28, 27, 32, 0.6);
	padding-bottom: 15px;
	font-family: 'Roboto', sans-serif;
}

.blogCont a {
	display: inline-block;
	border: 2px solid #e6e6e6;
	line-height: 22px;
	padding: 6px 15px;
	border-radius: 32px;
	min-width: 100px;
	text-align: center;
	font-size: 14px;
	margin-right: 5px;
	color: rgba(28, 27, 32, 0.7);
	transition: all 0.3s ease-in 0s;
}

.blogCont a:hover {
	background: #31ffe8; /* Old browsers */ background: -moz-linear-gradient(left, #31ffe8 0%, #2f94e2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #31ffe8 0%,#2f94e2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #31ffe8 0%,#2f94e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-color: #fff;
	color: #fff;
}

.blog-left{
	margin-top: 10px;
}

.tagcloud a {
	display: inline-block;
	border: 2px solid #e6e6e6;
	line-height: 22px;
	padding: 6px 15px;
	border-radius: 32px;
	min-width: 100px;
	text-align: center;
	font-size: 14px;
	margin-right: 5px;
	color: rgba(28, 27, 32, 0.7);
	transition: all 0.3s ease-in 0s;
}
.tagcloud a:hover {
	background: #31ffe8; /* Old browsers */ background: -moz-linear-gradient(left, #31ffe8 0%, #2f94e2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #31ffe8 0%,#2f94e2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #31ffe8 0%,#2f94e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-color: #fff;
	color: #fff;
}

.blogList h4 {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 20px;
}

.blogList p {
    line-height: 23px;}

.blogList h4 span {
	color: #32cbe5;
	font-size: 14px;
	display: block;
}

.blogList ul li {
	display: block;
	margin-bottom: 15px;
}
.blogright h4 {
    margin: 15px 0;
}
.blogList ul li a {
	color: rgba(28, 27, 32, 0.5);
	font-size: 12px;
	padding: 5px 10px;
	border-left: 1px solid #eee;
	text-transform: uppercase;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.blogList ul li a:hover {
	border-color: #32cbe5;
	padding-left: 8px;
	color: #000;
	font-size: 14px;
}

.blogList ul {
	padding-top: 25px;
}

.blogSec .container-fluid {
	max-width: 1300px;
}

.touchHead {
	text-align: center;
}

.touchHead h4 {
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 44px;
	color: #000;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 700;
}

.touchHead h4::after {
	content: "";
	position: absolute;
	height: 5px;
	width: 110px;
	background: #31ffe8;
	background: -moz-linear-gradient(left, #31ffe8 0%, #2f94e2 100%);
	background: -webkit-linear-gradient(left, #31ffe8 0%, #2f94e2 100%);
	background: linear-gradient(to right, #31ffe8 0%, #2f94e2 100%);
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	border-radius: 14px;
}

.touchList h4 {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 700;
}

.touchForm .lablePlaceholder {
	position: relative;
}

.touchForm .lablePlaceholder label {
	position: absolute;
	left: 0px;
	top: 8px;
	transition: top .2s ease-in-out;
	background: #fff;
	padding: 1px 3px;
	z-index: -1;
}

.touchForm .form-control {
	height: 47px;
	border: 0;
	border-bottom: 2px solid #e8e8e8;
}

.touchForm textarea.form-control {
	min-height: 80px;
}

.touchForm .form-control:focus {
	border-bottom-color: transparent;
}

.touchForm .form-control {
	border-radius: 2px;
	margin-bottom: 30px;
	padding-left: 0px;
	background: transparent;
	color: #343a3b;
}

.touchForm .focused .form-control+label {
	top: -15px;
	z-index: 1;
}

.touchForm .form-control.filled {
	border-color: #32cbe5;
	box-shadow: none;
}

.getinTouchSec {
	padding: 40px 0;
}

.touchList ul li {
	margin-bottom: 25px;
	padding-left: 50px;
	position: relative;
	min-height: 41px;
	display: flex;
	align-items: center;
}

.touchList ul li a {
	color: #000000;
	font-size: 16px;
}

.touchList ul li a i {
	border: 1px solid #d9d9d9;
	position: absolute;
	height: 35px;
	width: 35px;
	left: 0;
	top: 5px;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
	line-height: 35px;
	border-radius: 50%;
}

.btn.btn-submit {
	color: #fff;
	text-transform: uppercase;
	border: 0;
	min-width: 150px;
	text-align: center;
	padding: 10px;
	border-radius: 34px;
	background: #31ffe8;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #31ffe8 0%, #2f94e2 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #31ffe8 0%, #2f94e2 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: #31ffe8; /* Old browsers */ background: -moz-linear-gradient(left, #31ffe8 0%, #2f94e2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #31ffe8 0%,#2f94e2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #31ffe8 0%,#2f94e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.workProcess {
	padding: 50px 0 20px;
}

.processList {
	position: relative;
	background: url("../images/line.png");
	background-repeat: no-repeat;
	margin-top: 65px;
	background-size: 80% 74%;
}

.processList::after {
	content: "";
	position: absolute;
	/* background: url("../images/lineAnimate.png"); */
	background: url("../images/secondline.png");
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	/* background-size: 80% 74%; */
	transition: all 9s ease;
}

.processList.animated::after {
	animation: curvline 8s linear infinite;
}

@keyframes curvline {
	33.33% {
		width: 29%;
		height: 53%;
	}
	66.66% {
		width: 78%;
		height: 53%;
	}
	100% {
		width: 82%;
		height: 100%;
	}
}

@-webkit-keyframes curvline {
	/* 33.33%{width:29%; height:53%;}
	66.66%{width:78%; height:53%;}
	100%{width:82% ;height:100%;} */
}

.processHead h4 {
	font-size: 40px;
}

.processHead h4 span {
	color: #32cbe5;
	font-weight: 700;
	text-transform: uppercase;
}

.processList li {
	display: inline-block;
	width: 33%;
	padding-right: 33px;
	text-align: left;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
}

.processList ul li i {
	background: #ff5252;
	height: 50px;
	width: 50px;
	display: block;
	text-align: center;
	line-height: 52px;
	box-shadow: 0px 7px 20px rgba(203, 36, 15, 0.38);
	color: #fff;
	border-radius: 50%;
	font-size: 22px;
	transition: all 0.5s ease;
	animation: scalebox 2s linear infinite;
	font-style: normal;
	font-weight: 600;
}

@keyframes scalebox {
	25% {
		transform: scale(0.9)
	}
	50% {
		transform: scale(1)
	}
	75% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes scalebox {
	25% {
		transform: scale(0.9)
	}
	50% {
		transform: scale(1)
	}
	75% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1)
	}
}

.processList ul li h4 {
	text-transform: uppercase;
	font-size: 20px;
	padding: 25px 0 15px;
}

.processList ul li p {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
	font-family: 'Roboto', sans-serif;
}

.processList li:first-child {
	clear: both;
	margin: -20px 27% 25px;
}

.processList li:nth-child(4) {
	left: 104px;
	top: 55px;
}

.processList li:last-child {
	margin-left: 36%;
	margin-top: 19px;
}

.processList li:nth-child(2) i {
	background: #5bc0eb;
	box-shadow: 0px 7px 20px rgba(91, 192, 235, 0.38);
}

.processList li:nth-child(3) i {
	background: #ffbe4e;
	box-shadow: 0px 7px 20px rgba(255, 190, 78, 0.38);
}

.processList li:nth-child(4) i {
	background: #00d2c6;
	box-shadow: 0px 7px 20px rgba(0, 210, 198, 0.38);
}

.processList li:last-child i {
	background: #00d280;
	box-shadow: 0px 7px 20px rgba(0, 210, 128, 0.38);
}

.blogSlider .slick-list.draggable {
	margin: 0 -15px;
	overflow: hidden;
}

.blogBox.slick-slide {
	padding: 0 15px;
}

.blogSlider .slick-prev,
.blogSlider .slick-next {
	bottom: 0;
	transform: translate(0);
	top: auto;
}

.blogSlider .slick-arrow {
	background: transparent;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	color: #ffff;
	border: 1px solid #30bfe4;
	background: #30bfe4;
	z-index: 9;
}

.blogSlider .slick-next.slick-arrow {
	left: -270px;
}

.blogSlider .slick-prev.slick-arrow {
	left: -320px;
}

.blogSlider .slick-arrow::before {
	font-family: fontawesome;
	opacity: 1;
	content: '\f053';
	position: relative;
	left: -1px;
	top: 2px;
	font-size: 15px;
}

.blogSlider .slick-next.slick-arrow::before {
	content: '\f054';
	left: auto;
	right: -1px;
}

.blogSlider .slick-arrow:hover {
	background: #fff;
	color: #30bfe4;
}

.blogSlider .slick-arrow:hover::before {
	color: #30bfe4;
}

.gatIdeaimg {
	position: absolute;
	top: -32px;
	right: 0;
	max-width: 290px;
}


/***home-page-end****/


/***service-page-start****/

.container-fluid {
	width: 100%;
	padding: 0 30px;
}

.serviceBannerLeft h1 {
	position: static;
	margin: 0;
}

.serviceBanerCnt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.requestBtn {
	display: inline-block;
    padding: 14px 28px;
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s ease;
	width: fit-content;
}

.requestBtn {
	
	color: #fff !important;
}

.requestBtn:hover {
	box-shadow: 0 0 14px #c6c6c6;
    margin-right: 10px;
    color: rgb(58, 186, 226) !important;
    transition: all 0.3s ease-in 0s;
    background: transparent;
}

.serviceBannerLeft p {
    font-size: 18px;
    line-height: 30px;
    padding: 15px 0;
    width: 75%;
}

.serviceBannerLeft {
	display: flex;
	height: 100%;
	justify-content: center;
	flex-direction: column;
	padding-left: 50px;
}

.cloudeSec ul li {
	background-image: url(../images/cluod.png);
	display: inline-block;
	margin: 0 1%;
	width: 30%;
	text-align: center;
	color: #fff;
	padding: 50px 60px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 223px;
	margin-bottom: 22px;
	font-size: 13px;
	align-items: center;
	line-height:25px;
	animation: cloude 2s linear infinite;
	transition: all 0.5s ease;
}



	
@keyframes cloude {
	25% {
		transform: scale(0.99)
	}
	50% {
		transform: scale(1)
	}
	75% {
		transform: scale(1.01);
	}
	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes cloude {
	25% {
		transform: scale(0.99)
	}
	50% {
		transform: scale(1)
	}
	75% {
		transform: scale(1.01);
	}
	100% {
		transform: scale(1)
	}
}

.cloudeSec ul li img {
	/* font-size: 35px; */
	display: block;
	margin: 20px auto 10px;
	height: 36px;
}
.cloudeSec ul li i:before{
	font-family: "Flaticon1";
}

.cloudeSec {
	padding-top: 0px;
	margin-top: -110px;
}

.technologyType {
	padding: 10px 0 0px;
}

.technologyslide.slick-slide {
	background: #f3f3f3;
	margin: 15px 7px;
	text-align: center;
	border-radius: 5px;
	padding: 30px 0 20px;
}

.technologyslide.slick-slide.slick-current.slick-active,
.technologyslide.slick-slide:hover {
	background: #fff;
	box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.1);
}

.technologyslide.slick-slide img {
	display: inline-block;
	max-width: 150px;
	max-height: 35px;
}

.technologyslide.slick-slide h4 {
	font-size: 18px;
	margin-top: 10px;
}

.technologySlider .slick-list.draggable {
	padding: 0 !important;
}

* {
	outline: none !important;
}

.developTypeCnt.serviceDevlop ul li {
	position: relative;
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
	padding: 3px 5px;
	float: left;
	max-width: 32.5%;
	height: 115px;

}

.developTypeCnt.serviceDevlop ul li i{
	position: relative;
	left: 0;
	top: 0;
	display: inline-block;
	text-align: center
}
.developTypeCnt.serviceDevlop  ul li:nth-child(odd) span{

	background: #2c83fa;
		width: 53px;
		height: 53px;
		border-radius: 50%;
		display: inline-block;
	}
	
	.developTypeCnt.serviceDevlop ul li:nth-child(even) span{
	
		background: #24cb89;
			width: 53px;
			height: 53px;
			border-radius: 50%;
			display: inline-block;
		}
.developTypeCnt.serviceDevlop ul li img {
	width: 46px;height: 46px;

		padding: 8px;
		line-height: 16px;
		text-align: center;
		margin: 3px;
	}

	.webSec .developTypeCnt.serviceDevlop  ul li:nth-child(odd) span{

		background: #faa02c;
			width: 53px;
			height: 53px;
			border-radius: 50%;
			display: inline-block;
		}
		
		.webSec .developTypeCnt.serviceDevlop ul li:nth-child(even) span{
		
			background: #cb2473;
				width: 53px;
				height: 53px;
				border-radius: 50%;
				display: inline-block;
			}
	.webSec .developTypeCnt.serviceDevlop ul li img {
		width: 46px;height: 46px;
	
			padding: 8px;
			line-height: 16px;
			text-align: center;
			margin: 3px;
		}
	
.developTypeCnt.serviceDevlop ul li h5 {
	font-size: 14px;
	font-weight: 400;
	padding: 10px 0;
	color: #1c1b20;
	line-height: 20px;
}

.developTypeCnt.serviceDevlop {
	padding-left: 0;
}

.developTypeCnt.serviceDevlop ul li:nth-child(odd) span{
    background: #2c83fa;
}
.developTypeCnt.serviceDevlop ul li:nth-child(even) span{
	
	background: #24cb89;
}
.mobileSec .container-fluid {
	max-width: 1250px;
}

.developTypeCnt.serviceDevlop ul li:nth-child(2n) i {
	box-shadow: 0px 7px 10px rgba(36, 203, 137, 0.4);
	background: #24cb89;
}

.developTypeCnt.serviceDevlop ul li:nth-child(2n):hover i {
	box-shadow: 0px 0px 14px 9px rgba(36, 203, 137, 0.4);
}

.webFullImg.leftImg {
	right: auto;
	left: 0;
}

.sportServiceSec {
	padding: 50px 0;
}

.sportServiceSec .comonHead h5 {
	font-size: 30px;
	text-transform: capitalize;
	margin-bottom: 50px;
	margin-top: 50px;
}
.fantasy-sport-cont {
    position: relative;
    top: -50px;
}
.sportServiceSec ul li {
	display: inline-block;
	text-align: center;
	width: 19%;
	font-size: 14px;
	color: #10295d;
	margin: 15px 0;
	transition: all 0.5s ease;
	font-weight: 500;
}
.sportServiceSec.Social-network-txt ul li {
    width: 24%;
}

.sportServiceSec li span {
	display: block;
	background: #30dee6;
	/* Old browsers */
	background: -moz-linear-gradient(top, #30dee6 0%, #30b4e4 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #30dee6 0%, #30b4e4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #30dee6 0%, #30b4e4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 85px;
	height: 85px;
	text-align: center;
	margin: 0 auto 16px;
	color: #fff;
	font-size: 40px;
	border-radius: 50%;
	line-height: 85px;
	box-shadow: 1px 10px 12px rgba(63, 220, 232, 0.22);
	position: relative;
	transition: all 0.5s ease;
}
.sportServiceSec li img {
	width: 40px;
	/* display: block;

	width: 85px;
	height: 85px;
	text-align: center;
	margin: 0 auto 16px;
	color: #fff;
	font-size: 40px;
	border-radius: 50%;
	line-height: 85px;
	box-shadow: 1px 10px 12px rgba(63, 220, 232, 0.22);
	position: relative;
	transition: all 0.5s ease; */
}
.sportServiceSec li span:hover{
	transform: translate(0px, -10px);
	transition: all 0.5s ease;
}
.sportServiceSec li i {
	display: block;
	background: #30dee6;
	/* Old browsers */
	background: -moz-linear-gradient(top, #30dee6 0%, #30b4e4 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #30dee6 0%, #30b4e4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #30dee6 0%, #30b4e4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 85px;
	height: 85px;
	text-align: center;
	margin: 0 auto 16px;
	color: #fff;
	font-size: 40px;
	border-radius: 50%;
	line-height: 85px;
	box-shadow: 1px 10px 12px rgba(63, 220, 232, 0.22);
	position: relative;
	transition: all 0.5s ease;
}

.sportServiceSec li:hover i {
	transform: translate(0px, -10px);
	transition: all 0.5s ease;
}

.portfolioSlide.slick-slide {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.inrportfolioSlider .slick-prev,
.inrportfolioSlider .slick-next {
	bottom: 0px;
	transform: translate(0);
	top: auto;
}

.inrportfolioSlider .slick-arrow {
	background: transparent;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	color: #ffff;
	border: 1px solid #30bfe4;
	background: #30bfe4;
	z-index: 9;
}

.inrportfolioSlider .slick-next.slick-arrow {
	margin-left: 60px;
	left: 0;
}

.inrportfolioSlider .slick-prev.slick-arrow {
	margin-left: 0px;
	left: 0;
}

.inrportfolioSlider .slick-arrow::before {
	font-family: fontawesome;
	opacity: 1;
	content: '\f053';
	position: relative;
	left: -1px;
	top: 2px;
	font-size: 15px;
}

.inrportfolioSlider .slick-next.slick-arrow::before {
	content: '\f054';
	left: auto;
	right: -1px;
}

.inrportfolioSlider .slick-arrow:hover {
	background: #fff;
	color: #30bfe4;
}

.inrportfolioSlider .slick-arrow:hover::before {
	color: #30bfe4;
}

.slideLeft,
.slideRight {
	flex: 0 0 50%;
	align-items: normal;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	display: flex;
}

.slideLeft p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 23px;
}

.slideLeft {
	padding-right: 35px;
}

.trastedOption {
	padding: 50px 0 50px;
}

.trastedOption ul {
	display: flex;
	flex-wrap: wrap;
}

.trastedOption ul li {
	flex: 0 0 16.6%;
	max-width: 16.6%;
	text-align: center;
}

.trastedOption ul li img {
	max-width: 100px;
	max-height: 57px;
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.trastedOption ul li:hover img {
	-webkit-filter: grayscale(0);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(0);
}

.sttistic_sec {
	padding: 60px 0;
	background: #fafafa;
	clear: both;
}

.sttistic_sec .comonHead h4 {
	color: #000;
	font-size: 40px;
	font-weight: 500;
	text-transform: capitalize;
	padding-bottom: 35px;
}

.sttistic_sec .col-sm-4 {
	position: relative;
	perspective: 1000;
}

.static_box {
	text-align: center;
	padding: 0;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
	transform-style: preserve-3d;
	width: 100%;
	height: 250px;
	border: 2px solid rgba(48, 191, 228, 0.19);
	border-radius: 2px;
}

.sttistic_sec .col-sm-4:hover .static_box {
	transform: rotateY(360deg);
	box-shadow: 0 0 9px rgba(187, 187, 187, 0.6);
}

.static_comon {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	padding: 32px 15px;
}

.statistic_second.static_comon {
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-justify-content: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 10px;
	color: white;
	text-align: center;
	background: #1e5799;
	background: -moz-linear-gradient(-45deg, #1e5799 0%, #12edd7 0%, #25b4de 100%);
	background: -webkit-linear-gradient(-45deg, #1e5799 0%, #12edd7 0%, #25b4de 100%);
	background: linear-gradient(135deg, #1e5799 0%, #12edd7 0%, #25b4de 100%);
}

.static_img {
	min-height: 96px;
	margin-bottom: 10px;
	line-height: 94px;
}

.static_img img {
	max-height: 120px;
}

.static_box a {
	font-size: 13px;
}

.achivementSec {
	padding: 60px 0;
	position: relative;
}

.achivementSec .comonHead h4 {
	color: #000;
	font-weight: 600;
	margin-bottom: 50px;
}

.achivementSec .comonHead h4 span {
	color: #32cbe5;
}

.globeBox {
	text-align: center;
	position: relative;
}

.globeBox img {
	max-width: 450px;
}

.achivementSec {
	padding: 60px 0;
	border-bottom: 1px solid rgba(48, 191, 228, 0.19);
}

.slideLeft h4 {
	padding-bottom: 15px;
}

.globeBox ul {
	position: absolute;
	left: 0;
	width: 100%;
	top: 176px;
}

.globeBox ul li {
	display: inline-block;
	font-size: 24px;
	position: relative;
}

.globeBox ul li span {
	display: block;
	font-weight: 700;
	font-size: 35px;
	line-height: 35px;
}

.globeBox ul li:first-child {
	float: left;
	padding-right: 20%;
}

.globeBox ul li:nth-child(2) {
	float: right;
}

.globeBox ul li:nth-child(3) {
	float: left;
	padding-right: 15%;
	margin-top: 100px;
	margin-left: 12%;
}

.globeBox ul li:nth-child(4) {
	float: right;
	margin-top: 100px;
	margin-right: 5%;
}

#particles-js {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}


/***service-page-end****/


/***aboutUs-start***/

.abputUsSec {
	padding-bottom: 60px;
}

.abputUsSec h1 {
	font-size: 36px;
	margin-bottom: 20px;
	margin-top: -120px;
}

p {
	font-size: 15px;
}

.subCnt {
	width: 100%;
	max-width: 341px;
}

.aboutCont {
	padding: 80px 50px 100px;
	border-radius: 15px;
	box-shadow: 0 7px 21px rgba(0, 0, 0, 0.19);
}

.aboutCont p {
	line-height: 27px;
}

.aboutCont h4 {
	font-size: 22px;
	margin-bottom: 5px;
}

.aboutImg {
	height: 100%;
	text-align: center;
	align-items: center;
	display: flex;
	position: relative;
}

.aboutImg img {
	transition: all 0.5s ease;
	border-radius: 50%;
	box-shadow: 0 17px 57px rgba(0, 0, 0, 0.18);
}

.aboutSecond {
	position: absolute;
	max-width: 52%;
	right: -50%;
	transform: translate(0, -50%);
	top: 40%;
	transition: all 0.7s ease;
	transition-delay: 1.1s;
}

.aboutFirst {
	position: absolute;
	left: -50%;
	max-width: 52%;
	top: 55%;
	transform: translate(0, -50%);
	transition: all 0.7s ease;
	transition-delay: 1.1s;
}

.col-sm-6[style="visibility: visible; animation-duration: 2s; animation-delay: 1.1s; animation-name: fadeIn;"] .aboutFirst {
	left: 3%;
}

.col-sm-6[style="visibility: visible; animation-duration: 2s; animation-delay: 1.1s; animation-name: fadeIn;"] .aboutSecond {
	right: 3%;
}


/* .aboutImg:hover img {
    transform: rotate(180deg);
    transform-origin: center;
} */

.mt-8 {
	margin-top: 80px;
}

.mt-10 {
	margin-top: 100px;
}

.sectionTitle {
	width: 100%;
	text-align: center;
	font-size: 205px;
	text-transform: uppercase;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.1);
	line-height: 100px;
}

.abputUsSec .row.mt-10:last-child .sectionTitle {
	font-size: 170px;
	line-height: 50px;
}

.aboutFullImg {
	position: absolute;
	right: 0;
	max-width: 70%;
	top: 50%;
	transform: translate(0, -50%);
}


/***aboutUs-end***/

/***OurTeam-start***/

.ourteamcont {
	padding: 60px 30px ;

}
.ourteamcont h2{font-weight: 500;}
.ourteamcont p {
	line-height: 27px;
}

.ourteamcont h4 {
	font-size: 22px;
	margin-bottom: 5px;
}

.ourteamImg {
	height: 100%;
	text-align: center;
	align-items: center;
	display: flex;
	position: relative;
}

.ourteamImg img {
	transition: all 0.5s ease;
}
.sectionTitle.ourteamtitle{
	margin-top: -32px;
}
/***OurTeam-end***/

/***Portfolio-start***/

.portfolio1 .container-fluid {
    width: 100%;
    padding: 0;
}
div#portfoliolist {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.portfolio1.allsectxt  h2 {
    font-weight: bold;
    font-size: 36px;
	text-transform: uppercase;
	line-height: 45px;
}
.portfolio1.allsectxt  h2 span {
    font-weight: 400;
    font-size: 36px;
}

#filters {
	margin:1%;
	padding:0;
	list-style:none;
}

	#filters li {
		float:left;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;		
		text-decoration:none;
		color:#666;
		cursor: pointer;
	}
	
	#filters li span.active {
		background: transparent;
		color: #0f0f0f;
		border-bottom: 2px solid #000;
		padding-bottom: 8px;
	}
     

 
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:50%;
	margin:0% auto;
	display:none;
	float:left;
	overflow:hidden;
	height: 600px;
}

	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		
		cursor:pointer;
		transition: all .5s ease;
	
	}
	/*.portfolio-wrapper1 {
	
		background:url("../images/portfolio2.png") no-repeat;
	
	}
	.portfolio-wrapper2 {
		
		background:url("../images/portfolio3.png") no-repeat;
	
	}
	.portfolio-wrapper3 {
		
		background:url("../images/portfolio4.png") no-repeat;
		
	}
	.portfolio-wrapper4 {

		background:url("../images/portfolio5.png") no-repeat;
		
	}
	.portfolio-wrapper5 {
		
		background:url("../images/portfolio6.png") no-repeat;
		
	}

	.portfolio-wrapper6 {
		
		background:url("../images/portfolio2.png") no-repeat;
		
	}
	.portfolio-wrapper7 {
		
		background:url("../images/portfolio3.png") no-repeat;

	}
	.portfolio-wrapper8 {
		
		background:url("../images/portfolio4.png") no-repeat;
	
	}
	.portfolio-wrapper9 {
		
		background:url("../images/portfolio5.png") no-repeat;
	
	}*/
	.portfolio-wrapper:hover {
		background: #31ffe8 !important;
		background: -moz-linear-gradient(left, #31ffe8 0%, #2f94e2 100%) !important;
		background: -webkit-linear-gradient(left, #31ffe8 0%,#2f94e2 100%) !important;
		background: linear-gradient(to right, #31ffe8 0%,#2f94e2 100%) !important;
	}
	.portfolio img {
		max-width: 100%;
		/* position: relative;
		top: 50px; */
		-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
		text-align: right;
		/* right: -68px; */

		height: 550px;
		float: right;
	}
	
	
	.portfolio .text-category {
		display:block;
		font-size:9px;
	}
	.portfoliotitle {
		/* padding-left: 50px; */
		padding: 26px 50px 0;
	}

	.portfoliotitle h4 {
		margin-bottom: 10px;    text-transform: uppercase;
	}
	.portfoliotitle a {
		font-size: 28px;    transition: all 0.5s ease;
		animation: updown 2s linear infinite;max-width: 50px;;
	}
	.portfoliotitle a .icon-next:before {
		content: "\e909";
		color: #000;
	}
	
	/* .portfolio:hover .label {
    bottom:0;
  }
	.portfolio:hover img {
    top:-30px;
  }   */



/***Portfolio-end***/

/***contactUs-start***/

.contactfull-slide {
	position: absolute;
	right: 5%;
	max-width: 70%;
	top: 33%;
	transform: translate(0, -26%);
}

.contactSlider .slick-dots li button:before {
	font-family: 'slick';
	font-size: 0px !important;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #474848;
}

.contactSlider.slick-initialized.slick-slider.slick-dotted {
    z-index: 9;
}
.contactSlider .slick-list.draggable {
	margin: 85px -15px 0;
	overflow: hidden;
}

.contactSlider .slick-dots li.slick-active button:before {
	color: #d0e0f0;
}

.contactSlider .slick-dots li button:hover {
	color: #d0e0f0;
	opacity: .25;
}

.contactUsSec .subCnt {
	width: 100%;
	max-width: 100%;
	position: relative;
}

.contactUsSec .subCnt h2:after {
	content: "";
	position: absolute;
	bottom: -20px;
	height: 5px;
	width: 110px;
	background: linear-gradient(to right, #31ffe8, #2f94e2);
	border-radius: 20px;
	left: 0;
}

.contactUsSec {
	margin-bottom: 7%;
	position: relative;
}

.contactmapImg {
	display: flex;
	position: absolute;
	right: 0;
	top: 115px;
	min-width: 60%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	z-index: auto;
	background-image: url(../images/contactmap.png);
	background-position: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 175px;
	padding-right: 100px;
	transition: all .5s ease;
}

.contacttouchForm .form-control:focus,
.contacttouchForm .form-control:active {
	background: #fff;
}

.contactCont ul li:last-child {
	border-left: 2px solid #d1d1d1;
	margin-left: 14px;
	padding-left: 13px;
}

.contactCont ul li:last-child a i {
	display: none;
}

.contactmapImg img {
	transition: all 0.5s ease;
	/* box-shadow: 0 17px 57px rgba(0,0,0,0.18); */
}

.contactCont ul li {
	margin-bottom: 30px;
	padding-left: 50px;
	position: relative;
	min-height: 41px;
	display: flex;
	align-items: center;
	float: left;
	margin-left: 12px;
}

.contactCont ul li a {
	color: #000000;
	font-size: 14px;
}

.contactCont ul li a i {
	border: 1px solid #d9d9d9;
	position: absolute;
	height: 35px;
	width: 35px;
	left: 0;
	top: 5px;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
	line-height: 35px;
	border-radius: 50%;
}

.contactCont {
	padding: 50px 40px 30px;
	border-radius: 15px;
	box-shadow: 0 7px 21px rgba(0, 0, 0, 0.19);
	background: #fff;
	position: relative;
	z-index: 9;
}

.contactCont h4 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 30px;
}

.contacttouchForm {
	padding-top: 18px;
	clear: both;
}

.contacttouchForm .lablePlaceholder {
	position: relative;
	top: 0
}

.contacttouchForm .form-group .btn-submit {
	margin-top: 10px;
}
.contacttouchForm .form-group .btn-submit:hover {
    background: transparent;
    color: rgb(58, 186, 226);
    box-shadow: 0 0 5px;
}

.contacttouchForm .lablePlaceholder label {
	position: absolute;
	left: 0px;
	top: 8px;
	transition: top .2s ease-in-out;
	background: #fff;
	padding: 1px 3px;
	z-index: -1;
}

.contacttouchForm .form-control {
	height: 47px;
	border: 0;
	border-bottom: 2px solid #e8e8e8;
}

.contacttouchForm textarea.form-control {
	min-height: 80px;
}

.contacttouchForm .form-control:focus {
	border-bottom-color: transparent;
}

.contacttouchForm .form-control {
	border-radius: 2px;
	margin-bottom: 1px;
	background: #e8e8e8;
	color: #343a3b;
	box-shadow: 0 0 10px #dadada;
}

.contacttouchForm .focused .form-control+label {
	top: -15px;
	z-index: 1;
}

.contacttouchForm .form-control.filled {
	border-color: #32cbe5;
	box-shadow: none;
}

.trace-location {
	width: 100%;
}

.trace-location ul li {
	display: inline-block;
	width: 32.3%;
	position: relative;
}

.trace-location ul li a {
	color: #000000;
	font-size: 16px;
	position: relative;
}

.trace-location ul li:first-child {
	top: -169px;
	padding-left: 0;
	padding-top: 37px;
	left: -28px;
}

.trace-location ul li:nth-child(2) {
	top: -73px;
	text-align: center;
	left: 10%;
}

.trace-location ul li:last-child {
	top: -47px;
	left: 20px;
}

.trace-location ul li:hover .address-box {
	transform: scale(1);
}

.address-box {
	background: #fff;
	padding: 16px;
	border-radius: 11px;
	box-shadow: 0 0 24px #b3b3b388;
	position: absolute;
	bottom: 56px;
	transition: all 0.4s ease-in 0s;
	transform: scale(0);
	transform-origin: bottom;
	z-index: 9999;
	text-align: left;
	min-width: 280px;
}

.address-box:after {
	border-top: 15px solid #f5f5f5;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	bottom: -13px;
	content: "";
	position: absolute;
	left: 23%;
	margin-left: 0px;
	width: 0;
	height: 0;
}

/***contactUs-end***/


/***lifeatmobiweb-start***/

.lifeAtsec .subCnt {
	width: 100%;
	max-width: 100%;
	position: relative;
}

.lifeAtsec .subCnt h2:after {
	content: "";
	position: absolute;
	bottom: -20px;
	height: 5px;
	width: 110px;
	background: linear-gradient(to right, #31ffe8, #2f94e2);
	border-radius: 20px;
	left: 0;
}

.lifeAtsec {
	position: relative;
}

.main_innerbanner.mobiwebTeam_page {
	height: 500px;
	display: flex;
	align-items: center;
}

.lifeatMobiweb.ComnBanner {
	width: 100%;
	color: #fff;
}

.lifeatMobiweb.ComnBanner p {
	color: #fff;
}

.lifeatMobiweb .main_heading h1 {
	position: relative;
	display: inline-block;
	padding-bottom: 12px;
	font-size: 40px;
}

.lifeatMobiweb .main_heading h1::after {
	content: "";
	position: absolute;
	width: 80px;
	height: 2px;
	background: #fff;
	left: 0;
	bottom: -6px;
}

section.teamGallery {
    top: -122px;
    position: relative;
}
/***lifeatmobiweb-end***/


/****workatMobiweb-start*****/

.workCont {
	background: url('../images/workbg.png');
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 131px 136px;
	background-position: right center;
}

.workCont h4 {
	font-size: 30px;
	margin-bottom: 25px;
}

.workCont p {
	line-height: 30px;
}

.workAtSec .container .row:nth-child(2n) .workCont {
	background-position: left center;
}

.workAtSec {
	margin-top: -80px;
}


/****workatMobiweb-end*****/


/*****Blog page css start******/

.blogSec1 .subCnt {
	width: 100%;
	max-width: 100%;
	position: relative;
}

.blogSec1 .subCnt h2:after {
	content: "";
	position: absolute;
	bottom: -6px;
	height: 5px;
	width: 110px;
	background: linear-gradient(to right, #31ffe8, #2f94e2);
	border-radius: 20px;
	left: 0;
}


.blogSec1 .blog-left a.btn-submit {
    box-shadow: 0 0 14px #c6c6c6;
    line-height: 22px;
    padding: 15px 30px;
    font-weight: 600;
    margin-right: 10px;
    color: rgb(58, 186, 226);
    transition: all 0.3s ease-in 0s;
    margin-top: 30px;
    background: transparent;
}
.blogSec1 .blog-left a i{
	padding-left: 20px;
}

.allsectxt .subCnt {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.allsectxt h2 {
	line-height: 36px;
	font-size: 30px;
}
.allsectxt .subCnt h2:after{
content: "";
position: absolute;
bottom: -20px;
height: 5px;
width: 110px;
background: #31ffe8; /* Old browsers */
background: -moz-linear-gradient(left, #31ffe8 0%, #2f94e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #31ffe8 0%,#2f94e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #31ffe8 0%,#2f94e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius: 20px;
left: 0;
}
.allsectxt strong{
text-transform: uppercase;}

.blogSec1 .blog-left a:hover {
	background: #31ffe8; /* Old browsers */
background: -moz-linear-gradient(left, #31ffe8 0%, #2f94e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #31ffe8 0%,#2f94e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #31ffe8 0%,#2f94e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #fff;
}

.blogSec1 .blogleft-cont h2 {
	font-size: 20px;
	margin-bottom: 0px;
	color: #23282f;
	font-weight: 600;
	line-height: 25px;
}

.blogSec1 .blogleft-cont span {
	color: #3abae2;
	font-size: 20px;
	font-weight: 400;
}

.blogSec1 .blogleft-cont p {
	line-height: 30px;
	margin-top: 20px;
	font-size: 14px;
}

.blogSec1 .blogleft-cont a .icon-next:before {
	content: "\e909";
	color: #3abae2;
}

.blogSec1 .blogleft-cont a:hover .icon-next:before {
	color: #fff;
}

.blogSec1 .blogright {
	width: 100%;
	padding-left: 20px;
}

.blogSec1 .blogright ul {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.blogSec1 .blogright li {
	display: block;
	padding: 10px 0;
}

.blogSec1 .blogright li a {
	color:  #55595f;
}
.blogSec1 .blogright li a:hover{
	color: #3abae2;
}

.blogSec1 .blogright li a i {
	float: right;
	
}

.blogSec1 .blogright .recentblog {
	width: 100%;
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
}
.blogSec1 .blogright .recentblog h4{
	font-size: 30px;
}
.blogSec1 .blogright .recentblogright {
	padding-left: 27px;
}
.blogSec1 .blogright .recentblogright h5 {
    font-size: 18px;
}
.blogSec1 .blogright .recentblogright h5 {
	padding: 10px 0 5px;
	color: #23282f;
}

.blogSec1 .blogright .recentblogright span {
	color: #3abae2;
}

.blogSec1 .blogright .blog_tag {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.blogSec1 .blogright .blog_tag li {
	display: inline-block;
}

.blogSec1 .blogright .blog_tag a:hover {
	background: #31ffe8; /* Old browsers */ background: -moz-linear-gradient(left, #31ffe8 0%, #2f94e2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #31ffe8 0%,#2f94e2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #31ffe8 0%,#2f94e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-color: #fff;
	color: #fff;
}

.blogSec1 .blogright .blog_tag a {
	display: inline-block;
	border: 2px solid #e6e6e6;
	line-height: 22px;
	padding: 6px 15px;
	border-radius: 32px;
	min-width: 100px;
	text-align: center;
	font-size: 14px;
	margin-right: 5px;
	color: rgba(28, 27, 32, 0.7);
	transition: all 0.3s ease-in 0s;
}


/*****Blog page css end******/


/*****angular page css start******/
.developTypeCnt.serviceDevlop ul.custom-description  {
    width: 100%;
    list-style-type: disc !important;    display: table;
}
.developTypeCnt.serviceDevlop ul.custom-description li {
    display: block !important;
    max-width: 50% !important;
    padding: 2px 20px;
    margin-bottom: 5px !important;
    height: auto !important;list-style-type: disc !important;
    position: relative;
    font-size: 14px;
}
.developTypeCnt.serviceDevlop ul.custom-description li::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50px;
    top: 11px;
}

.innerPortfolio .sectionTitle {
	position: absolute;
    left: 0;
    right: 0;
	padding: 50px 0;
	margin-top: -33px;
    padding: 55px 0;
    font-size: 230px;
}
.angularcont p {
    line-height: 40px;
    margin-bottom: 30px;
}
.mobileSec.angularcont {
    padding: 60px;
}

.angularcont .btn:hover{
    box-shadow: 0 0 14px #c6c6c6;
    margin-right: 10px;
    color: rgb(58, 186, 226);
    transition: all 0.3s ease-in 0s;
 	background: transparent;
}
/*****angular page css end******/

/*****privacy page css start******/

.privacy-policy{
	padding: 100px 0;
}
.title.privacy h4{
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
	padding-bottom: 15px
	color:#fff;
}

.title.privacy h4:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 3px
}
.title.privacy.align_left h4 {
    border-bottom: 1px solid #333;
    margin-bottom: 30px;
    text-align: left;
}
.title.privacy{
    font-size: 30px;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 15px;
}

.title.privacy h4::after {
    margin: 0;
    bottom: -1px;
}

.title.privacy h4:after  {
    background: #2f98e2;
}
.title.privacy h4:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
   
    width: 70px;
    height: 3px;
}
.innercontent{
	padding: 30px; background: #f5f5f5;
}

.innercontent p, .innercontent h4 {
	color: #000;
	margin: 10px 0;
}
.innercontent li {
	position: relative;
    top: 0%;
    font-size: 20px;
    padding-left: 30px;
}
.innercontent li::after {
    content: ".";
    position: absolute;
    /* top: 0; */
    left: 0;
    font-size: 78px;
    color: #000;
    bottom: -20px;
    border-radius: 63px;
}



.sitemap_menus ul {
    border-left: 1px dashed;
    padding-left: 40px
}

.sitemap_menus ul li {
    position: relative
}

.sitemap_menus ul li a {
    display: inline-block;
    padding: 7px 0
}

.sitemap_menus ul li:after {
    content: "";
    position: absolute;
    left: -40px;
    width: 30px;
    height: 1px;
    border-bottom: 1px dashed;
    top: 17px
}

.sitemap_menus ul li ul {
    margin-left: 10px
}


/*****privacy page css start******/

/*****career page css start******/
.career.card {
    padding: 20px;
    background: #ffff;
	box-shadow: 0 0 28px #e8e8e8eb;
	height: auto;
	position: relative
	top:0;
}
.career.card h4{
	color: #2f94e2;
	position: relative;
}

.career.card h4::after {
    content: "";
    position: absolute;
	width: 100%;
    height: 3px;
    background: #31ffe8;
    background: -moz-linear-gradient(left, #31ffe8 0%, #2f94e2 100%);
    background: -webkit-linear-gradient(left, #31ffe8 0%,#2f94e2 100%);
    background: linear-gradient(to right, #31ffe8 0%,#2f94e2 100%);
    left: 0px;
    bottom: -9px;
    max-width: 244px;
}

.career.card::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 10px;
    background: #2ec7da;
    left: 30px;
    bottom: -9px;
}

.career li {
    margin: 7px 0;
}
.career li  a{
	margin: 7px 0;
	color: #474747;
}
.career li a img  {
	padding-right: 6px;
   
}

.career h4 {
    color: red;
}
.career h4::after {
	position: absolute;
	content: "";
	height: 2px;
	width: 100%;
    color: red;
}
.applybtn a.btn.btn-submit {
    float: right;
}

.applybtn a.btn.btn-submit:hover {
    box-shadow: 0 0 14px #c6c6c6;
    line-height: 22px;
    font-weight: 600;
    color: rgb(58, 186, 226);
    transition: all 0.3s ease-in 0s;
	background: transparent;
}
.footerMenu1 li{
	display: inline-block;
}
.footerMenu1 li a {
	color: #000;
    line-height: 18px;
    font-size: 15px;
    letter-spacing: 0.01em;
    border-right: 1px solid #474747;
    -webkit-transition: all 0.4s ease-in-out 0.1s;
    -moz-transition: all 0.4s ease-in-out 0.1s;
    transition: all 0.4s ease-in-out 0.1s;
    margin: 10px 0px 0;
    padding: 0px 8px 0;
    height: 20px;
}
.footerMenu1 li:last-child a{
	border-right: none;
}
.footerMenu1 li a:hover {
	padding-left: 5px;
	color: #2f94e2;
}
.footerMenu1 .address li:first-child {
    top: 0;
 }
.footerMenu1 .address li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
	font-size: 14px;
	/* color: #000; */
	line-height: 20px;
	    width: 47%;
    display: inline-block;
    margin-right: 10px;
    top: 20px;
}

.footerMenu1 .address li img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 20px;
	transition: all 0.5s ease;
	animation: updown 2s linear infinite;
}


/*****career page css end******/
/*****healthcare page css start******/
.developTypeCnt.serviceDevlop .healthcont{
	height: 250px;;
}

.developTypeCnt.serviceDevlop .healthcont li{
 	padding: 18px 7px 20px;
    border-radius: 15px;
    box-shadow: 0 7px 21px rgba(0, 0, 0, 0.19);
	background: #fff;
	height: auto;
    margin: 0 2px;
}
.developTypeCnt.serviceDevlop .healthcont h5 {
    font-size: 20px;
    margin: 10px 0;
    font-weight: 500;
}

.developTypeCnt.serviceDevlop .health-txt-chose li{

	width: 100%;
	padding-left: 30px;
	display: flex;
	position: relative;
	max-width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}
.developTypeCnt.serviceDevlop .health-txt-chose li::before{
	content: "";
	position: absolute;
	left: 0;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50px;
    top: 11px;

}
/*****healthcare page css end******/
/*****contant css end******/

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #373435;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}



/*****Footer css start******/

.footerSec {
	position: relative;
	overflow: hidden;
	padding-top: 100px;
}

.footerSec {
	position: relative;
	overflow: hidden;
	padding-top: 100px;
}

.footerSec::after {
	content: "";
	position: absolute;
	background: rgba(229, 229, 229, 0.3);
	left: -121px;
	top: 135px;
	width: calc(100% + 194px);
	height: calc(100% + 100px);
	transform: rotate(7deg);
}

.topFooter {
	position: relative;
	z-index: 1;
}
.footerSec .topFooter .col-sm-2 {
    padding: 0 12px;
}
.footerSec .container-fluid {
	max-width: 1300px;
}

.footerLogo {
	margin-bottom: 30px;
}

.footerLogo a {
	display: block;
	max-width: 250px;
	margin-bottom: 25px;
}

.footerLogo p {
	line-height: 25px;
	letter-spacing: 0.05em;
	font-size: 14px;
}

.topFooter h4 {
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 25px;
	font-weight: 400;
}


.footerMenu li a {
	color: #000;
	line-height: 35px;
	font-size: 15px;
	letter-spacing: 0.01em;
	-webkit-transition: all 0.4s ease-in-out 0.1s;
	-moz-transition: all 0.4s ease-in-out 0.1s;
	transition: all 0.4s ease-in-out 0.1s;
}

.footerMenu li a:hover {
	padding-left: 5px;
	color: #2f94e2;
}
.footerMenu .address li:first-child {
    top: 0;
 }
.footerMenu .address li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
	font-size: 14px;
	/* color: #000; */
	line-height: 20px;
	    width: 47%;
    display: inline-block;
    margin-right: 10px;
    top: 0px;
}

.footerMenu .address li img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 20px;
	transition: all 0.5s ease;
	animation: updown 2s linear infinite;
}




.footerMenu .address li span {
	font-size: 16px;
	display: block;
	text-transform: uppercase;
	font-weight: 500;
}

.ftr_social {
	padding: 20px 5px;
	position: fixed;
	left: 0px;
	bottom: 20%;
    background:#b7b7b7;
    border-radius: 0px 22px 22px 1px;
/*  box-shadow: 0 0 8px rgba(0, 0, 0,.5);
*/
}
.ftr_social ul{padding: 10px 5px;}
.ftr_social ul li {
	display: block;
	margin-right: 2px;
	margin-bottom: 10px;
}
.ftr_social ul li a {
	height: 40px;
	width: 40px;
	display: block;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	transition: all 0.3s ease-in 0s;
}

.ftr_social ul li a:hover {
	color: #fff;
	background: #31ffe8;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #31ffe8 0%, #2f94e2 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #31ffe8 0%, #2f94e2 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: #31ffe8; /* Old browsers */ background: -moz-linear-gradient(left, #31ffe8 0%, #2f94e2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #31ffe8 0%,#2f94e2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #31ffe8 0%,#2f94e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-color: #fff;

}

.googleRating {
	text-align: center;
	padding: 50px 0 25px;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.03em;
}

.googleRating a {
	color: #27c8d9;
	font-weight: 600;
	text-decoration: underline;
}

.bottomFooter {
	text-align: center;
	padding: 20px;
	border-top: 1px solid rgba(95, 95, 95, 0.2);
	font-weight: 500;
	color: rgba(0, 0, 0, 0.5);
	z-index: 1;
	position: relative;
}


/*****Footer css end******/

.clientSlider.swiper-container-vertical {
	height: 450px;
	position: relative;
	overflow: hidden;
}

.clientSlider .swiper-pagination {
	position: absolute;
	left: 0;
	bottom: 40px;
	background: transparent;
	z-index: 1;
	top: auto;
	left: 60px;
}

.clientSlider .swiper-pagination-bullet {
	display: block;
	background: #91979a;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	margin: 5px 0;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #96e3f0;
}


/* .loaderPar {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
} */

div#loader {
	background: #fbf8f3;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
	text-align: center;
	height: 100%;
}



.nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 30px;
}

@media screen and (min-width: 769px) {
  #nav-tabs-wrapper {
    display: block!important;
  }
}
@media screen and (max-width: 768px) {
    .nav-tabs-dropdown {
        display: block;
    }
    #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }
   .nav-tabs-horizontal {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   }
    .nav-tabs-horizontal  > li {
        float: none;
    }
    .nav-tabs-horizontal  > li + li {
        margin-left: 2px;
    }
    .nav-tabs-horizontal > li,
    .nav-tabs-horizontal > li > a {
        background: transparent;
        width: 100%;
    } 
    .nav-tabs-horizontal  > li > a {
        border-radius: 4px;
    }
    .nav-tabs-horizontal  > li.active > a,
    .nav-tabs-horizontal  > li.active > a:hover,
    .nav-tabs-horizontal  > li.active > a:focus {
        color: #ffffff;
        background-color: #428bca;
    }
}