* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body { font-family: 'Montserrat', sans-serif!important;background: #ffffff url(../images/team-background.jpg) no-repeat center 100px;}

.masonry {
 width: 1130px;
 margin: 0 auto;margin-top: 10px;
 margin-bottom: 20px;
}
h1.heading {
    top: 0 !important;
    color: #5EC9E0 !important;
    text-align: center;
    font-size: 32px;
    font-weight: bolder;
    letter-spacing: 8px;
}
.masonry .item {
  float: left;
}

/* item is invisible, but used for layout */
.item,
.item-content {
  width: 160px;
  height: 170px;
}

.item {
  border: none;
  background: transparent;
}

/* item-content is visible, and transitions size */
.item-content {
  width: 160px;
  height: 170px;
  
  border: 4px solid transparent;
 
  border-radius: 5px;
  -webkit-transition: width 0.4s, height 0.4s;
     -moz-transition: width 0.4s, height 0.4s;
       -o-transition: width 0.4s, height 0.4s;
          transition: width 0.4s, height 0.4s;
      
}

.item:hover .item-content {
 
 opacity:1.0!important;
 
    cursor: pointer;
}


/* both item and item content change size */
.item.is-expanded,
.item.is-expanded .item-content {
  width: 480px;
  height: 340px;

  border: 0;
  border-radius:0;
   
}

.item.is-expanded {
  z-index: 2;
}


#puneet{background: url(../images/puneet.png)no-repeat; opacity:0.7;}
#sreenish{background: url(../images/sreenish.png)no-repeat; opacity:0.7;}
#ranga{background: url(../images/ranga.png)no-repeat; opacity:0.7;}
#abu{background: url(../images/abu.png)no-repeat; opacity:0.7;}
#anees{background: url(../images/anees.png)no-repeat; opacity:0.7;}
#suharsh{background: url(../images/suharsh.png)no-repeat; opacity:0.7;}
#sudipto{background: url(../images/sudipto.png)no-repeat; opacity:0.7;}
#deepak{background: url(../images/deepak.png)no-repeat; opacity:0.7;}
#rahul{background: url(../images/rahul.png)no-repeat; opacity:0.7;}
#ajay{background: url(../images/ajay.png)no-repeat; opacity:0.7;}
#ankitha{background: url(../images/ankitha.png)no-repeat; opacity:0.7;}
#anshul{background: url(../images/anshul.png)no-repeat; opacity:0.7;}
#as{background: url(../images/as.png)no-repeat; opacity:0.7;}
#ap{background: url(../images/ap.png)no-repeat; opacity:0.7;}
#bhaskar{background: url(../images/bhaskar.png)no-repeat; opacity:0.7;}
#ganesh{background: url(../images/ganesh.png)no-repeat; opacity:0.7;}
#hina{background: url(../images/hina.png)no-repeat; opacity:0.7;}
#mani{background: url(../images/mani.png)no-repeat; opacity:0.7;}
#manoj{background: url(../images/manoj.png)no-repeat; opacity:0.7;}
#pankhuri{background: url(../images/pankhuri.png)no-repeat; opacity:0.7;}
#prateek{background: url(../images/prateek.png)no-repeat; opacity:0.7;}
#renuka{background: url(../images/renuka.png)no-repeat; opacity:0.7;}
#shilpi{background: url(../images/shilpi.png)no-repeat; opacity:0.7;}
#rohit{background: url(../images/rohit.png)no-repeat; opacity:0.7;}
#venkat{background: url(../images/venkat.png)no-repeat; opacity:0.7;}
#shilpiroy{background: url(../images/shilpiroy.png)no-repeat; opacity:0.7;}
#jenni{background: url(../images/jenni.png)no-repeat; opacity:0.7;}
#billwa{background: url(../images/billwa.png)no-repeat; opacity:0.7;}
#ritika{background: url(../images/ritika.png)no-repeat; opacity:0.7;}
#hemant{background: url(../images/hemant.png)no-repeat; opacity:0.7;}
#deepan{background: url(../images/deepan.png)no-repeat; opacity:0.7;}
#anto{background: url(../images/anto.png)no-repeat; opacity:0.7;}
#rameez{background: url(../images/rameez.png)no-repeat; opacity:0.7;}
#tusshar{background: url(../images/tusshar.png)no-repeat; opacity:0.7;}
#prashanth{background: url(../images/prashanth.png)no-repeat; opacity:0.7;}
#neeraj{background: url(../images/neeraj.png)no-repeat; opacity:0.7;}
#sabin{background: url(../images/sabin.png)no-repeat; opacity:0.7;}
#leela{background: url(../images/leela.png)no-repeat; opacity:0.7;}
#rushitha{background: url(../images/rushitha.png)no-repeat; opacity:0.7;}
#akshata{background: url(../images/akshata.png)no-repeat; opacity:0.7;}
#sudharma{background: url(../images/sudharma.png)no-repeat; opacity:0.7;}
#radha{background: url(../images/radha.png)no-repeat; opacity:0.7;}
#deb{background: url(../images/deb.png)no-repeat; opacity:0.7;}
#rajesh{background: url(../images/rajesh.png)no-repeat; opacity:0.7;}
#shalini{background: url(../images/shalini.png)no-repeat; opacity:0.7;}
#Somedatta{background: url(../images/somedatta.png)no-repeat; opacity:0.7;}
#Shilpineha{background: url(../images/shilpneha.png)no-repeat; opacity:0.7;}
#Saumava{background: url(../images/saumava.png)no-repeat; opacity:0.7;}
#Saju{background: url(../images/saju.png)no-repeat; opacity:0.7;}
#Rucha{background: url(../images/rucha.png)no-repeat; opacity:0.7;}
#Rajashree{background: url(../images/rajashree.png)no-repeat; opacity:0.7;}
#Jennifer{background: url(../images/jennifer.png)no-repeat; opacity:0.7;}
#sarika{background: url(../images/sarika.png)no-repeat; opacity:0.7;}
#bhanu{background: url(../images/bhanu.png)no-repeat; opacity:0.7;}
#sunny{background: url(../images/sunny.png)no-repeat; opacity:0.7;}
#sanjay{background: url(../images/sanjay.png)no-repeat; opacity:0.7;}
#megha{background: url(../images/megha.png)no-repeat; opacity:0.7;}
#vaishnavi{background: url(../images/vaishnavi.png)no-repeat; opacity:0.7;}

#trailokya {background: url(../images/trailokya.png)no-repeat; opacity:0.7;}
#shivani{background: url(../images/shivani.png)no-repeat; opacity:0.7;}
#vartika{background: url(../images/vartika.png)no-repeat; opacity:0.7;}
#akshima{background: url(../images/akshima.png)no-repeat; opacity:0.7;}
#nihal{background: url(../images/nihal.png)no-repeat; opacity:0.7;}
#jithin{background: url(../images/jithin.png)no-repeat; opacity:0.7;}
#priyanka{background: url(../images/priyanga.png)no-repeat; opacity:0.7;}
#namitha{background: url(../images/namitha.png)no-repeat; opacity:0.7;}
#naghma{background: url(../images/naghma.png)no-repeat; opacity:0.7; background-size: cover !important; }


.item.is-expanded #puneet{background:url(../images/puneetbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #sreenish{background: url(../images/sreenishbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #ranga{background: url(../images/rangabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #rahul{background: url(../images/rahulbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #deepak{background: url(../images/deepakbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #abu{background: url(../images/abubg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #anees{background: url(../images/aneesbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #suharsh{background: url(../images/suharshbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #sudipto{background: url(../images/sudiptobg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #ajay{background: url(../images/ajaybg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #ankitha{background: url(../images/ankithabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #anshul{background: url(../images/anshulbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #as{background: url(../images/asbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #ap{background: url(../images/apbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #bhaskar{background: url(../images/bhaskarbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #ganesh{background: url(../images/ganeshbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #hina{background: url(../images/hinabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #mani{background: url(../images/manibg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #manoj{background: url(../images/manojbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #pankhuri{background: url(../images/pankhuribg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #prateek{background: url(../images/prateekbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #renuka{background: url(../images/renukabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #shilpi{background: url(../images/shilpibg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #rohit{background: url(../images/rohitbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #venkat{background: url(../images/venkatbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #shilpiroy{background: url(../images/shilpiroybg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #jenni{background: url(../images/jennibg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #billwa{background: url(../images/billwabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #ritika{background: url(../images/ritikabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #hemant{background: url(../images/hemantbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #deepan{background: url(../images/deepanbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #anto{background: url(../images/antobg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #rameez{background: url(../images/rameezbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #tusshar{background: url(../images/tussharbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #prashanth{background: url(../images/prashanthbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #neeraj{background: url(../images/neerajbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #sabin{background: url(../images/sabinbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #leela{background: url(../images/leelabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #rushitha{background: url(../images/rushithabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #akshata{background: url(../images/akshatabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #sudharma{background: url(../images/sudharmabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #radha{background: url(../images/radhabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #deb{background: url(../images/debbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #rajesh{background: url(../images/rajeshbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #shalini{background: url(../images/shalinibg.png)no-repeat!important; opacity:1.0!important;}

.item.is-expanded #Shilpineha{background: url(../images/shilpnehabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #Saumava{background: url(../images/saumavabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #Saju{background: url(../images/sajubg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #Rucha{background: url(../images/ruchabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #Rajashree{background: url(../images/rajashreebg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #Jennifer{background: url(../images/jenniferbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #sarika{background: url(../images/sarikabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #bhanu{background: url(../images/bhanubg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #sunny{background: url(../images/sunnybg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #sanjay{background: url(../images/sanjaybg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #megha{background: url(../images/meghabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #vaishnavi{background: url(../images/vaishnavibg.png)no-repeat!important; opacity:1.0!important;}

.item.is-expanded #shivani{background: url(../images/shivanibg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #trailokya{background: url(../images/trailokyabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #vartika{background: url(../images/vartikabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #akshima{background: url(../images/akshimabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #nihal{background: url(../images/nihalbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #jithin{background: url(../images/jithinbg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #priyanka{background: url(../images/priyangabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #namitha{background: url(../images/namithabg.png)no-repeat!important; opacity:1.0!important;}
.item.is-expanded #naghma{background: url(../images/naghmabg.png)no-repeat!important; opacity:1.0!important;}




.content-1{display: none;}
.is-expanded .item-content .content-1{display: block!important;transition: opacity 0.2s 0 ease;}



.called {
font-size: 26px!important;
line-height: 26px!important;
/* color: #777; */
text-align: center;
font-family: 'Montserrat', sans-serif;
/* width: 200px; */
text-align: left;
margin: 0!important;
}
.designation{
font-size: 16px!important;
line-height: 23px!important;
/* color: #777; */
text-align: left;
font-family: 'PTSansRegular';

margin:  0!important;
}

.content-1 h3 {
font-size: 15px;
line-height: 0;
/* color: #47BDA8; */
text-align: center;
font-family: 'PTSansRegular';
line-height: 31px;
}


.content-1 p{font-size: 12px;
line-height: 19px;
/* text-align: center; */
margin: 0;
/* color: #777; */
padding-left: 15px;
font-family: 'Montserrat', sans-serif;margin: 12px 0;}
.item span{position: absolute; bottom: 0;color: #ffffff;visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.5s,opacity 0.5s linear;
  width: 157px;height: 20px; padding: 30px 12px;cursor: pointer;font-family: PTSansRegular;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
transition: all .3s linear; }
.item:hover span{display: block; visibility:visible;
  opacity:1;
  transition-delay:0s;}
.item.is-expanded:hover span{display: none;}
.item .item-content div{pointer-events: none;}
.item .item-content .content-1{
   pointer-events: none;
}

.item .item-content span{
pointer-events: none;
}
.tech{float: right;
width: 266px;
margin: 25px 10px;
background: #13a4d0;
padding: 18px 11px 18px 0;color:  #ffffff;height: 292px;}
.ceo{float: right;
width: 266px;
margin: 3px 10px;
padding: 18px 11px 18px 0;color:  #13a4d0;height: 292px;}
.analytics{float: right;
width: 266px;
margin: 25px 10px;
background: #db2327;
padding: 18px 11px 18px 0;color:  #ffffff;height: 292px;}

.bd{float: right;
width: 266px;
margin: 25px 10px;
background: #7ab341;
padding: 18px 11px 18px 0;color:  #ffffff;height: 292px;}
.creative{float: right;
width: 266px;
margin: 25px 10px;
background: #13a4d0;
padding: 18px 11px 18px 0;color:  #ffffff;height: 292px;}
.sm{float: right;
width: 266px;
margin: 25px 10px;
background: #db2327;
padding: 18px 11px 18px 0;color:  #ffffff;height: 292px;}
.seo{float: right;
width: 266px;
margin: 25px 10px;
background: #13a4d0;
padding: 18px 11px 18px 0;color:  #ffffff;height: 292px;}
.admin{float: right;
width: 266px;
margin: 25px 10px;
background: #db2327;
padding: 18px 11px 18px 0;color:  #ffffff;height: 292px;}

.image-bottom{float: left;
position: absolute;
bottom: 1px;
background: #514E4E;
color: #fff;
text-align: center;
width: 171px;
height: 105px;
margin: 22px;}
.image-bottom p{padding: 30px;text-align: center;font-size: 16px;color: #0ea7ad;font-weight: bold; }



@media (max-width: 768px){


.masonry {
    width: 89% !important;
    margin-left: 19px;
}
.item.is-expanded, .item.is-expanded .item-content {
    width: 100% !important;
}
.ceo {
    float: right;
    width: 100%;
    margin: 3px 0px;
    padding: 18px 11px 18px 0;
    color: #13a4d0;
    height: 223px;
    margin-top: 300px;
    background: #ffffff;
}
.analytics {
    float: right;
    width: 90.5%;
    margin: 25px 10px;
    background: #db2327;
    padding: 18px 11px 18px 0;
    height: 132px;
    color: #fff;
    margin-top: 197px;
}

.admin{
    float: right;
    width: 90.5%;
    margin: 25px 10px;
    background: #db2327;
    padding: 18px 11px 18px 0;
    height: 132px;
    color: #fff;
    margin-top: 197px;
}
.tech{
    float: right;
    width: 90.5%;
    margin: 25px 10px;
    padding: 18px 11px 18px 0;
    height: 132px;
    color: #fff;
    margin-top: 197px;
}
.creative{
    float: right;
    width: 90.5%;
    margin: 25px 10px;
    padding: 18px 11px 18px 0;
    height: 132px;
    color: #fff;
    margin-top: 197px;
}
.sm{
    float: right;
    width: 90.5%;
    margin: 25px 10px;
    padding: 18px 11px 18px 0;
    height: 132px;
    color: #fff;
    margin-top: 197px;
}
.bd{
    float: right;
    width: 90.5%;
    margin: 25px 10px;
    padding: 18px 11px 18px 0;
    height: 132px;
    color: #fff;
    margin-top: 197px;
}
.image-bottom{ display: none !important;  }


}