body{margin:0;padding:0; overflow-x:hidden;line-height: 1.6 !important;}

/* HTML Elements */
ul, ol {margin: 0; padding:0;font-family:'poppins-light';}
/* HTML Elements ends */

/* Selection Color */
::-moz-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::-webkit-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::-o-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::-ms-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::selection {    background: #00589c;
	color: #ffffff; text-shadow:none;}
/* Selection Color ends */

/* Typography CSS */
@font-face
{
	font-family:'Exo2.0-Bold';
    src:url(../fonts/Exo2.0-Bold.ttf);
}
@font-face {
    font-family: 'barkentina_1regular';
    src: url('../fonts/barkentina_1-webfont.eot');
    src: url('../fonts/barkentina_1-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/barkentina_1-webfont.woff2') format('woff2'),
	url('../fonts/barkentina_1-webfont.woff') format('woff'),
	url('../fonts/barkentina_1-webfont.ttf') format('truetype'),
	url('../fonts/barkentina_1-webfont.svg#barkentina_1regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 @font-face{
	 font-family: 'Open Sans';
	 src: url('../fonts/OpenSans-Regular.ttf');
	 src: url('../fonts/OpenSans-Regular.ttf') format('truetype'),
	 font-weight: normal;
	 font-style: normal;

 }

/* Typography CSS ends */

/* Global CSS */
.clear{clear:both;}
.no-padding{padding-right:0;padding-left:0;}
.no-paddingR{padding-right:0;}
.no-paddingL{padding-left:0;}

/* Some Padding Field Changes ( for below media queries written) */
.change-padding{padding-right:15px; padding-left:15px;}
.change-paddingR{padding-right:0px;}
.change-paddingL{padding-left:0px;}
.spl-padding{padding-right:0;padding-left:0;}
/* Some Padding Field Changes ends */
img{max-width:100%;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.change-padding{padding-right:0px; padding-left:0px;}
	.change-paddingR{padding-right:15px;}
	.change-paddingL{padding-left:15px;}
	.spl-padding{padding-right:15px;padding-left:15px;}
}
@font-face
{
	font-family:'poppins-light';
	src:url(../fonts/Poppins-Light.otf);
}
h1, .h1 {
	font-size: 36px;
	font-family:'poppins-light';
	/* text-transform: uppercase; */
}
p {
	font-family:'poppins-light';
	color: #737373;
}


h5, .h5 {
	font-size: 17px;
	font-family:'poppins-light';
	font-weight: bold;
}
.blue
{
background: #00589c;
color: #fff;
padding: 5px 0px;
}
.blue p{margin: 0 0 0px;color: #fff;}
.social-icon {
	list-style: none;
	padding: 0;
	margin: 0;
  }

  .social-icon li{
	display: inline-block;
	text-align: center;
  }

  .social-icon a {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 27px;
    border-radius: 50%;
    margin-right: 5px;
  }

  .social-icon a {
	background: rgba(255, 255, 255, 0.85); /* social icon background color */
	color: #000; /* social icon color */
  }

  .social-icon a:hover {
	background: rgba(255, 255, 255, 0.25); /* social icon hover background color */
	color: #fff; /* social icon hover color */
  }

  header {
	position: relative;
	background-size: cover;
	background-color: #ffffff;
	background-position: center;
    padding-top: 30px;
	padding-bottom: 40px;
	z-index: 66666;
  }

  .navbar {
	position: absolute;
	width: 100%;
	top: 0px;
	margin-bottom: 0px;
	border-radius: 0px;
	background-color: transparent;
	border: transparent;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
  }
  .navbar-default .navbar-nav > li > a:hover {
	color: #00589c;
	background-color: transparent;
  }
  .navbar-nav > li > a {

	line-height: 50px;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
  }
  .navbar-default .navbar-nav > li > a {
	color: #000;
	font-size: 14.5px;
  }
  .navbar-brand {
		padding: 10px 15px;
  }
  .navbar-brand img {
	width: 100%;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
  }
  .shrink-nav {
	color: #000 !important;
	top: 0px;
	background-color: #fff;
	position: fixed;
	box-shadow: 1px 1px 1px #c5c5c5;
  }
  .shrink-nav img {
	 width: 60%;
	 -webkit-transition: all ease-in-out 0.4s;
	 -moz-transition: all ease-in-out 0.4s;
	 -o-transition: all ease-in-out 0.4s;
	 transition: all ease-in-out 0.4s;
}
  .shrink-nav .navbar-nav > li > a {
	color: #000 !important;
	line-height: 24px;
  }
  @media (max-width: 767px) {
	.navbar-nav > li > a {
	  line-height: 20px;
	}
	.navbar-brand {
	  padding: 7px 15px;
	}
	.navbar-brand img {
	  width: 144px;
	}
  }

  .nav > li > a {

	padding: 10px 15px;
}

.navbar-default .social-icon {
    list-style: none;
    padding: 0;
	margin: 0;
	display: none ;
}
.shrink-nav  .social-icon {
    list-style: none;
    padding: 0;
	margin: 0;
	display:flex;
	margin-top: 11px;
}
.shrink-nav .social-icon a  {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
    background: #02579b;
}

.shrink-nav .social-icon a:hover {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
	background: #2893e8;
	transition:2s;
}


#first-slider .main-container {
	padding: 0;
  }


  #first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
	  color: #fff;
	  font-size: 36px;
		/* text-transform: uppercase; */
		font-family: 'monda', sans-serif !important;
		font-weight:bold;
		letter-spacing:4.1 !important;
  }

  #first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
		color: #fff;
    font-size: 19px;
    /* text-transform: uppercase; */
    font-family: 'gotham', sans-serif !important;
		letter-spacing: 2px;
		line-height: 28px;



  }
  #first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
	  padding-left: 40px;
  }


  #first-slider .carousel-indicators {
	bottom: 0;
  }
  #first-slider .carousel-control.right,
  #first-slider .carousel-control.left {
	background-image: none;
  }
  #first-slider .carousel .item {
	height: 561px;
	  width: 100%;
	  background-size: cover;
  }

  .carousel-inner .item .container {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: absolute;
	  bottom: 0;
	  top: 0;
	  left: 0;
	  right: 0;
  }


  #first-slider h3{
	animation-delay: 1s;
  }
  #first-slider h4 {
	animation-delay: 2s;
  }
  #first-slider h2 {
	animation-delay: 3s;
  }


  #first-slider .carousel-control {
	  width: 6%;
		  text-shadow: none;
  }


  #first-slider h1 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: bold;
  }

  #first-slider .p {
	padding-top: 125px;
	text-align: center;
  }

  #first-slider .p a {
	text-decoration: underline;
  }
  #first-slider .carousel-indicators li {
	  width: 14px;
	  height: 14px;
	  background-color: rgba(255,255,255,.4);
	border:none;
  }
  #first-slider .carousel-indicators .active{
	  width: 16px;
	  height: 16px;
	  background-color: #00589c;
	border:none;
  }


  .carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
  }
  .carousel-fade .carousel-inner .item,
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
	opacity: 0;
  }
  .carousel-fade .carousel-inner .active,
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
  }
  .carousel-fade .carousel-inner .next,
  .carousel-fade .carousel-inner .prev,
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-control {
	z-index: 2;
  }

  .carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
	  position: absolute;
	  top: 50%;
	  z-index: 5;
	  display: inline-block;
  }
  .carousel-control .fa-angle-left{
	  left: 50%;
	  width: 38px;
	  height: 38px;
	  margin-top: -15px;
	  font-size: 30px;
	  color: #fff;
	  border: 3px solid #ffffff;
	  -webkit-border-radius: 23px;
	  -moz-border-radius: 23px;
	  border-radius: 53px;
  }
  .carousel-control .fa-angle-right{
	  right: 50%;
	  width: 38px;
	  height: 38px;
	  margin-top: -15px;
	  font-size: 30px;
	  color: #fff;
	  border: 3px solid #ffffff;
	  -webkit-border-radius: 23px;
	  -moz-border-radius: 23px;
	  border-radius: 53px;
  }
  .carousel-control {
	  opacity: 1;
	  filter: alpha(opacity=100);
  }


  /********************************/
  /*       Slides backgrounds     */
  /********************************/
  #first-slider .slide1 {
	  background-image: url(../images/bc1.jpg);
		background-size: cover;
	  background-repeat: no-repeat;
  }
  #first-slider .slide2 {
	background-image: url(../images/sh.jpg);
		background-size: cover;
	  background-repeat: no-repeat;
        background-position: center;
  }
  /* #first-slider .slide3 {
	background-image:  url(../images/slide3.jpg);
		background-size: cover;
	  background-repeat: no-repeat;
        background-position: center;
  } */
  #first-slider .slide4 {
	background-image: url(../images/data_analyst.jpg);
		background-size: cover;
	  background-repeat: no-repeat;
    background-position: center;
  }

  .blackbg
  {    background: #00000069;
    padding: 4px 18px 18px 13px;}


  /********************************/
  /*          Media Queries       */
  /********************************/
  @media screen and (min-width: 980px){

  }
  @media screen and (max-width: 640px){

  }

  .one
  {
	padding: 100px 0px;
  }
  .bluebg
  {background: #00589c;
    padding: 50px 0px 50px 100px;
	width: 85%;}
