@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500&display=swap");

.card-parent { 
  max-width:2500px;
/*  height:380px;*/
  margin: auto;
  position: relative;
  padding:1em 0em;
  overflow:hidden;
  margin-top:10px;opacity: 0;  padding:0 4%;
	transform: translateY(0px);
}
/*
.card {
  background:url(../images/ccp.png) repeat;  
  width: 260px;
  height: 330px!important;
  float:left;
  margin-right: 20px;


}

.card_hero {
  height: 225px;
  width: 215px; float:left; padding-left:17px;
  transition: all 200ms ease;  margin-top: 1.5em;
}


.card_hero img {

  width: 225px;
  height:215px;
  transition: all 400ms ease;border-radius:10px;
}


.card1{ width: 260px; float:left;text-align:center; color:#ffffff; font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:55px;}
.card1 a{color:#ffffff; }*/




.card {

  width: 220px;
  float:left;  margin-right: 20px; margin-bottom:20px;


}

.card a{ background:url(../images/ccp.png) repeat;   float:left;  width: 220px; border-radius:5px; height: 210px!important; margin-top:10px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.card a:hover{ box-shadow: 5px 5px 2px #579b29;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}



.card_hero {
  width: 195px; float:left; padding-left:12px;
  transition: all 200ms ease;  margin-top: 1em;
}


.card_hero img {

  width: 195px;
  height:150px;
  transition: all 400ms ease;border-radius:5px;
}


.card1{ width: 195px;padding-left:12px; float:left;text-align:center; color:#ffffff; font-size:17px; font-family:Arial, Helvetica, sans-serif; line-height:18px; padding-top:5px;}
.card1 a{color:#ffffff; }