/*
flip card
*/
.card-flip > div {
  backface-visibility: hidden;
  transition: transform 300ms;
  transition-timing-function: linear;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
}

.card-front {
  transform: rotateY(0deg);
}

.card-back {
  transform: rotateY(180deg);
  position: absolute;
  top: 0;
}

.card-flip:hover .card-front {
  transform: rotateY(-180deg);
}
  
.card-flip:hover .card-back {
  transform: rotateY(0deg);
}

.box1 {
  width: 300px;
  height: 100px;  
  padding: 50px;
  border: 1px solid black;
}

.tagMargin{
	margin-right: 7px;
  color: white!important;
}

.subtitleSecond{
  font-weight: 200;
}
.starColor{
  color: red;
}

.underLine{
  color: #ffff!important;
}
.option1{
  background-color: #effd14;
}
.option11{
  background-color: #c99bac;
}
.padforalumni{
  padding: 15px;
}
.cardMargin{
  margin-top: 56px;
  height: 109px;
}
.trt{
  text-align: justify;
}
@media only screen and (max-width: 575.98px){
  .TopRes {
    padding-right: 10px;
  }
  .ResCont{
    width: 98% !important;
  }
  .blog-post h3{
    margin-left: 0px!important;
  }
}
@media only screen and (max-width: 767px)
{
  .contactResponsive{
    margin-top: 17px;
  }
  .TopRes{
    margin-left: 23px;
  }
  .mobAlign{
    margin-left: 76px;
  }
  .cardMargin{
    margin-top: 0px;
  }
  .middleHome{
    padding-left: 59px!important;
  }
  .blog-post h3{
    margin-left: 0px!important;
  }
  .responsiveRTU{
    height: 141px!important;
  }
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:120%;
    width:120%;
    position:absolute;
}

.contact-form .txbx{
  height: 34px !important;
}

.btnText{
  color: #ffff;
}
.btnText:hover{
  color: #ffff;
}
.IMGrva{
  margin-top: 42px;
}
.productIMG{
    height: 343px;
    max-width: 594px!important;
    width: 71%!important;
}
.OtherBold{
  font-weight: 600;
  color: black;
}
.OtherBold:hover{
  color: black;
}

.our-team-other {
    height: 107px;

}
.alignleftprod{
  text-align: left;
}

.our-team-other{
    position: relative;
    margin-bottom: 20px;
    border-bottom: 2px solid #EB3D3D;
    text-align: left;
    height: 115px;
}
.widthLast{
  width: 106%;
}


.prodIMG{
  width: 66%!important;
  height: 116%;
}

.forGap{
  margin-top: 70px;
}