.bluebg img{margin-left: 97px;
	 border: 5px solid #fff;}

.one ul{list-style-image: url(../images/dot.png);}
.one ul li{padding: 6px 2px;
    font-size: 15px;
	font-weight: 600;
	margin-left: 26px;
}

.two
{

    padding: 70px 1px 0px;

/* background: url(../images/ser.jpg) no-repeat 0px 0px fixed !important; */
background-size: cover !important;

text-align: -webkit-center;

}

h3, .h3 {
	font-size: 31px;
	color: #00589c;
}

.three {
	padding: 92px 0px 120px;
}

.two .nav-tabs { border-bottom: 2px solid #DDD;margin-bottom: 40px;}
.two .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.two .nav-tabs > li > a { border: none; color: #666;font-size: 18px;text-align: center; }
.two .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #02579b !important; background: transparent; }
.two .nav-tabs > li > a::after { content: ""; background: #02579b; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.two .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.two .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }

.two .tab-pane { padding: 5px 0; }
.two .tab-content{padding:5px}
.two .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	width: 33.33%;
}


.rotatez {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  display: block;
  margin-right: auto;
  margin-left: auto;

}

 .yo:hover .rotatez {

  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

 .yo
 {
	padding: 23px 15px;
	/* border: 1px solid #eaeaea; */
	min-height: 195px;
-webkit-transition: all ease-in-out 0.4s;
-moz-transition: all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;}
.yo:hover {
    background: #ffffff;
    padding: 23px 15px;
    /* border: 1px solid #eaeaea; */
    color: #00589c;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    box-shadow: 0px 0px 20px 1px #ded9d9;
}
.yo p{font-size: 13px; text-align: left}
.yo:hover p{color: #737373;
	transition: 1s;}
	.yo h4{text-align: left;}
	.whitesec
	{background: #fff;
    border-radius: 15px;
		/* box-shadow: 3px 3px 9px #d8d8d8; */
	}

		.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
		.MultiCarousel .MultiCarousel-inner .item > div {
			text-align: center;
			padding: 20px;
			margin: 15px;
			background: #ffffff;
			border-top: 3px solid #00589c;
			color: #666;
			min-height: 404px;
		}
		.MultiCarousel .MultiCarousel-inner .item > div:hover {
			text-align: center;
			padding: 20px;
			margin: 15px;
			background: #ffffff;
			border-top: 3px solid #00589c;
			color: #666;
			min-height: 404px;
			box-shadow: 0px 0px 20px 1px #ded9d9;
		}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0;     display: none;}
    .MultiCarousel .rightLst { right:0;     display: none;}

				.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#00589c; }
				.lead {
					font-size: 21px;
					color: #00589c;
			}

/* Slider */
.slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
}

.slick-slider
{
	position: relative;

	display: block;
	box-sizing: border-box;
	margin-top:-50px;
	margin-bottom: 100px;
	-webkit-user-select: none;
		 -moz-user-select: none;
			-ms-user-select: none;
					user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
			touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
		 -moz-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			 -o-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;

	display: block;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

.four
{background: #e2e8f1}

.parallax {
	background:url(../images/career.jpg) no-repeat 0px 0px fixed !important;
	background-size: cover !important;
	padding: 100px 1px 100px 0px;
	color: #fff;
	text-align: -webkit-center;
}
.parallaxbtn
{    padding: 10px 54px;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #fff;
	color: #00589c;
	margin-top: 20px;}
	.parallaxbtn:hover {
    padding: 10px 54px;
    background: #00589c;
    border-radius: 15px;
    border: 1px solid #fff;
    color: #ffffff;
    margin-top: 20px;
    transition: 1s;
}

.counter {
	background-color:#ffffff;
	padding: 20px 0;
	border-radius: 5px;
}

.count-title {
	font-size: 25px;
	/* font-weight: 600; */
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
}

.count-text {
	font-size: 27px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
	color: #000;
}

.fa-2x {
	margin: 0 auto;
	float: none;
	display: table;
	color: #4ad1e5;
}
.five
{padding: 90px 1px;}

#map {
  height: 100%;
}

footer
{    background: url(../images/footer.jpg);
	padding: 40px 1px 10px;
	background-repeat: no-repeat;
	background-size: cover;

}

footer .social-icon a {
	background: rgb(0, 0, 0);
	color: #f5f5f5;
	border: 1px solid #000;
}
footer .social-icon a:hover {
	background: rgba(255, 255, 255, 0.25);
	color: #000;
	border: 1px solid #000;
}

footer .social-icon a {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 27px;
border-radius:  0%;
	margin-right: 5px;
}
footer hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #767676;
}
ul#menu li {
	display: inline;
	padding: 1px 10px;
	color: #5f5f5f;
}
ul#menu li a{
	color: #5f5f5f;
}
ul#menu li a:hover{
	color: #04599d;
}
.address
{    padding: 18px 0px;}

@media screen and (max-width: 767px) and (min-width: 300px) {

	.navbar-brand {
		padding: 0px 15px;
    /* margin-top: -28px;  Original   */
		    margin-top: -45px;
}
.no {
    font-size: 230px !important;
    font-weight: 600;
    color: #00589c;
    float: left;
    margin-right: 15px;
}

.two .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	width: 100.33%;
}

#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3 {
	color: #fff;
	font-size: 21px;
	text-transform: uppercase;
	font-family: 'monda', sans-serif !important;
	font-weight: bold;
	letter-spacing: 4.1 !important;
}

#first-slider .slide1 h4, #first-slider .slide2 h4, #first-slider .slide3 h4, #first-slider .slide4 h4 {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	font-family: 'gotham', sans-serif !important;
	letter-spacing: 2px;
	line-height: 19px;
}
.whi{background: #fff;    width: 100%;}
.bluebg {
	background: #00589c;
	padding: 23px 0px 23px 31px;
	width: 84%;
}
.bluebg img {
	margin-left: 40px;
	border: 5px solid #fff;
}
.one {
	padding: 44px 20px;
}
h1, .h1 {
	font-size: 30px;
	font-family: 'poppins-light';
	text-transform: uppercase;
}
h5, .h5 {
	font-size: 14px;
	font-family: 'poppins-light';
	font-weight: bold;
}
.two {
	padding: 24px 1px 30px;
	/* background: url(../images/ser.jpg) no-repeat 0px 0px fixed !important; */
	background-size: cover !important;
	text-align: -webkit-center;
}
.three {
	padding: 30px 0px 60px;
}

.slick-slider
{margin-bottom:40px;
}

.parallax {
	background: url(../images/career.jpg) no-repeat 0px 0px fixed !important;
	background-size: cover !important;
	padding: 50px 1px 50px 0px;
	color: #fff;
	text-align: -webkit-center;
}
.counter img {
	max-width: 70%;
}
.count-text {
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
	color: #000;
}
#first-slider .carousel .item {
	height: 243px;
	width: 100%;
	background-size: cover;
}
.shrink-nav .social-icon {
	list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin-top: -15px;
  margin-right: -7px;
  margin-bottom: 11px;
}
.MultiCarousel .leftLst { left:14px;     display:inherit;}
    .MultiCarousel .rightLst { right:14px;    display:inherit;}
}


@media screen and (max-width: 991px) and (min-width: 768px) {
	.navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 10.5px;
}
.nav > li > a {
	padding: 7px 6px;
}
.shrink-nav .navbar-nav > li > a {
	color: #000 !important;
	line-height: 34px;
}
.one {
	padding: 100px 22px;
}


}

@media screen and (max-width: 1024px) and (min-width: 992px) {
	.nav > li > a {
    padding: 10px 6px;
}
.navbar-default .navbar-nav > li > a {
	color: #000;
	font-size: 13.5px;
}
}

.parallax2 {
	background:url(../images/contact.jpg) no-repeat 0px 0px fixed !important;
	background-size: cover !important;
	padding: 100px 1px 100px 0px;
	color: #fff;
	text-align: -webkit-center;
}
.parallax2btn
{    padding: 10px 54px;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #fff;
	color: #00589c;
	margin-top: 20px;}
	.parallax2btn:hover {
    padding: 10px 54px;
    background: #00589c;
    border-radius: 15px;
    border: 1px solid #fff;
    color: #ffffff;
    margin-top: 20px;
    transition: 1s;
}
.parallax2 input{    width: 100%;
	padding: 10px 10px;
	margin-bottom: 15px;
	background: #ffffffbd;
	border: #fff;
	color: black;}
	.parallax2 select {
		width: 100%;
		padding: 10px 10px;
		margin-bottom: 15px;
		background: #ffffffbd;
		border: #fff;
		color: black;
	}
	.parallax2 textarea{    width: 100%;
		padding: 10px 10px;
		margin-bottom: 15px;
		background: #ffffffbd;
		height: 75px;
		border: #fff;
		color: black;}
		.parallax2 button{background: #00589c;
			border: 1px solid #ffffff;
			color: #fff;
			padding: 11px 50px;}
