@import 'https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i';
    
 
/***
product table
***/
.product { font-family: 'Lato', sans-serif;
  position: relative;
  margin-bottom: 15px;
  border: 1px solid #CCCCCC; padding: 20px;
    transition: all .2s ease-in-out;  background: #fff;
}

.product-active {
  border: 3px solid #36d7ac;
  margin-top: -10px;
  box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
}
.extra { 
    display: none; background: #0000AC; padding: 5px; width: 100%; position: absolute; left:0; right: 0;  z-index: 99; text-align: center;  outline:1px solid #0000AC; margin: -10px 0 0 0; 
}

    .extra a {     color: #fff}
    
.product:hover .extra {
    display: inline-block;
}

.product:hover {
     outline:8px solid #0000AC;
border: 0px solid #eee;transform: scale(1.1); 
}


.product-head {
  text-align: center;
}

.product-head h3,
.product-head h4 {
  margin: 0;
  line-height: normal;
}

.product-head h3 span,
.product-head h4 span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
}

.product-head h3 {
  font-weight: 700;
  color: #000;
  padding: 0;
  font-size: 27px;
  text-align: left;
  
}

.product-head h4 {
  color: #0091DA;
  padding: 5px 0;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
 
}

.product-head-active h4 {
  color: #36d7ac;
}

.product-head h4 i {
  top: -8px;
  font-size: 28px;
  font-style: normal;
  position: relative;
}

.product-head h4 span {
  top: -10px;
  font-size: 14px;
  font-style: normal;
  position: relative;
}

/*product Content*/
.product-content li {
  color: #888;
  font-size: 12px;
  padding: 7px 15px;
  border-bottom: solid 1px #fff; text-align: center;
}

/*product Footer*/
.product-footer { background: red;
  color: #777;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  padding: 10px 10px 10px;
}

/*Priceing Active*/
.price-active,
.product:hover {
  z-index: 9;
}

.price-active h4 {
  color: #36d7ac;
}

.no-space-product .product:hover {
  transition: box-shadow 0.2s ease-in-out;
}

.no-space-product .price-active .product-head h4,
.no-space-product .product:hover .product-head h4 {
  color: #36d7ac;
  padding: 15px 0;
  font-size: 80px;
  transition: color 0.5s ease-in-out;
}

.yellow-crusta.btn {
  color: #FFFFFF;
  background-color: #7BB801; cursor: text
}
.yellow-crusta.btn:hover,
.yellow-crusta.btn:focus,
.yellow-crusta.btn:active,
.yellow-crusta.btn.active {
    color: #FFFFFF;
    background-color: #005c84;
}
    
    
   .specs dl {
    margin:20px 0;
    font-size: 0;
}
.specs dt {
    width: 35%;  font-weight: bold; 
}
.specs dt, .specs dd {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    display: inline-block;
    padding: 2px 2px; color: #3a454a;
}     
                  
 .specs dd { color: #999999;
    width: 65%;
    text-align: left;
}