@charset "utf-8";
/* CSS Document */
/* =============== ======================== style ===================== =================*/


/* =============== Header =================*/
.header-main{
	min-height:144px;
	background-color:#000;
}
.header-1{
	min-height:41px;
	background-color:#0ec52c;
}
.header-2{
	min-height:103px;
	background-color:#e21e79;
}
/* =============== Header =================*/

/* =============== Footer =================*/
/* =============== Footer =================*/

/* =============== Index =================*/
.product-box{min-height:400px;
 max-width:390px;
 margin:auto;
 background-color:#ffffff;
 border:1px solid #d9e2eb;
 padding-left:2%;
 padding-right:2%;
 padding-top:30px;
}
.product-box:hover{
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hvr-opacity {
 // display: inline-block;
 // vertical-align: middle;
 // -webkit-transform: perspective(1px) translateZ(0);
 // transform: perspective(1px) translateZ(0);
  //box-shadow: 0 0 1px transparent;
//  position: relative;
  opacity:0.4;
}
.hvr-opacity:before {
  //content: '';
 // position: absolute;
  //border: white solid 4px;
 // top: 4px;
 // left: 4px;
//  right: 4px;
 // bottom: 4px;
 // opacity: .4;
 // -webkit-transition-duration: 0.3s;
 // transition-duration: 0.3s;
 // -webkit-transition-property: opacity;
 // transition-property: opacity;
}
.hvr-opacity:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
 
  -webkit-filter: brightness(150%);
}




/* =============== Index =================*/

.single-team{ min-height:380px;
background-color:#f0f4f5;
text-align:center;
margin:auto;
max-width:240px;
border:25px solid #f0f4f5;
}
.team-details{margin-top:20px;
}
@media (max-width: 545px) {

.border-right{ //border-right:1px solid #ccc;
 border-top-right-radius:15px;
  border-bottom-right-radius:15px;
}

.border-left{ //border-left:1px solid #ccc;
 border-top-left-radius:15px;
  border-bottom-left-radius:15px;
}
}