.boxx
{
	background: #fff;
	box-shadow: 1px 1px 7px 0px #5d5d5d;
	padding: 15px 1px 25px 0px;}
.adrs
{    padding: 100px 1px 100px;}

.first
{
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}
.second
{    border-left: 1px solid #777;
	border-bottom: 1px solid #777;}
.threes{    border-top: 1px solid #777;
	border-right: 1px solid #777;}
.fours{border-top: 1px solid #777;
	border-left: 1px solid #777;}
	.abtz
	{ padding: 91px 0px 0px;}
.abtz img{width: 30%;}
.abtz .count-text {
	font-size: 20px;
 font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
	color: #000;
}
.no
{    font-size: 350px;
	font-weight: 600;
	color: #00589c;
	float: left;
	margin-right: 15px;
}
.exp
{padding: 0px 27px 0px 0px;}

.five .slick-slider
{
	position: relative;

	display: block;
	box-sizing: border-box;
	margin-top:0px;
	margin-bottom: 0px;
	-webkit-user-select: none;
		 -moz-user-select: none;
			-ms-user-select: none;
					user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
			touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.parallax3 {
	background: url(../images/privacy.jpg) no-repeat 0px 0px fixed !important;
	background-size: cover !important;
	padding: 100px 1px 100px 0px;
	color: #ecca15;
	text-align: -webkit-center;
}

.parallax3 p{color: #fff;}
.privacyy
{    background: #00589c;
	padding: 15px 20px;}

	.boxxs {
    background: #fff;
    box-shadow: 1px 1px 7px 0px #5d5d5d;
		padding: 19px 19px 25px 19px;
		margin-bottom: 20px;
}

.comingsoon
{background:url(../images/coming.jpg);
	background-size: cover;
	padding: 37px 1px 94px 0px;
	background-repeat: no-repeat;}
.comingsoon h1{    font-size: 32px;
	color: #00589c;
 }
	.ccc
	{    font-weight: 600;
		color: #f26b2e;}

		.slick-slide img:hover{
			transition: filter .5s ease-in-out;
			-webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
			filter: grayscale(0%); /* FF 35+ */
		}

		.slick-slide img  {
			-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
			filter: grayscale(100%); /* FF 35+ */
		}

		.serpara
		{

				background:url(../images/service.jpg) no-repeat 0px 0px fixed !important;
				background-size: cover !important;
				padding: 100px 1px 100px 0px;
				color: #fff;
				text-align: -webkit-center;


		}
	 .serpara p
		{
color: #fff;
font-size: 15px;
		}
	 .ser1
	 {    padding: 60px 1px;}
	 .bosx
	 {    background: #f9f9f9;
    padding: 15px 25px 38px 35px;
		margin-top: 25px;
	}
		.border_right
		{    border-right: 1px solid #000;}
		.border_left
		{    border-left: 1px solid #000;}

		.quote {
			color: rgba(0,0,0,.1);
			text-align: center;
			margin-bottom: 30px;
	}

	/*-------------------------------*/
	/*    Carousel Fade Transition   */
	/*-------------------------------*/

	#fade-quote-carousel.carousel {
		padding-bottom: 60px;
	}
	#fade-quote-carousel.carousel .carousel-inner .item {
		opacity: 0;
		-webkit-transition-property: opacity;
				-ms-transition-property: opacity;
						transition-property: opacity;
	}
	#fade-quote-carousel.carousel .carousel-inner .active {
		opacity: 1;
		-webkit-transition-property: opacity;
				-ms-transition-property: opacity;
						transition-property: opacity;
	}
	#fade-quote-carousel.carousel .carousel-indicators {
		bottom: 10px;
	}
	#fade-quote-carousel.carousel .carousel-indicators > li {
		background-color: #f26a2e;
		border: none;
	}
	#fade-quote-carousel blockquote {
			text-align: center;
			border: none;
	}
	#fade-quote-carousel .profile-circle {
			width: 100px;
			height: 100px;
			margin: 0 auto;
			border-radius: 100px;
	}
	.panel-default > .panel-heading {
		color: #fff;
	    background-color: #e8e6e6;
    border-color: #e8e6e6;
		/* cursor: pointer; */
		border-radius: 0px 0px 0px 0px;
	}
	.ing{color: #000 !important;
		text-decoration: none !important;}
.panel-body input
{    width: 100%;
	padding: 8px 10px;
	background: #ffff;
	margin-bottom: 15px;}
	.panel-body select
{    width: 100%;
	padding: 8px 10px;
	background: #ffff;
	margin-bottom: 15px;}

	.panel-body textarea
{     width: 100%;
	padding: 7px 10px;}

	.panel-body button
	{      margin-top: 10px;
    background: #ffffff;
    color: #1464a3;
    border: 1px solid #1464a3;
		padding: 4px 58px;}

		.panel-body button:hover
	{      margin-top: 10px;
    background: #1464a3;
    color: #ffff;
    border: 1px solid #1464a3;
		padding: 4px 58px;
	transition: 2s;}

	.ser2 {
		padding: 60px 1px;
		background: #f9f9f9;
}
.bosx2 {
	background: #ffffff;
	padding: 15px 25px 38px 35px;
	margin-top: 25px;
}
.container2 {
	width: 1538px;
	float: right;
}


.full-width-image {
    width: 52vw;
    position: relative;
    left: -8%;
    /* margin-left: -50vw; */
}
.full-width-image img {
  width: 100%;
}
.bcbg
{

	background: url(../images/bcbg.jpg) no-repeat 0px 0px fixed !important;
	background-size: cover !important;

}
.bcbg h1, .h1 {
	font-size: 51px;
	font-family: 'poppins-light';
	/* text-transform: uppercase; */
	margin-bottom: 2px;
	margin-top: 2pc;
}
.bcbg h3, .h3 {
	margin-top: -2px;
	margin-bottom: 20px;
	font-size: 30px;
}
.bcbg ul li{
	padding: 12px 3px;
    font-size: 18px;
}
.bcbg ul  {
margin-left: 15px;

}
/* DHAREESH REMOVED LINE FROM HERE
.box3{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative;overflow: hidden;}
.box3 .box-content,.box3:after,.box3:before{position:absolute;left:7%;right:7%;transition:all .3s}
.box3:after,.box3:before{display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1)}
.box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0)}
.box3:hover:after,.box3:hover:before{transform:scale(1);animation:animate 1.5s}
.box3:hover:before{border-top:3px solid #fff;border-bottom:3px solid #fff}
.box:hover:after{border-left:3px solid #fff;border-right:3px solid #fff}
.box img{width:100%;height:auto;transition:all .3s}
.box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px)}
.box3 .box-content{padding:30px 10px;top:10%;bottom:10%;opacity:0;z-index:2}
.box3:hover .box-content {
    box-shadow: 0 0 0 40px rgb(255, 255, 255);
    opacity: 1;
    transition: all .3s;
    background: #ffffff;
}
.box3 .title{font-size:24px;font-weight:600;color:#88c425;margin:0 0 5px}
.box3 .post{display:block;margin:0 0 5px;font-size:14px;color:rgba(255,255,255,.8)}
.box3 .description {
    font-size: 14px;
    color: #333;
    margin: 0 0 20px;
}
.box3 .icon{padding:0;margin:0;list-style:none}
.box3 .icon li{display:inline-block;margin:0 10px 0 0}
.box3 .icon li a{display:block;width:30px;height:30px;line-height:30px;color:#fff;background:#88c425;transition:all .5s}
.box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s}
@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:30px}
.box3 .box-content{padding:10px}
.box3 .description{margin-bottom:10px}
}


.pb .box3{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative;overflow: hidden;}
.pb .box3 .box-content,.pb .box3:after,.pb .box3:before{position:absolute;left:7%;right:7%;transition:all .3s}
.pb .box3:after,.pb .box3:before{display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1)}
.pb .box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0)}
.pb .box3:hover:after,.pb .box3:hover:before{transform:scale(1);animation:animate 1.5s}
.pb .box3:hover:before{border-top:3px solid #fff;border-bottom:3px solid #fff}
.pb .box:hover:after{border-left:3px solid #fff;border-right:3px solid #fff}
.pb .box img{width:100%;height:auto;transition:all .3s}
.pb .box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px)}
.pb .box3 .box-content{padding:30px 10px;top:10%;bottom:10%;opacity:0;z-index:2}
.pb .box3:hover .box-content{box-shadow:0 0 0 38px #fff;opacity:1;transition:all .3s;
	background: #fff;}
	.pb .box3 .title{font-size:24px;font-weight:600;color:#88c425;margin:0 0 5px}
	.pb .box3 .post{display:block;margin:0 0 5px;font-size:14px;color:rgba(255,255,255,.8)}
	.pb .box3 .description{font-size:14px;color:#000;margin:0 0 20px}
	.pb .box3 .icon{padding:0;margin:0;list-style:none}
	.pb .box3 .icon li{display:inline-block;margin:0 10px 0 0}
	.pb .box3 .icon li a{display:block;width:30px;height:30px;line-height:30px;color:#fff;background:#88c425;transition:all .5s}
	.pb .box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s}
@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:7px}
.pb .box3 .box-content{padding:10px}
.pb .box3 .description{margin-bottom:10px}
}

.box3:hover {
    /* box-shadow: 0 0 3px rgba(0,0,0,.3); */
/*    position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 20px 1px #ded9d9 !important;
}*/
.pb .box3:hover {
    /* box-shadow: 0 0 3px rgba(0,0,0,.3); */
    position: relative;
	overflow: hidden;
		/* box-shadow: 0px 0px 20px 1px #ded9d9 !important; */
}

@media only screen and (max-width:479px){.box3 .title{margin:0}
}
/* .ofr h3, .h3 {
	font-size: 30px;
	color: #00589c;
	margin-bottom: 60px;
	margin-top: 0px;
}
.ofr h1, .h1 {
    margin-bottom: 20px;
} */
.ofr h3, .h3 {
	font-size: 25px;
	color: #333;
	margin-bottom: 60px;
	margin-top: 0px;
}
.ofr h1, .h1 {
	margin-bottom: 20px;
	color: #00589c;
	font-weight: 700;
}
.ofr {padding: 1px 1px 60px;}
.bpara{
	 background: url(../images/bpara.jpg) no-repeat 0px 0px fixed !important;
	background-size: cover !important;    padding: 30px 1px 0px;}
	.bpara h3, .h3
	{    color: #fff;
		font-size: 30px;
		/* text-transform: uppercase; */
	    margin-top: 33px;}

		.bpara	p {
			font-family: 'poppins-light';
			color: #ffffff;
			font-size: 17px;
			line-height: 27px;
	}
.suc
{ background: url(../images/BCbnr2.jpg) no-repeat;
	background-size: cover !important;    padding: 40px 1px 75px;}

	.parallax_career {
		background: url(../images/careerbnr.jpg) no-repeat 0px 0px fixed !important;
		background-size: cover !important;
		padding: 150px 1px 150px 0px;
		color: #ecca15;
		text-align: -webkit-center;
	}

	.suc h3, .h3 {
		color: #fff;
		font-size: 30px;
		/* text-transform: uppercase; */
	}
	.suc p {
		font-family: 'poppins-light';
		color: #ffffff;
		font-size: 17px;
	}

	/*#####################
Additional Styles (required)
######################*/
.suc .carousel-indicators {
    bottom:-40px;
	left:0;
	width:100%;

	padding: 6px 0px;
	margin-left:0;
	border-top:2px solid #fff;
}
.suc .carousel-indicators li {
	width:12px;
	height:12px;
	background: #6fd6dd;
	border-color:#fff;

}
.suc .carousel-indicators .active {
	width:14px;
	height:14px;
	background:#428bca;
	border-color:#428bca;
}
.suc .carousel-inner .thumbnail {
	margin-bottom:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.suc .carousel-inner .caption {

	padding: 10px 0;
}

@media screen and (max-width: 1375px) and (min-width: 1200px)
{
	.suc {
		background: url(../images/BCbnr2.jpg) no-repeat;
    background-size: cover !important;
	padding: 135px 1px 41px;
    background-position-x: -180px;
	}
}
@media screen and (max-width: 1450px) and (min-width: 1375px)
{
	.suc {
		background: url(../images/BCbnr2.jpg) no-repeat;
    background-size: cover !important;
	padding: 105px 1px 105px;
    background-position-x: -180px;
	}
}



@media screen and (max-width: 1490px) and (min-width: 1200px)
{


	.psuc {
		background: url(../images/pbnr2.jpg) no-repeat;
		background-size: cover !important;
		padding: 154px 1px 219px;
		background-position-x: -310px;
	}
}

.ss h3, .h3 {
    font-size: 30px;
    color: #00589c;
	margin-bottom: 30px;
	text-align: center;
}
.ss h4  {
	font-size: 18px;
	font-weight:bold;
}
.ss p {
    font-family: 'poppins-light';
    color: #989898;
    font-size: 15px;
    text-align: center;
}
.pbg {
    /* background: url(../images/power_bg.jpg) no-repeat 0px 0px fixed !important; */
    background-size: cover !important;
}
.pbg h1, .h1 {
    font-size: 51px;
    font-family: 'poppins-light';
    /* text-transform: uppercase; */
    margin-bottom: 2px;
	margin-top: 2pc;
}
.pbg h3, .h3 {
    margin-top: -2px;
    margin-bottom: 20px;
    font-size: 30px;
}
.pbg ul {
    margin-left: 15px;
}
.pbg ul li {
    padding: 12px 3px;
	font-size: 18px;
  color: #F36C30;
}
.pbg ul li span{
	color: #333;
}
.psuc {
    background: url(../images/pbnr2.jpg) no-repeat;
    background-size: cover !important;
    padding: 25px 1px 70px;
    background-position-x: -19px;
}
.psuc h3, .h3 {

    font-size: 30px;
}

.psuc p {
    font-family: 'poppins-light';
    font-size: 16px;
}

@media screen and (max-width: 767px) and (min-width: 300px) {

	.full-width-image {
		width: auto;
		position: relative;
		left: 22%;
		/* margin-left: -50vw; */
	}
	.box3 .description {
		font-size: 11px !important;
		color: #1f1f1f;
		margin: 0 0 20px;
	}
	.pb .box3 .description {
		font-size: 11px !important;
		color: #1f1f1f;
		margin: 0 0 20px;
	}
	.psuc {
	 background: none;
		background-size: cover !important;
		padding: 37px 1px 39px;
	}
	.filterz .btn {
		border: none;
		outline: none;
		padding: 14px 14px !important;
		background-color: #eaeaea;
		cursor: pointer;
		color: #00589c;
		margin-bottom: 11px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {

	.suc {
		background: url(../images/BCbnr2.jpg) no-repeat;
		background-size: cover !important;
		padding: 48px 1px 44px;
		background-position-x: -111px;
	}
	.psuc {
		background: url(../images/pbnr2.jpg) no-repeat;
		background-size: cover !important;
		padding: 16px 1px 69px;
		background-position-x: -184px;
	}

}

@media screen and (max-width: 991px) and (min-width: 769px) {
	.carousel-inner > .item > img
	{display: block;
		max-width: 66%;
		height: auto;
		margin: 0 auto;}
}

@media screen and (max-width: 1490px) and (min-width: 1200px)
{

	.psuc {
		background: url(../images/pbnr2.jpg) no-repeat;
		background-size: cover !important;
		padding: 71px 4px 141px;
		background-position-x: -232px;
	}
}

#cookiePlugin {
    width: 100%;
    /* height: 49px; */
    display: none;
    border-bottom: 2px solid #fff;
    position: fixed;
    left: 0;
    z-index: 9;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 88, 156, .4);
    -moz-box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
    padding: 24px 0px 12px;
    z-index: 777;
}
                #cookiePlugin.top {
                    top:0;
                }
                #cookiePlugin.bottom {
                    bottom:0;
                }

                #cookiePlugin .slip {
                    /* width: 510px; */
                    /* padding: 10px 0; */
                    /* margin: 0 auto; */
                    position: relative;
                }
                #cookiePlugin a {
                    float:left;
                    font-weight:bold;
                    color:#fff;
                }
                #cookiePlugin a:hover {
                    text-decoration:none;
                }

                #cookiePlugin .cp-intro {
                    padding-right:5px;
                    float:left;
                    color: #ffffff;
    font-size: 16px;
                }
                #cookiePlugin .cp-hide {
                    float: right;
    margin-right: 13px;

    font-size: 25px;
    color: #080808;
    margin-top: -52px;
                }
                #cookiePlugin .cp-info {
					float: left;
					background: no-repeat;
					padding: 10px 53px;
					font-size: 14px;
					float: left;
					margin-top: 1px;
					border: 1px solid #fff;
					color:#fff;
				}
                #cookiePlugin .cp-info:hover {
					float: left;
					background: #fff;
					padding: 10px 53px;
					font-size: 14px;
					float: left;
					margin-top: 1px;
					border: 1px solid #fff;
					color: #00589c;
				}
                @media screen and (max-width: 767px) and (min-width: 300px) {
                    #cookiePlugin .cp-info {
                    float: left;
    background: #f26a2e;
    padding: 10px 53px;
    font-size: 14px;
    float: left;
                }
				}
				.c-flag {
					width: 16px;
					margin-right: 5px;
					margin-top: -4px;
				}

