body {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff;
}


.title {
  font-size: 40px;
  font-weight: 900;
  color: #333;
  text-transform: uppercase;
  margin: 0 0 30px 0;
  text-shadow: -8px 6px 10px rgba(51, 51, 51, 0.3);
  letter-spacing: 0.125em;
  
}

.subtitle {
  font-size: 16px;
  font-weight: 900;
  color: #222;
  text-transform: uppercase;
}

.div-header
{
	text-align:center;
	width:100%;
	margin-top:50px;
}

.div-email
{
	text-align:center;
	width:100%;
	margin-top:10px;
}

.div-concept
{
	text-align:center;
	width:100%;
	margin-top:25px;
	/*background:#adeeeb;*/
	background:#00a099;
}

.div-concept-detail
{
	height:250px;
	width:270px;
	vertical-align:top;
	margin-left:30px;
	margin-right:30px;
}

.div-concept h5
{
	 font-size: 16px;
	 /*color:#00a099;*/
	 color:black;
	 height:60px;
}
.div-concept h4
{
	 font-size: 14px;
	 color:white;
}

.div-product
{
	width:350px;
	height:350px;
	text-align:center;
	margin:auto;
	background:#ececec;
	margin-bottom:20px;
	position:relative; 
}

.div-product-image
{
	background:#ececec; 
    width: 350px; 
    height: 300px;
	position:relative; 

}
 
.div-product-image:hover
{

}
 
.div-product-image-hover
{
	position: absolute; 
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
	
    width: 350px; 
    height: 300px;
	transition: opacity .3s ease;
	
}
 
.div-product-image-hover:hover
{
	opacity: 0.2;
}

.div-product-link
{
	position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.div-product-info
{
	position: absolute; 
    top: 300px;
    left: 0;
    right: 0;
    bottom: 0;
	/* width:100%; */
	height:50px; 
	background:#ececec;
}

.div-product img {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-height: 100%;
    display: block;
}

.product-name
{
	margin-left:10px;
	color:#00a099;
	display:inline;
	vertical-align:middle;
	overflow:hidden;
	width:50%;
	float:left;
	text-overflow: ellipsis;
    white-space: nowrap;
	font-weight: 700;
    font-size: 14px;
}


.product-price
{
	color:#333;
	display:inline;
	vertical-align:middle;
	font-weight: 700;
    font-size: 14px;
	width:45%;
	float:left;
}

.product-price-value
{
	color:#00a099;
	
	
	vertical-align:middle;
	font-weight: 700;
    font-size: 14px;
	text-align:right; 
	line-height:1;
	
}

.input-email
{
	height:30px;
	width:200px;
}

.button-email
{
	height:36px;
	width:100px;
}

.table-products
{
	width:800px;
	height:1000px;
	margin: 0 auto;
	margin-top:50px;
	/* border-width:1px;
	border-style:solid;
	border-color:black; */
}
.table-concept
{
	width:800px;
	margin: 0 auto;
	margin-top:50px;
}


.container
{
background:#cecece;
display:inline-block;
width:100%;
}

.col-partner
{
display:inline-block;
margin-left:50px;
}

.col-partner img {
    max-height: 100px;
    max-width: 100%;
    height: auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

img {
    border: 0;
    vertical-align: middle;
}
 
 
.logo-link {
    display: block;
    height: 100%;
    width: 100%;
}



@-webkit-keyframes ombre {
  0% {
    box-shadow: 0 0 15px #00A099;
  }
  100% {
    box-shadow: 0 0 15px #EF9183;
  }
}
@-moz-keyframes ombre {
  0% {
    box-shadow: 0 0 15px #00A099;
  }
  100% {
    box-shadow: 0 0 15px #EF9183;
  }
}
@keyframes ombre {
  0% {
    box-shadow: 0 0 15px #00A099;
  }
  100% {
    box-shadow: 0 0 15px #EF9183;
  }
}

#email_id {
 
  border: 1px solid #333;
  /*border-radius: 10px;*/
  /* Animation */
  -webkit-animation: ombre ease-in infinite alternate 1000ms;
  -moz-animation: ombre ease-in infinite alternate 1000ms;
  animation: ombre ease-in infinite alternate 1000ms;
}