﻿.demo{ background: #e5e5e5; }
.our-team{
   /* border: 2px solid #ff3232; */
   border: 2px solid #15a5fb;
    border-radius: 10px;
    text-align: center;
    margin: 10px;
    z-index: 1;
    position: relative;
    cursor:zoom-in;
}
/*.our-team:before,
.our-team:after{
    content: "";
    width: 100%;
    height: 104%;
    background: #15a5fb;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    transform: translateY(-50%) scaleX(0.3);
    transition: all 0.3s ease 0s;
}
.our-team:after{
    width: 106%;
    left: 50%;
    transform: translate(-50%, -50%) scaleY(0.25);
}
*/
.our-team:hover:before{ transform: translateY(-50%) scaleX(0.7); }
.our-team:hover:after{ transform: translate(-50%, -50%) scaleY(0.7); }
.our-team img{
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: all 0.3s ease 0s;
}
.our-team .team-content{
    width: 93%;
    padding: 25px 0 10px;
   /* background: #ff4444; */
   background: #15a5fb;
    position: absolute;
    bottom: 50px;
    left: 50%;
    opacity: 0;
    -webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
    transform: translateX(-50%);
    transition: all 0.3s cubic-bezier(0.5, 0.2,0.1,0.9);
}
.our-team:hover .team-content{
    bottom: 10px;
    opacity: 1;
}
.our-team .title{
    font-size: 1.2em;//25px;
    font-weight: 500;//600;
    color: #fff;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0;
}
.our-team .post{
    display: block;
    font-size: .8em;//16px;
    color: #fff;
    line-height:1em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.our-team .social{
    padding: 0;
    margin: 0;
    list-style: none;
}
.our-team .social li{
    display: inline-block;
    margin: 0 5px;
}
.our-team .social li a{
    display: block;
    width: 1.4em;//35px;
    height: 1.4em;//35px;
    line-height: 1.4em;//35px;
    border-radius: 50%;
    background: #fff;
    font-size: .8em;//20px;
    color: #15a5fb;
    transition: all 0.3s ease 0s;
}
.our-team .social li a:hover{
    background: linear-gradient(to bottom,#15a5fb, darkblue);
    box-shadow: 0 0 0 5px rgba(255,255,255,0.3);
    color: #fff;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}


/*About Us new page*/

#aboutUsNew {
 box-sizing: border-box;
}

#aboutUsNew *,#aboutUsNew *:before,#aboutUsNew *:after {
  box-sizing: inherit;
}
#aboutUsNew .row{
//display:flexbox;
}
#aboutUsNew .column {
  //float: left;
  //width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

@media screen and (max-width: 650px) {
 #aboutUsNew .column {
    width: 100%;
    display: block;
    //flex: 1
  }
}

#aboutUsNew .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#aboutUsNew .container {
  padding: 0 16px;
}

#aboutUsNew .container::after,#aboutUsNew .row::after {
  content: "";
  clear: both;
  display: table;
}

#aboutUsNew .title {
  color: grey;
}

#aboutUsNew .button {
 //position:absolute;
     border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  //bottom:8px;
}

#aboutUsNew .button:hover {
  background-color: #555;
}