.sliderbtn
{background: #fff;
    border: 1px solid #fff;
    padding: 8px 20px;
	margin-top: 5px;}
	.sliderbtn:hover {
		background: #fff;
		border: 1px solid #fff;
		padding: 8px 20px;
		margin-top: 5px;
		border-radius: 15px;
		transition: 2s;
	}

	#first-slider button {
		animation-delay: 2.5s;
	}

	#first-slider .blackbg
	{animation-delay: 0.5s;}

	.psuc ul li {
		padding: 9px 3px;
		font-size: 16px;
	}
	.psuc ul {
		margin-left: 15px;
	}

	.ss .carousel-indicators li {
		width: 12px;
		height: 12px;
		background: #6fd6dd;
		border-color: #fff;
	}
	.ss .carousel-indicators .active {
		width: 14px;
		height: 14px;
		background: #f4d771;
		border-color: #f4d771;
	}


	.ss .carousel-indicators {
		bottom: -40px;
		left: 0;
		width: 100%;
		padding: 6px 0px;
		margin-left: 0;
		border-top: 2px solid #fff;
	}

	.MultiCarousel .MultiCarousel-inner .item button{

		background: #fff;
		border: 1px solid #00589c;
		color: #00589c;
		border-radius: 5px;
	}
	.smallbtn
	{    background: #fff;
		border: 1px solid #00589c;
		color: #00589c;
		border-radius: 5px;

	}

	.abt2 h3, .h3 {
		font-size: 20px;
		color: #00589c;
	}
	.cont_btn
	{
		background: #1d68a6;
		border: 1px solid #1d68a6;
		color: #fff;
		padding: 7px 20px;
		float: right;
	}

