.title-subpages {
    color: white;
}

h3 a {
    color: #FFF;
}

a {
    color: #FFF;
}

#container {
    margin: 0 auto;
    max-width: 890px;
}


.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/*======******  sub inner pages start  ******========
    =========================================*/

/*=== about us==== */
.para-align-subpages{
	text-align: justify;
}
.why_bg {
    background-color: #85b0be;
}

.why_bg2 {
    background-color: #85b0be;
    margin-top: -50px;
}

    .why_bg2 h5, .why_bg h5 {
        color: white;
		font-size:30px;
        font-style: inherit;
        font-weight: 600;
    }

.y_ppw_sideimg {
   width:100%;
}
/* ===our culture=== */

.culture-block img {
    display: block;
    margin: 0 auto;
}
.our_culture {
    font-weight: 600;
    color: #060606;
    font-size: 17px;
    line-height: 29px;
    font-family: "Open Sans", sans-serif;
    text-align: center;
}
.culture-block span {
    color: #0065a1;
}
.tag-line {
    font-family: 'Kaushan Script', cursive;
	color: #847a8c;
    text-align: center;
}


/*=== leadership team ===*/

.booking_area {
    background: #ffffff;
    position: relative;
    z-index: 2;
}

/*********************** Demo - 2 *******************/
.mt-40{margin-top:40px}
.box2{position:relative;padding: 10px}
.box2 img{width:100%;height:auto}
.box2, .icon li a{text-align:center}
.box2 .inner-content:after{content:""}
.box2{overflow:hidden}
.box2 .icon li a{border-radius:50%}
.box2 .box-content{width:100%;height:100%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}
.box2 .box-content:after,.box2 .box-content:before,.box2:after,.box2:before{content:"";width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all .5s ease 0s}
.box2:before{background:linear-gradient(45deg,rgba(0,0,0,.2) 49%,transparent 50%);left:-100%}
.box2:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.2) 50%);left:160%}
.box2 .box-content:after,.box2 .box-content:before{width:65%;height:65%;background:linear-gradient(45deg,rgba(0,0,0,.3) 49%,transparent 50%);left:-100%;transition-delay:.1s}
.box1 .box-content:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.3) 50%);left:160%}
.box2:hover .box-content:after,.box2:hover .box-content:before,.box2:hover:after,.box2:hover:before{left:50%}
.box2 .inner-content{width:50%;height:50%;color:#fff;padding:40px 0;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%) scale(0);transition:all .3s ease .2s}
.box2 .inner-content:after{width:100%;height:100%;background:rgba(255,79,79,.8);position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%) rotate(45deg)}
.box2:hover .inner-content{transform:translate(-50%,-50%) scale(1);transition:all .3s ease 0s}
.box2 .title{font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.box2 .post{display:block;font-size:14px;text-transform:capitalize;margin-bottom:7px}
.box10 .title,.box11 .title,.box4 .title,.box5 .title,.box6 .box-content,.box7 .title{text-transform:uppercase}
.box2 .icon{padding:0;margin:0;list-style:none;transform:rotateY(360deg) scale(0);transition:all .3s ease 0s}
.box2:hover .icon{transform:rotateY(0) scale(1)}
.box2 .icon li{display:inline-block;margin:0 3px}
.box2 .icon li a{display:block;width:35px;height:35px;line-height:35px;background: #2f6ea3;font-size:16px;color:#ffffff;transition:all .3s ease 0s}
.box2 .icon li a:hover{box-shadow:0 0 0 5px rgba(0,0,0,.5);background: #ffffff;color: #2f6ea3;}
@media only screen and (max-width:990px){.box2{margin-bottom:30px}
}
@media only screen and (max-width:320px){.box2 .inner-content{padding:25px 0}
.box2 .title{font-size:16px}
}

.mb-40 {
    text-align: justify;
}
.bg-linkedin:hover {
    box-shadow: 0 0 0 5px rgba(0,0,0,.5);
    background: #ffffff;
    color: #2f6ea3;
}

.bg-linkedin {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    background: #2f6ea3;
    font-size: 16px;
    color: #ffffff;
    border-radius: 50%;
    transition: all .3s ease 0s;
}

.leader_ship_team_names {
    color: white;
}


/* security policies */

.bold2 {
    font-weight: bold;
    color: #263b91;
}

/* ===life @ppww=== */

.booking_item p{
    font-weight: 400;
    color: #060606;
    font-size: 17px;
    line-height: 25px;
    /* font-family: 'Ubuntu', sans-serif; */
    font-family: "Open Sans", sans-serif;
    text-align: justify;
	text-transform: none;
}
/* ===awards ===*/
	.mt-30{
		padding:10px;
	}
.box21{text-align:center;position:relative}
.box21:after,.box21:before{content:"";width:3px;height:2px;border-radius:0%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.box21:hover:after,.box21:hover:before{-webkit-transform:scale(120);-moz-transform:scale(120);-ms-transform:scale(120);-o-transform:scale(120);transform:scale(120)}
.box21:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.box21:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.box21:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.box21:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.box21 img{width:100%;height:auto}
.box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.box21:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.box21 .title{font-size:21px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px}
.box21 .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}
.box21 .read-more{display:block;width:120px;background:#178993;border-radius:5px;font-size:14px;color:#fff;text-transform:capitalize;padding:10px 0;margin:0 auto}
@media only screen and (max-width:990px){.box21{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box21 .box-content{padding-top:0}
}
@media only screen and (max-width:359px){.box21 .title{padding-bottom:10px}
}

/* ===gallery === */
.project-menu ul li {
  padding: 10px 16px;
  border-radius: 35px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  background: #f5f5f5;
  margin: 0 10px 25px;
}

.project-menu ul li.active {
  background: #24667b;
  color: #fff;
}

.project-info {
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: .2s ease;
}
.project-info a {
  color: white;
  position: absolute;
  left: 30px;
  bottom: 40px;
  transform: translateY(20px);
  opacity: 0;
}


.project-info a:hover {
  color: #e84444;
}

.project-info p {
  position: absolute;
  left: 25px;
  bottom: 0;
  color: #fff;
  transition: .2s ease;
  transform: translateY(20px);
  opacity: 0;
  transition-delay: .1s;
}

.project-info p i {
  margin-right: 5px;
}

.project-info:hover {
  opacity: 1;
}

.project-info:hover a {
  transform: translateY(0);
  opacity: 1;
}

.project-info:hover p {
  transform: translateY(0);
  opacity: .7;
}

/* ===============   services  ================
==================             ================= */

    /* IT infrastructure java*/

.fullstack-subhead {
    font-weight: bold;
    color: #327937;
}

.fullstack-subpara {
    font-weight: bold;
    color: #263b91;
}

/*======******  sub inner pages end  ******========*/
/*---------------------------------------------------- */
/* Home Banner Area css
============================================================================================ */
.home_banner_area {
    position: relative;
    z-index: 1;
}
  .home_banner_area .banner_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 260px; } 
    .home_banner_area .banner_inner .bg-parallax {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/about/press-release.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1; 
	  background-attachment: fixed;}
	      .home_banner_area .banner_inner .bg-parallax-yppw {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/about/ypw.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
	  background-attachment: fixed;
	  }
	      .home_banner_area .banner_inner .bg-parallax-values {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/about/values.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1; 
	  background-attachment: fixed;}
	      .home_banner_area .banner_inner .bg-parallax-culture {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/about/culture.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
		background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-leader {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/about/leader_ship.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-board {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/about/board-member.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-security {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/about/security.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1; 
	  background-attachment: fixed;}
	      .home_banner_area .banner_inner .bg-parallax-lifeppw {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/about/life-ppw.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-awards {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/about/awards.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-gallery {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/about/gallery.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-ser-vertical {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/services/images.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 135%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-ser-recruiting {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/services/recruiting.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-ser-contract {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/services/contract.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-ser-executive {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/services/executive.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-ser-rpo {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/services/rpo.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-ser-payroll {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/services/payroll.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 132%;
      z-index: -1;
background-attachment: fixed;	  }
	      .home_banner_area .banner_inner .bg-parallax-ser-market {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/services/market.png) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1; 
	  background-attachment: fixed;}
	      .home_banner_area .banner_inner .bg-parallax-ser-bulk {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/services/bulk.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1; 
	  background-attachment: fixed;}
	      .home_banner_area .banner_inner .bg-parallax-ser-premium {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/services/premium.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1; 
	  background-attachment: fixed;}
	  
		/* industries sub banners */
		
	  .home_banner_area .banner_inner .bg-parallax-industries-bfsi {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/industries/bfsi.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
		background-attachment: fixed;	  }

	  .home_banner_area .banner_inner .bg-parallax-industries-health {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/industries/health-care.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }

	  .home_banner_area .banner_inner .bg-parallax-industries-fmcg {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/industries/fmcg.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }

	  .home_banner_area .banner_inner .bg-parallax-industries-media {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/industries/media.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }

	  .home_banner_area .banner_inner .bg-parallax-industries-retail {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/industries/retail.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }

	  .home_banner_area .banner_inner .bg-parallax-industries-pharma {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/industries/pharma.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }

	  .home_banner_area .banner_inner .bg-parallax-industries-telecom {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/industries/telecom.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }

	  .home_banner_area .banner_inner .bg-parallax-industries-technology {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/industries/technology.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }

	  .home_banner_area .banner_inner .bg-parallax-industries-it-infra {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/industries/it-infra.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }

/* it infra */

	  .home_banner_area .banner_inner .bg-parallax-it-infra-server-os-managemnt {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/server-os-managemnt.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-storage-san-nas {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/storage-san-nas.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-managed-idsips {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/managed-idsips.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-db-administration {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/database.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-mainframe{
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/mainframe.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-data-center{
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/datacenter.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-managed-lan-wan {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/managed-lan-wan.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-voip {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/voip.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-vpn {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/vpn.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-ip-telephony {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/ip-telephony.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-ad-services {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/ad-services.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-it-helpdesk {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/it-helpdesk.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-devops {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/DevOps.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-app-packaging {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/app-packaging.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-Ticketing_Tools {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/Ticketing_Tools.jpg) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }

	  .home_banner_area .banner_inner .bg-parallax-it-infra-java-fullstack {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/fullstack.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-java-frontend {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/frontend.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-java-middleware {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/middleware.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	  .home_banner_area .banner_inner .bg-parallax-it-infra-java-backend {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/it-infrastructure/backend.webp) no-repeat scroll center center;
      background-size: cover;
      height: 110%;
      z-index: -1;
background-attachment: fixed;	  }
	.home_banner_area .banner_inner .bg-parallax-jobs-interviewtips {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/find-jobs/tips-for-interview.webp) no-repeat scroll center center;
		background-size: cover;
		height: 110%;
		z-index: -1;
		background-attachment: fixed;	  }
			.home_banner_area .banner_inner .bg-parallax-jobs-right-talent {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/find-jobs/find-right-talent.webp) no-repeat scroll center center;
		background-size: cover;
		height: 110%;
		z-index: -1;
		background-attachment: fixed;	  }
			.home_banner_area .banner_inner .bg-parallax-jobs-submit-resume {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/find-jobs/submit-resume.webp) no-repeat scroll center center;
		background-size: cover;
		height: 110%;
		z-index: -1;
		background-attachment: fixed;	  }
		.home_banner_area .banner_inner .bg-parallax-contact {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../images/people-prime-banners/contact1.jpg) no-repeat scroll center center;
		background-size: cover;
		height: 110%;
		z-index: -1;
		background-attachment: fixed;	  }

    .home_banner_area .banner_inner .banner_content {
      color: #fff; }
      .home_banner_area .banner_inner .banner_content h5 {
        text-transform: uppercase;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 15px; }
      .home_banner_area .banner_inner .banner_content h1 {
        font-size: 45px;
        font-family: "Playfair Display", serif;
        font-weight: 900;
        color: #fff;
text-shadow: 2px 2px black;		}
        @media (max-width: 767px) {
          .home_banner_area .banner_inner .banner_content h1 {
            font-size: 40px;
            margin-bottom: -80px;
			text-shadow: 2px 1px #052a3e;
			} }

  .banner_area .banner_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 300px;
    background: #000000;
    z-index: 1; }
    .banner_area .banner_inner .overlay {
      background: url(../img/banner/banner.html) no-repeat scroll center center;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 125%;
      bottom: 0;
      z-index: -1;
      opacity: .85; }

    
     

/* End Home Banner Area css
============================================================================================ */


/*----------------------------------------------------*/
/* Booking Area css
============================================================================================ */

  @media (max-width: 991px) {
    .booking_area {
      margin-top: 0px; } }
  .booking_area .row {
    margin: 0; }
  .booking_area .col-lg-3 {
    padding: 30px 0; }
    .booking_area .col-lg-3:nth-child(3) .booking_item, .booking_area .col-lg-3:nth-child(4) .booking_item {
      border-right: 0; }
  .booking_area .coupon-code {
    background: #f1f9ff; }

.booking_item {
  padding: 7px 14px; }
  .booking_item input[type="date"]::-webkit-calendar-picker-indicator,
  .booking_item input[type="date"]::-webkit-inner-spin-button {
    display: none; }
  @media (max-width: 460px) {
    .booking_item {
      padding: 7px 12px; } }

  .booking_item p {
       font-size: 16px;
    text-align: justify;
	}
    @media (max-width: 460px) {
      .booking_item p {
        font-size: 13px; } }


/* End Booking Area css
============================================================================================ */
/* About Area css
============================================================================================ */
.about_area {
  position: relative;
margin: 0 auto;
  }
  .about_area:after {
    content: '';
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    bottom: -23.4%;
    width: 100%;
    /* background: #f1f9ff; */
    z-index: -1; }
    @media (max-width: 767px) {
      .about_area:after {
        bottom: -36.4%; } }
  .about_area.rooms:after {
    bottom: -48.4%; }


/*# sourceMappingURL=style.css.map */




/* ============================================================== */
/* ====================our values page css====================== */
/* ============================================================== */
/* start of our values */
/* =============== */
/* our value boxes  */
/* =============== */
.about-me-bckg {
position: absolute;
    /* background-image: url(../images/about-me-bckg.webp); */
    /* background-position: center; */
    /* background-size: cover; */
    /* height: 500px; */
    /* top: -75px; */
    right: 0;
    height: calc(100% + 150px);
    width: 60%;
    z-index: -1;
  }
  .about-me-bckg2 {
position: absolute;
   
    /* background-position: center; */
    /* background-size: cover; */
    /* height: 500px; */
    /* top: -75px; */
    right: 0;
    /* height: calc(100% + 150px); */
	left: 14%;
    height: 23%;
    width: 50%;
    z-index: -1;
	border: 2px solid #114964;
  }
 .ourvalues-gap{
 margin-top: 36px;
 margin-bottom: 36px;
 }
  .about-me-bckg:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 78%;
    height: 20%;
    /* background-color: #000; */
    opacity: 0.7;
border: 2px solid #114964;	}
  @media (max-width: 992px) {
    .about-me-bckg {
      width: 100%;
      padding-bottom: 15px; } }
	  
	    .about-me-bckg2:after {
    content: '';
    position: absolute;
    top: -4px;
    right: 66%;
    width: 78%;
    height: 20%;
    /* background-color: #000; */
    opacity: 0.7;	}
  @media (max-width: 992px) {
    .about-me-bckg2 {
      width: 100%;
      padding-bottom: 15px; } }


.about-me-inner {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 992px) {
    .about-me-inner {
      flex-direction: column;
      align-items: center; } }
.about-me-slider3 {
  margin-left: 16%; }
  
  
.about-me-slider {
  position: relative; }
  .about-me-slider .slick-arrow {
    position: absolute;
    bottom: -18%; }
  .about-me-slider .slick-prev {
    left: 40%; }
    @media (max-width: 520px) {
      .about-me-slider .slick-prev {
        left: 34%; } }
  .about-me-slider .slick-next {
    right: 40%; }
    @media (max-width: 520px) {
      .about-me-slider .slick-next {
        right: 34%; } }
	.about-me__text2{
border: 2px solid;
    right: 150px;
    /* margin-right: -3%; */
    z-index: -3;
    height: 23%;
    /* max-width: 69%; */
    position: absolute;
}
#ourvalues-section2 h4{
	    text-align: center;
}

.section-title-main{
font-style: oblique;
    color: #323f8a;
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 30px;
    text-transform: uppercase;
    padding-bottom: 10px;
}


.about-me__text {
  width: 44%;
  /* margin-right: 80px; */
  text-align: justify; }
  .about-me__text .universal-h2 {
    color: #000;
	/* margin-top: 4%; */
    }
  .about-me__text p {
    /* margin-bottom: 35px; */
    line-height: 24px;
	font-size: 18px;
    color: #000000; 
	padding: 0 4%;
	}
    .about-me__text p span {
      font-size: 48px;
      color: #fff; }
    @media (max-width: 620px) {
      .about-me__text p {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 19px; } }
  .about-me__text h4 {
    margin-bottom: 7px;
    font-size: 25px;
    color: #c18f59; }
  .about-me__text .p-white {
    margin-bottom: 0;
    color: #fff; }
  @media (max-width: 1250px) {
    .about-me__text {
      width: 48%;
      margin-right: 40px; } }
  @media (max-width: 992px) {
    .about-me__text {
      width: 100%;
      margin-right: 0; } }
#ourvalues-section2 {
  border: 5px solid #114964;
  padding: 2px;

}
.portfolio-wrapper {
  /* width: 390px; */
  padding: 8px;
  text-align: center; }
  .portfolio-wrapper .portfolio__img {
    font-size: 0; }
    .portfolio-wrapper .portfolio__img img {
      width: 100%; }
  .portfolio-wrapper .portfolio__bottom {
    padding: 0px 0 1px;
    background-color: #114964; }
    @media (max-width: 992px) {
      .portfolio-wrapper .portfolio__bottom {
        padding: 25px 0; } }
  .portfolio-wrapper .portfolio__name {
    display: flex;
    justify-content: center;
    align-items: flex-start;
     }
    @media (max-width: 992px) {
      .portfolio-wrapper .portfolio__name {
        margin-bottom: 10px; } }
    .portfolio-wrapper .portfolio__name span {
      font-size: 90px;
      line-height: 75px;
      color: #c18f59;
      font-family: "Calisto-MT-Bold"; }
      @media (max-width: 992px) {
        .portfolio-wrapper .portfolio__name span {
          font-size: 65px;
          line-height: 62px; } }
  .portfolio-wrapper p {
    padding: 0 10%;
	text-align: justify;
    line-height: 25px;
	font-weight: 500;
    /* font-style: italic; */
    color: #fff; }
    @media (max-width: 620px) {
      .portfolio-wrapper p {
        font-size: 15px;
        line-height: 20px; } }
  @media (max-width: 992px) {
    .portfolio-wrapper {
      margin-bottom: 20px; } }
  @media (max-width: 620px) {
    .portfolio-wrapper {
      width: 250px; } }
	  
	  /* Universal style */

.site-container {
  width: 74%;
  margin: 0 auto; }
  @media (max-width: 1250px) {
    .site-container {
      width: 90%; } }

.universal-h2 {
  /* font-size: 48px; */
  text-align: center;
  color: #fff; }
  @media (max-width: 1250px) {
    .universal-h2 {
      font-size: 38px; } }
  @media (max-width: 668px) {
    .universal-h2 {
      font-size: 30px; } }

.universal-h2-bckg {
  /* background-image: url("../images/double-line.svg"); */
  background-repeat: no-repeat;
  background-position: center bottom; }

/* Universal style end */

h2{
  text-align:center;
}

/* =================== */
/*client Slider  starts*/
/* =================== */
.slick-slide {
    margin: 0px 20px;
}
.slick-slide img {
    width: 100%;
}
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: 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;
}
.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;
}

/* ============= */
/* footer starts */
/* ============= */

/* :: 11.0 Footer Area CSS */
.news-thumbnail img{
	height: auto;
    max-width: 100%;
}
 {
  position: relative;
  z-index: 1;
  background-color: #021c3c; }
   .single-footer-widget {
    position: relative;
    z-index: 1; }
     .single-footer-widget .widget-title {
      font-size: 18px;
      color: #ffbb38;
      margin-bottom: 40px;
      font-weight: 400; }
     .single-footer-widget ul li a {
      display: block;
      color: #ffffff;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 30px;
      position: relative;
      z-index: 1;
      padding-left: 23px; }
       .single-footer-widget ul li a::before {
        content: '';
        width: 8px;
        height: 8px;
        top: 7px;
        left: 0;
        border-radius: 50%;
        background-color: #ffbb38;
        position: absolute;
        z-index: 1; }
       .single-footer-widget ul li a:hover,  .single-footer-widget ul li a:focus {
        color: #ffbb38; }
     .single-footer-widget ul li:last-child a {
      margin-bottom: 0; }
	  .single-latest-news-area {
  position: relative;
  z-index: 1;
  margin-bottom: 20px; }
  .single-latest-news-area:last-child {
    margin-bottom: 0; }
  .single-latest-news-area .news-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%; }
  .single-latest-news-area .news-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    width: 75%;
    padding-left: 10px; }
    .single-latest-news-area .news-content a {
      display: block;
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 0;
      color: #ffffff; }
      .single-latest-news-area .news-content a:hover, .single-latest-news-area .news-content a:focus {
        color: #ffbb38; }
    .single-latest-news-area .news-content .news-meta a {
      position: relative;
      z-index: 1;
      display: inline-block;
      font-size: 12px;
      color: #838383;
      font-weight: 600;
      margin-bottom: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-latest-news-area .news-content .news-meta a {
          font-size: 9px; } }
      .single-latest-news-area .news-content .news-meta a img {
        margin-right: 2px; }
      .single-latest-news-area .news-content .news-meta a:last-child {
        margin-left: 21px; }
        .single-latest-news-area .news-content .news-meta a:last-child::after {
          content: '|';
          position: absolute;
          top: 0;
          left: -15px;
          z-index: 1; }
      .single-latest-news-area .news-content .news-meta a:hover, .single-latest-news-area .news-content .news-meta a:focus {
        color: #ffbb38; }
		
section#footer {
	background-color:rgba(5, 42, 62, 1);
	margin: 0;
	color: #fff;
}

section#footer .copyright {
	text-align: center;
}

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}

/* footer menu */
ul.footer-menu {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.footer-menu li {
	display: inline;
	margin: 0 5px;
}

/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

/* footer */
.social-circle li a {
	background:#85b0be;
}

a.scrollup{
	background:#85b0be;
}
.align-center {
    text-align: center;
}
.mar-bot20 {
    margin-bottom: 20px;
}
section.section {
    padding: 49px 0 0px 0;
}
/* footer ends */

/* end of our values */
/* contact form css start */
	.help-block {
    display: block;
    margin-top: -30px;
    margin-bottom: 27px;
    color: #737373;
	}
	.has-feedback label~.form-control-feedback {
		top: -5px;
		right: 0;
	}

.main-btn-rect,
.main-btn-circle{
	position: relative;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	color: #FFFFF0;
	background-color: rgb(252, 79, 79);
	text-transform: uppercase;
	font-size: 25px;
	letter-spacing: 1px;	
	outline: none;
	cursor: pointer;
	z-index: 100;
}
.main-btn-rect {
	padding: 10px 80px;
	line-height: 30px;
}
.main-btn-rect:before, 
.main-btn-rect:after{
  position: absolute;
  content: '';
  top:0;
  width: 0%;
  height: 100%;
  background-color: rgba(255, 255, 240, 0.2);
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.main-btn-rect:before {
  left: 0;
}
.main-btn-rect:after {
  right: 0;
}
.main-btn-rect:hover:before, 
.main-btn-rect:hover:after{
  width: 50%;
}
.main-btn-circle{
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50%;
	border-radius: 100%;
	line-height: 40px;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.main-btn-circle:hover{   
  -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
}

.main-btn-rect{
  padding: 10px 100px;
}

.fade-out{
  position: absolute;
  top: -20px;
  right: -20px;
  text-align: center;
  font-size: 15px;
}

@media only screen and (max-width: 768px){
  h1 {font-size: 25px;}
  h2 {font-size: 14px;}
  form#contact_us .main-btn-rect {padding: 7px 60px; font-size: 14px;}
  .popup-btn{padding: 7px 60px; font-size: 14px;}
}
/* contact form css end */

/*--------------------------------------------------------------
# it-infra-main-page
--------------------------------------------------------------*/
.features .icon-box {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #f6f6f6;
  transition: ease-in-out 0.3s;
}

.features .icon-box i {
  font-size: 32px;
  padding-right: 10px;
  line-height: 1;
}

.features .icon-box h3 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 16px;
}

.features .icon-box h3 a {
  color: #222222;
  transition: ease-in-out 0.3s;
}

.features .icon-box h3 a:hover {
  color: #3498db;
}

.features .icon-box:hover {
  background: #eef7fc;
}