.modal_input input{    width: 100%;
    padding: 10px 8px;
    border: 1px solid #c5c5c5;
	margin-bottom: 15px;}
	.modal_input textarea{    width: 100%;
		padding: 10px 8px;
		border: 1px solid #c5c5c5;
		margin-bottom: 15px;
                 position: relative !important;
}

		.modal_input select {
			width: 100%;
			padding: 10px 8px;
			border: 1px solid #c5c5c5;
			margin-bottom: 15px;
		}






	@media screen and (max-width: 767px) and (min-width: 300px) {
		.bcbg h1, .h1 {
			font-size: 51px;
			font-family: 'poppins-light';
			text-transform: uppercase;
			margin-bottom: 2px;
			margin-top: 2pc;
		}
		.ofr h3, .h3 {
			font-size: 24px;
			color: #00589c;
			margin-bottom: 60px;
			margin-top: 0px;
		}
		.ofr {
			padding: 1px 1px 24px;
		}
		.suc {
			background: none;
			background-size: cover !important;
			padding: 42px 1px 42px;
		}
		.suc h3, .h3 {
			color: #000;
			font-size: 30px;
			text-transform: uppercase;
		}
		.suc p {
			font-family: 'poppins-light';
			color: #616161;
			font-size: 16px;
		}
	}

	.caret-up {
		width: 0;
		height: 0;
		border-left: 4px solid rgba(0, 0, 0, 0);
		border-right: 4px solid rgba(0, 0, 0, 0);
		border-bottom: 4px solid;

		display: inline-block;
		margin-left: 2px;
		vertical-align: middle;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 6px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		color: #00589c;
		text-decoration: none;
		background-color: #f5f5f5;
	}

	.shrink-nav .navbar-nav > li > a:hover {
		color: #02579b !important;
		line-height: 24px;
	}

	.ser1 h2{margin-top: 0px}
	.ser2 h2{margin-top: 0px}
	/* .ser1 p
	{font-size: 18px;}
	.ser2 p
	{font-size: 18px;} */
	/* .bosx ul li
	{font-size: 18px;}
	.bosx2 ul li
	{font-size: 18px;} */
	.sertext
	{    font-size: 16px;
		line-height: 25px;}

		.java
		{
		background: url(../images/java.jpg)no-repeat 0px 0px fixed !important;
		background-size: cover !important;
		padding: 63px 1px;


		}
		.java h1 {
			font-size: 44px;
			font-family: 'poppins-light';
			/* text-transform: uppercase; */
			color: #fff;
			font-weight: bold;
			margin-bottom: -8px;
		}
		.java h2 {
			font-size: 25px;
			color: #fff;
			margin-bottom: 25px;
		}

		.java p{
			color: #fff;
		}

.dotnet
{
background: url(../images/dotnet.jpg)no-repeat 0px 0px fixed !important;
background-size: cover !important;
padding: 63px 1px;


}

.dotnet h1 {
    font-size: 44px;
    font-family: 'poppins-light';
    /* text-transform: uppercase; */
    color: #fff;
    font-weight: bold;
    margin-bottom: -8px;
}
.dotnet h2 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 25px;
}

.dotnet p{
    color: #fff;
}
.dotnet2
{    padding: 45px 1px 30px;}
.shadowbox
{padding: 10px 10px;
    transition: all ease-in-out 0.4s;}
.shadowbox:hover
{    box-shadow: 0px 0px 20px 1px #ded9d9;
	transition: all ease-in-out 0.4s;}

	.holder {
		width: 100%;

		overflow: hidden;
	  }

	  .holder img {
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	  }

	  .shadowbox:hover .holder img{
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	  }
	.dotnet3
	{background: #fafafa;
	padding: 92px 1px 92px;}

	.dotnet3 .MultiCarousel .rightLst {
		right: 0;
		display: flex;
	}
	.dotnet3 .MultiCarousel .leftLst {
		right: 0;
		display: flex;
	}

	.dotnet3 .MultiCarousel .MultiCarousel-inner .item > div {

		min-height: auto;
	}
	.sharepoint {
		background: url(../images/sharepointbnr.jpg)no-repeat 0px 0px fixed !important;
		background-size: cover !important;
		padding: 43px 1px;
	}
	.sharepoint h1 {
		font-size: 44px;
		font-family: 'poppins-light';
		/* text-transform: uppercase; */
		color: #fff;
		font-weight: bold;
		margin-bottom: -8px;
	}
	.sharepoint h2 {
		font-size: 25px;
		color: #fff;
		margin-bottom: 25px;
	}

	.sharepoint p{
		color: #fff;
	}
	.phpz
	{
	background: url(../images/phpbnr.jpg)no-repeat 0px 0px fixed !important;
	background-size: cover !important;
	padding: 43px 1px;
}
.phpz h1 {
    font-size: 44px;
    font-family: 'poppins-light';
    /* text-transform: uppercase; */
    color: #fff;
    font-weight: bold;
    margin-bottom: -8px;
}
.phpz h2 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 25px;
}

.phpz p{
    color: #fff;
}


.lib-panel {
    margin-bottom: 20Px;
}
.lib-panel img {
    width: 100%;
    background-color: transparent;
}

.lib-panel .row,
.lib-panel .col-md-6 {
    padding: 0;
    background-color: #FFFFFF;
}


.lib-panel .lib-row {
    padding: 0 20px 0 20px;
}

.lib-panel .lib-row.lib-header {
    background-color: #FFFFFF;
    font-size: 20px;
    padding: 10px 20px 0 20px;
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
    height: 2px;
    width: 26px;
    background-color: #d9d9d9;
    margin: 7px 0 7px 0;
}

.lib-panel .lib-row.lib-desc {
    position: relative;
    height: 100%;
    display: block;
    font-size: 15px;
    font-family: 'poppins-light';
		text-align:justify;
}
.lib-panel .lib-row.lib-desc a{
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}
.product:hover .gradient {
    opacity: 1;
    height: 100%;
}
.product .gradient {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: #0a0808;
    background: -moz-linear-gradient(to bottom,  rgba(51,137,255,1) 0%,rgba(109,51,255,1) 100%);
    background: -webkit-linear-gradient(to bottom,  rgba(51,137,255,1) 0%,rgba(109,51,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(51,137,255,1) 0%,rgba(109,51,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0808',endColorstr='#ff0013',GradientType=0);
    opacity: 0;
}
.product:after {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    -moz-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    -o-transform: translate3d(-50%,0,0);
    background-color: #fff;
    width: 4px;
    height: 0;
}


.row-margin-bottom {
    margin-bottom: 20px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}

.no-padding {
    padding: 0;
}
.searchz
{    padding: 20px 1px 20px;}

.work {
	padding-bottom: 40px;
	margin-top: 60px;
  }
  .work * {
	box-sizing: border-box;
  }
  .work .category-buttons {
	text-align: center;
	margin: 0 0 60px 0;
  }
  @media (max-width: 610px) {
	.work .category-buttons {
	  margin: 0 0 30px 0;
	}
	.work .category-buttons a {
	  display: inline-block;
	  width: 46%;
	  padding: 12px 10px !important;
	  margin: 1.5% 1% !important;
	}
	.work .category-buttons a:nth-child(even) {
	  margin-right: 0;
	}
	.work .category-buttons a:nth-child(odd) {
	  margin-left: 0;
	}
  }
  @media (min-width: 611px) {
	.work .category-buttons a:first-child {
	  margin-left: 0;
	}
	.work .category-buttons a:last-child {
	  margin-right: 0;
	}
  }
  .work .category-buttons a {
    color: #00589c;
    text-decoration: none;
    padding: 13px 48px;
    border: 1px solid #9A9A9A;
    margin: 0 0px;
    cursor: pointer;
    background: #f1f1f1;
  }
  .work .category-buttons a.active {
    color: #ffffff;
    border: 1px solid #00589c;
    background: #00589c;
  }
  .work .grid {
	margin-top: 40px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all 750ms cubic-bezier(1, 0, 0, 1);
	transition: all 750ms cubic-bezier(1, 0, 0, 1);
  }
  @media (max-width: 960px) {
	.work .grid {
	  width: 700px;
	}
  }
  @media (max-width: 720px) {
	.work .grid {
	  width: 100%;
	}
  }
  .work .grid .animating {
	-webkit-transition: all 750ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
	transition: all 750ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
  }
  .work .grid .setScale {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
  }
  .work .grid .show {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
  }
  .work .card {
	background: #fff;
	display: block;
	text-decoration: none;
	color: #2b2b2b;
	width: 32%;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.15);
	transform-origin: center center;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
  }
  @media (max-width: 700px) {
	.work .card {
	  width: 49.25%;
	}
  }
  @media (max-width: 480px) {
	.work .card {
	  width: 100%;
	}
  }
  .work .card img {
	display: block;
	width: 100%;
  }
  .work .card .title {
	padding: 10px;
	color: #2b2b2b;
  }
  .work .guide {
	width: 32%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1000;
  }
  @media (max-width: 700px) {
	.work .guide {
	  width: 49.25%;
	}
  }
  @media (max-width: 480px) {
	.work .guide {
	  width: 100%;
	}
  }
  .dotnet3 ul li{padding: 8px;}
  .dotnet3 ul
  {margin-left: 15px}
.tec{    float: right;
    background: #00589c;
    color: #fff;
    padding: 1px 26px;}

/* Center website */
.main {

	margin: auto;
  }
  #lightbox .modal-content {
    display: inline-block;
    text-align: center;
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;

    z-index:1032;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 66666;
}
@media (min-width: 768px)
{
	.modal-dialog {
		width: 600px;
		margin: 119px auto;
	}

}

  .row {

  }

  /* Add padding BETWEEN each column */
  .row,
  .row > .column {
	/* padding: 8px; */
  }

  /* Create three equal columns that floats next to each other */
  .column {
	float: left;

	display: none; /* Hide all elements by default */
  }

  /* Clear floats after rows */
  .row:after {
	/* content: "";
	display: table;
	clear: both; */
  }

  /* Content */
  .content {
	background-color: white;
	padding: 10px;
  }

  /* The "show" class is added to the filtered elements */
  .show {
	display: block;
  }

  /* Style the buttons */
  .filterz .btn {
	border: none;
    outline: none;
    padding: 16px 48px;
    background-color: #eaeaea;
    cursor: pointer;
    color: #00589c;
  }

  .filterz .btn:hover {
	background-color: #ddd;
  }

  .filterz .btn.active {
	background-color: #00589c;
	color: white;
  }

  .filbox
  {    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid #f7f7f7;
	padding: 8px 8px;
	transition: all ease-in-out 0.4s;}
	.filbox:hover
	{    margin-bottom: 20px;
	  margin-top: 20px;
	  border: 1px solid #f7f7f7;
	  padding: 8px 8px;
	  transition: all ease-in-out 0.4s;
	  box-shadow: 0px 0px 20px 1px #ded9d9;}


	.app {
		font-family: 'Source Sans Pro', sans-serif;
		text-transform:uppercase;
		font-size:13px;
		font-weight:bold;
	/*	background:#539AB9;
		border:5px solid #539AB9;*/
		/*
		This is the CSS for the feedback div that is fixed to the top left hand side
		of the screen. This div should slide with the form so that it provides a
		close button when the form is slid into view.
		*/
		right		: -50px; /* Bring the div in and hide the left (top) border */
		left		: -10px\9; /* Less Than IE9 Hack - Bring the div in and hide the left (top) border */
		top			: 50%;
		margin-top:-152px;
		cursor		: pointer;
		padding-left: -70px;
		width		: 150px; /* Since this is getting rotated width appears as height to the eye*/
		height		: 30px; /* Since this is getting rotated height appears as width to the eye*/
		text-align	: center;
		letter-spacing:1px;
		z-index		: 10000; /* Msake sure it floats above the content */
		position: fixed;
		background: #689F38;
		border: 5px solid #fff;
		color: #FFF;
		padding: 10px 15px 30px;
	}
	.app a {
		color:#fff;
	}
	.app a:hover {
		text-decoration:none;
	}
	/*------------------log a ticket start here---------------------------------*/
	.log-ticket {
		top			: 50%;
		margin-top:2px;
		background: #EB4712;
		border: 5px solid #fff;
	}
	/*------------------log a ticket end here-----------------------------------*/
	.rotate {
		/* Safari, Chrome */
		-webkit-transform: rotate(-90deg);
		/* Firefox */
		-moz-transform: rotate(-90deg);
		/* IE */
		-ms-transform: rotate(-90deg);
		/* Opera */
		-o-transform: rotate(-90deg);
		/* Older versions of IE */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
		transform: rotate(-90deg);
	}

	.required {
		background-color:#F2DEDE !important;
		border: 1px #F00 solid !important;
	}

	.feedback {
		position	: fixed; /* This will never scroll out of view */
		background:#EB4712;
		border		: 5px solid #EB4712;
		color		: #fff;
		font-weight	: bold;
		padding	: 10px 15px 30px 15px;

	}

	.feedback-form-wrapper {
		/*
		This is the CSS for the feedback div that is fixed to the top left hand side
		of the screen.
		*/
		display		: block;
		z-index		: 9999; /* Make sure it floats a little higher than the feedback form div below */
		top		: 200px;
		left		: -280px; /* Bring the div in and hide the left (top) border */
		width		: 280px;
	}

	.feedback-form-wrapper .form-group {
		padding:0px 15px;
		margin-bottom:0;
	}

	.feedback-form-wrapper .form-group .form-control {
		font-size:13px;
		margin-bottom:8px;
		border-radius:0 !important;
	}

	.feedback-form-wrapper .btn {
		padding:5px 15px!important;
		border:3px solid #fff;
		background:none;
		transition:all ease-out 0.3s;
		-moz-transition:all ease-out 0.3s;
		-o-transition:all ease-out 0.3s;
		-webkit-transition:all ease-out 0.3s;
		border-radius:0 !important;
		color: #fff;
	}

	.feedback-form-wrapper .btn:hover {
		background:#fff;
		transition:all ease-out 0.3s;
		-moz-transition:all ease-out 0.3s;
		-o-transition:all ease-out 0.3s;
		-webkit-transition:all ease-out 0.3s;
		color:#000;
	}

	/* This will put some distance between the input box and the next label */
	.feedback input{
		margin-bottom:5px;
	}

	.feedback legend{
		color		: #FFF;
		font-size:15px;
	}

	.feedback-toggle {
		font-family: 'Source Sans Pro', sans-serif;
		text-transform:uppercase;
		font-size:13px;
		font-weight:bold;
		/*background:#539AB9;*/
		border: 5px solid #eb4712;
		/*
		This is the CSS for the feedback div that is fixed to the top left hand side
		of the screen. This div should slide with the form so that it provides a
		close button when the form is slid into view.
		*/
		left		: -50px; /* Bring the div in and hide the left (top) border */
		left		: -10px\9; /* Less Than IE9 Hack - Bring the div in and hide the left (top) border */
		top			: 50%;
		margin-top:-75px;
		cursor		: pointer;
		padding-left: -70px;
		width		: 150px; /* Since this is getting rotated width appears as height to the eye*/
		height		: 30px; /* Since this is getting rotated height appears as width to the eye*/
		text-align	: center;
		letter-spacing:1px;

		/*border-top	: 5px solid #fff;
		border-left	: 4px solid #fff;
		border-right: 4px solid #fff;*/
		z-index		: 10000; /* Msake sure it floats above the content */
	}

	.send-complaint	{ position:relative; cursor:pointer;}
	.send-complaint .fa-send	{ font-size:25px; cursor:pointer}
	.send-complaint .send-text	{ position:absolute; top:0; left:0px; opacity:0; font-family:"Open Sans"; font-weight:300; font-size:16px; -webkit-transition:all ease-out 0.4s; -moz-transition:all ease-out 0.4s; -ms-transition:all ease-out 0.4s; -o-transition:all ease-out 0.4s;}
	.send-complaint:hover .send-text	{ opacity:1; -webkit-transform:translateX(50px); -moz-transform:translateX(50px); -ms-transform:translateX(50px); -o-transform:translateX(50px);}
	legend { margin-bottom:15px;}

	@media ( max-width:640px)	{
		.send {
		font-family: 'Source Sans Pro', sans-serif;
		text-transform:uppercase;
		font-size:18px;
		font-weight:300;
		width:90px;
		padding:10px 10px 30px;
		z-index		: 9999; /* Msake sure it floats above the content */
	}
	.send > .fa	{ float:right;}
	.feedback-form-wrapper .form-group .form-control {
		height:30px;
		margin-bottom:0px !important;
		border-radius:0 !important;
	}
	.feedback-form-wrapper .form-group { margin-bottom:5px !important;}
	.send-complaint .send-text {}

}
	@media screen and (max-width: 767px) and (min-width: 300px) {
		.feedback-toggle {
			font-family: 'Source Sans Pro', sans-serif;
			text-transform: uppercase;
			font-size: 13px;
			font-weight: bold;
			/* background: #539AB9; */
			border: 5px solid #eb4712;
			left: -50px;
			left: -10px\9;
			top: 47%;
			margin-top: -73px;
			cursor: pointer;
			padding-left: -58px;
			width: 104px;
			height: 12px;
			text-align: center;
			letter-spacing: 1px;
			z-index: 10000;
		}

		.feedback {
			position: fixed;
			background: #EB4712;
			border: 5px solid #EB4712;
			color: #fff;
			font-weight: bold;
			padding: 23px 21px 20px 15px;
		}
	}

/*------- Praveen --------*/


#h-form{
	 /* display: none;   */
	margin-bottom:10px;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999999;
}
.modal-backdrop {
    z-index: 99999 ! important;
	}
.d_b{
	min-height: 42px;
	    margin: 22px 0;
	    padding: 7.5px 17px 9px;
	    background-color: #fbfcfc;
	    border-color: #e6ecf0;
	    display: block;
	    width: 100%;
	    height: 29px;
	    padding: 7px 10px;
	    font-size: 14px;
	    font-weight: 400;
	    line-height: 2.5;
	    color: #495057;
	    background-color: #fff;
	    background-clip: padding-box;
	    border: 1px solid #ced4da;
	    border-radius: .25rem;
	    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	    -o-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}
.modal-header .close {
    margin-top: 0px !important;
}
.brochureDownload {
	display: inline-block;
	position: relative;
	padding: 10px 25px;

	background-color: #4CC713;
	color: white;
	font-family: sans-serif;
	text-decoration: none;
	font-size: 0.9em;
	text-align: center;
	text-indent: 15px;
}

.brochureDownload:hover {
	background-color: #333;
	color: white;
}

.brochureDownload:before, .buttonDownload:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 15px;
	top: 52%;
}

/* Download box shape  */
.brochureDownload:before {
	width: 10px;
	height: 2px;
	border-style: solid;
	border-width: 0 2px 2px;
}

/* Download arrow shape */
.brochureDownload:after {
	width: 0;
	height: 0;
	margin-left: 3px;
	margin-top: -7px;

	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: transparent;
	border-top-color: inherit;

	animation: downloadArrow 2s linear infinite;
	animation-play-state: paused;
}

.brochureDownload:hover:before {
	border-color: #4CC713;
}

.brochureDownload:hover:after {
	border-top-color: #4CC713;
	animation-play-state: running;
}

/* keyframes for the download icon anim */
@keyframes downloadArrow {
	/* 0% and 0.001% keyframes used as a hackish way of having the button frozen on a nice looking frame by default */
	0% {
		margin-top: -7px;
		opacity: 1;
	}

	0.001% {
		margin-top: -15px;
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		margin-top: 0;
		opacity: 0;
	}
}

.bg_grey{
	background:#fafafa !important;
}
#businessC img, #an1b img, #areua img{
    width: 90%!important;
		max-width: 600px;
}
.mt_90{
	margin-top: 90px;
}
.pt_90{
	margin:0 !important;
	padding-top: 45px;
		padding-bottom: 50px;
}

.pt_48{
	margin:0 !important;
	padding-top: 40px;
		padding-bottom: 40px;
}
#cookiePlugin{
	z-index: 99999;
}
.g-hd{
	background-color: #f6fbff !important;
}

/*------------- Form ---------------*/
#enquiry-msg{
	/* margin: -105px; */

}

.nb-form {
    position: fixed;
    z-index: 9999;
    width: 300px;
    background: #FFF;
    right: 20px;
    bottom: -324px !important;
    transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.nb-form:hover {
    bottom: 0px !important;
}

/*-- User Icon --*/

.nb-form .user-icon {
    position: absolute;
    top: -49px;
    right: 12px;
    display: block;
    width: 58px;
    margin: 20px auto 15px;
    border-radius: 100%;
}

/*-- Title --*/

.nb-form .title {
    background: #00589c;
    font-size: 16px !important;
    padding: 20px 18px !important;
    color: #fff !important;
    border-radius: 10px 10px 0 0;
}

/*-- Text --*/

.nb-form p {
    font-size: 13px;
    margin: 0;
    padding: 15px;
    color: #666;
}

.nb-form p.message {
    margin-left: 7px;
}

/*-- Form Elements --*/

.nb-form form {
    padding: 0 15px 15px 15px;
}

.nb-form input,
.nb-form textarea {
   font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
    width: 254px;
    max-width: 254px;
    margin-bottom: 10px;
    margin-left: 3px;
    padding: 6px 0;
    border: none;
    border-radius: 4px;
    color: #1D1D1D;
    border-bottom: 1px solid #f0f0f0;
}

.nb-form input:focus,
.nb-form textarea:focus {
    outline: none;
    box-shadow: none;
}

.nb-form input[type='submit'] {
    display: block;
    width: 120px;
    margin: 0 auto;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    cursor: pointer;
    transition: all .4s ease;
    color: #fff !important;
    border: none;
}

.nb-form input[type='submit']:hover {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1);
}

.nb-form textarea {
    min-height: 110px;
}


.nb-form ::-webkit-input-placeholder {
    color: #2d2d2d;
}

.nb-form ::-moz-placeholder{
    color: #2d2d2d;
}

.nb-form :-ms-input-placeholder {
    color: #2d2d2d;
}

.nb-form :-moz-placeholder {
    color: #2d2d2d;
}

.nb-form input[type='submit'] {
    background: #03a9f4;
}

@media screen and (max-width: 676px) {
    .nb-form:hover .user-icon {
        display: none;
    }

    .nb-form .message {
        display: none;
    }

    .nb-form form {
        padding-top: 15px;
    }
    .nb-form{
        right: 50%;
        bottom: -320px;
        left: 50%;
        transform: translateX(-50%);
    }
}


#panel, #flip {

}

#panel {
  padding-top: 50px;
  display: none;
}

@media (max-width: 991px) {
.f-l{
	float: left !important;
}
.gry{
	margin-top: 18px ! important;
	margin-right: 0px !important;
	font-size: 10px !important;
	padding-right: 18px !important;
}
.shrink-nav .gry {
    margin-top: 0px ! important;
}
}
/*------- Praveen --------*/

/* DHAREESH */
/* Power BI */

#data-analytics img{
	width:90%!important;
}
.ofr.pb{
	background: #fafafa;
	margin-top:30px
}
.ofr.pb img{
	max-width:70%
}
.box3{
	text-align: center;
}
.box3 img{
	width: 100%;
	max-width: 120px!important;
}
h1.power-bi, .pbg{
	margin-top:60px
}
.power-bi-box h2{
	margin-top:30px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align: center;
}
.power-bi-box p{
	text-align: center;
}

.main-hd{
	margin:90px 0 0 0
}
.main-hd h1{
	font-size: 51px;
	color: #f36b33;
	font-weight: 500;
}

.competency{
	/* background: #e7eef3; */
	margin-top:60px
}

.competency .row div{
	float: left;
	text-align: center;
	padding-left:15px;
	padding-right:15px;
}
.competency .row div h2{
	font-size: 20px;
}


@media (min-width: 200px) {
	.competency .row{
		padding: 0 20px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top:30px
	}
	.competency .row div{
		width:100%;
		margin-bottom:30px;
		min-height: auto;
	}
	.competency .row div span{
		width: 100% !important;
		border-radius: 100%;
		margin-top: 0 !important;
		height: 218px !important;
		display: inline-block;
		float: none;
	}
	.competency .row div span{
		width:200px!important;
		height: 200px!important;
		padding-top:30px
	}
	.competency .row div:nth-child(1) span{
		border:solid #88c540 35px;
	}
	.competency .row div:nth-child(2) span{
		border:solid #3fbb96 35px;
	}
	.competency .row div:nth-child(3) span{
		border:solid #0fa0c1 35px;
	}
	.competency .row div:nth-child(4) span{
		border:solid #525aa8 35px;
	}
	.competency .row div:nth-child(5) span{
		border:solid #01909d 35px;
	}
	.competency .row div img{
		margin-top:0;
		width:50%;
	}
	.competency .row div:first-child img{
		width:60%!important;
	}
	.competency .row div h2{
		margin-top:15px;
	}
}

@media (min-width: 576px) {
	.competency .row div{
		width:50%;
	}
}
@media (max-width: 767px) {
	.competency .row div{
		min-height: auto!important;
	}
	.gry {
    margin-top: 0px ! important;
		    margin-left: 12px;
	}
}
@media (min-width: 768px) {
	.competency .row{
		background: none;
		padding:0;
		margin-top:60px;
	}
	.competency .row div{
		width:33.333%;
		margin-bottom:30px
	}
	.competency .row{
		padding: 0 20px 0 50px;
	}
	.competency .row div span{
		float: left;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top:0
	}
	.competency .row div h2{
		float: left;
	}

}
@media (max-width: 991px) {
	.competency .row div{
		min-height: 290px;
	}
}
@media (min-width: 991px) {
.gry{
	margin-top: -3px;
	margin-left: 10px;
}
.shrink-nav .gry{
	margin-top: -3px !important;
}
}
@media (min-width: 992px) {

	.competency .row{
		background: url(../images/sharepoint-competency.png) no-repeat center top;
		background-size: 100% auto;
		padding: 0 20px 0 45px;
		margin-top:50px;
	}
	.competency .row div{
		width:19.5%;
	}
	.competency .row div span{
		width: 100% !important;
		border-radius: 0;
		margin-top: 0 !important;
		height: auto !important;
		border:0!important
	}
	.competency .row div:nth-child(1) img{
		width:58%;
		margin-top: 90px;
	}
	.competency .row div:nth-child(2) img{
		width:50%;
		margin-top: 97px;
	}
	.competency .row div:nth-child(3) img{
		width:85px;
		margin-top: 83px;
	}
	.competency .row div:nth-child(4) img{
		width: 80px;
		margin-top: 90px;
	}
	.competency .row div:nth-child(5) img{
		width: 75px;
		margin-top: 95px;
	}
	.competency .row div h2{
		margin-top:130px;
	}
}

@media (min-width: 1200px) {
	.competency .row{
		padding: 0 30px;
	}
	.competency .row div img{
		width:60%;
		margin-top: 105px!important;
	}
	.competency .row div:nth-child(2) img{
		width:53%;
	}
	.competency .row div:nth-child(3) img{
		width:99px;
	}
	.competency .row div:nth-child(4) img{
		width: 103px;
	}
	.competency .row div:nth-child(5) img{
		width: 95px;
		margin-top: 115px!important;
	}
}

.what-we-offer{
	margin:50px 0 0px 0;
 background: #fafafa;
}
.what-we-offer h1{
	text-align: center;
	color: #f36c34;
}

.what-we-offer .item{
	width:14.285%;
	position: relative;
	padding:70px 0 0 0;
	text-align: center;
	float: left;
	margin-top:40px
}
.what-we-offer .item:nth-child(odd){
	padding:0 0 80px 0;
	margin-top:48px
}
.what-we-offer .item h3{
	font-size: 17px;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	font-weight: 500;
	margin:0
}
.what-we-offer .item h3:after{
	width:16px;
	height: 16px;
	position: absolute;
	left:calc(50% - 8px);
	top:39px;
	content: '';
	border-radius: 100%;
}
.what-we-offer .item:nth-child(odd) h3{
	top:164px
}
.what-we-offer .item:nth-child(odd) h3:after{
	top:-19px
}

.what-we-offer .item div{
	width:130px;
	height: 130px;
	display: inline-block;
	border:solid 2px #8f9192;
	padding:15px;
	border-radius: 100%;
	position: relative;
}
.what-we-offer .item div:after, .what-we-offer .item div:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
    border-color: transparent transparent #8f9192 transparent;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
}
.what-we-offer .item div:after{
	border-color: transparent transparent #fff transparent;
    border-width: 0 8px 8px 8px;
    top: -6.9px;
}
.what-we-offer .item:nth-child(odd) div:before{
	border-width: 10px 10px 0 10px;
	border-color: #8f9192 transparent transparent transparent;
	top:125px
}
.what-we-offer .item:nth-child(odd) div:after{
	border-color: #fff transparent transparent transparent;
	border-width: 8px 8px 0 8px;
	top:123.9px
}
.what-we-offer .item div b{
	width:25px;
	height: 25px;
	background: #fff;
	display: inline-block;
	font-size: 17px;
	position: relative;
	top: 5px;
}
.what-we-offer .item:nth-child(odd) div b{
	top: -125px;
}
.what-we-offer .item div span, .what-we-offer .item div span i{
	width: 100%;
	height: 100%;
	display: flex;
	border-radius: 100%;
	padding:15px;
}
.what-we-offer .item div span i{
	background: #fff;
	-webkit-box-shadow: 8px 8px 14px -1px rgba(0,0,0,0.35);
	-moz-box-shadow: 8px 8px 14px -1px rgba(0,0,0,0.35);
	box-shadow: 8px 8px 14px -1px rgba(0,0,0,0.35);
}

.what-we-offer .item:nth-child(2) h3, .what-we-offer .item:nth-child(2) div b{
	color: #12bac5;
}
.what-we-offer .item:nth-child(2) h3:after, .what-we-offer .item:nth-child(2) div span{
	background: #12bac5;
}
.what-we-offer .item:nth-child(3) h3, .what-we-offer .item:nth-child(3) div b{
	color: #a0cc3a;
}
.what-we-offer .item:nth-child(3) h3:after, .what-we-offer .item:nth-child(3) div span{
	background: #a0cc3a;
}

.what-we-offer .item:nth-child(4) h3, .what-we-offer .item:nth-child(4) div b{
	color: #8f4580;
}
.what-we-offer .item:nth-child(4) h3:after, .what-we-offer .item:nth-child(4) div span{
	background: #8f4580;
}

.what-we-offer .item:nth-child(5) h3, .what-we-offer .item:nth-child(5) div b{
	color: #5b686e;
}
.what-we-offer .item:nth-child(5) h3:after, .what-we-offer .item:nth-child(5) div span{
	background: #5b686e;
}

.what-we-offer .item:nth-child(6) h3, .what-we-offer .item:nth-child(6) div b{
	color: #f15d59;
}
.what-we-offer .item:nth-child(6) h3:after, .what-we-offer .item:nth-child(6) div span{
	background: #f15d59;
}

.what-we-offer .item:nth-child(7) h3, .what-we-offer .item:nth-child(7) div b{
	color: #f7a033;
}
.what-we-offer .item:nth-child(7) h3:after, .what-we-offer .item:nth-child(7) div span{
	background: #f7a033;
}
.what-we-offer .item:nth-child(8) h3, .what-we-offer .item:nth-child(8) div b{
	color: #4ca5dc;
}
.what-we-offer .item:nth-child(8) h3:after, .what-we-offer .item:nth-child(8) div span{
	background: #4ca5dc;
}
@media(min-width:200px) and (max-width:991px){
	.what-we-offer .container{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.what-we-offer .container h1{
		width:100%;
		margin-bottom:30px
	}
	.what-we-offer .item{
		float: none;
		margin-top:0px
	}
}
@media(min-width:768px) and (max-width:991px){
	.what-we-offer .item{
		width:25%;
	}
}
@media(min-width:475px) and (max-width:767px){
	.what-we-offer .item{
		width:33.333%;
	}
}
@media(min-width:300px) and (max-width:474px){
	.what-we-offer .item{
		width:50%;
	}
}
@media(min-width:200px) and (max-width:299px){
	.what-we-offer .item{
		width:100%;
	}
	.what-we-offer .item:nth-child(odd){
		margin-bottom:20px
	}
}
.prjt{
	margin: 0!important;
	padding:20px 0 0 0!important;
}
.solution h1{
	margin-bottom: 25px;
}

.h-formActive{
 bottom:0px !important;
 display: block !important
}
	/*.send-complaint .send-text	{ position:absolute; top:0; left:30px; opacity:1; font-family:"Open Sans"; font-weight:300; font-size:16px;}
	.send-complaint:hover .send-text	{ opacity:1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px);}
	*/